Vivus is a lightweight JavaScript class (with no dependencies) that allows you to animate SVGs, giving them the appearence of being drawn. There are a variety of different animations available, as well as the option to create a custom script to draw your SVG in whatever way you like.
We are getting closer to December and time to find some nice holiday themed fonts :) All of these are from font squirrel.
Visual Composer for WordPress provides many ways to extend its functionality. There are already many add-ons available for this dynamic page builder, but its easy to do the extending yourself, by following the hints in the documentation ;)
In this small tutorial we are adding a „type“ field to allow a special css class to be added to each of our row containers.
New Visual Composer element properties can be easily added by using the vc_add_param function. See documentation for more information. In our case we are adding a property to the vc_row element.
Extending the Visual Composer Row element with a new property weiterlesen
I am working on a new website for a customer and we are using the WPLMS (WordPress Learning Management System) as a foundation. The packaged theme is based on Bootstrap.
The theme provides its own page-builder, but we prefer to use Visual Composer, as we built some custom VC-Addons to ease future page updates for our customer and custom content integration. Visual Composer provides some nice full-width addons, which are not working with the current theme layout. I decided to use a custom page template to allow Visual Composer to take over, where needed :) WordPress, WPLMS, Visual Composer and full width content weiterlesen
If you are missing certain font formats you can do a search for „Font conversion“ and you should find multiple online services, that allow you convert fonts.
1 2 3 4 5 6 7 8 |
@font-face { font-family: Fontname; src: url('Fontname.eot'); src: url('Fontname.eot?#iefix') format('embedded-opentype'), url('Fontname.woff') format('woff'), url('Fontname.ttf') format('truetype'), url('Fontname#webfontregular') format('svg'); } |
Nice set of SVG icons to use for your next project.
„Compatibility tables for default local fonts.“
http://fontfamily.io/
„We’re revealing designers‘ decisions for all to see; peeking under the hood of beautiful websites to find out what fonts they’re using and how they’re using them.“
Google Design are open-sourcing 750 glyphs as part of the Material Design system icons pack.
https://github.com/google/material-design-icons
This amazingly useful handbook covers the dos and don’ts of design for user interface designers …