Websites without icons are unimaginable because icons are now a staple element in web design. Here’s something I’ve found that is made by Stephen Hutchings, and it can help you make your designs cooler. Named Typicons, it’s a free-to-use icon set embedded in a webfont kit for easy use in your UI. It comes with [...]
Here’s a quick and short tutorial shared by Damien Oh from WPBDailyBits that shows you how you can change the font in WordPress’ HTML editor. Follow the very brief instructions below to find out how. Open your theme’s functions.php file. Copy/paste the following code below: add_action( ‘admin_head-post.php’, ‘wpdb_fix_html_editor_font’ ); add_action( ‘admin_head-post-new.php’, ‘wpdb_fix_html_editor_font’ ); function wpdb_fix_html_editor_font() [...]
Today’s feature is a Photoshop tutorial on how you can create a smoke text effect. Tom of PSDFAN has updated his previous tutorial on creating Smokey Typography, where the effect is more realistic than before and uses an updated workflow of Photoshop’s non-destructive tools which you can edit any time. To start it up, create [...]
Graphic designer Ainsley Bevis of Tutorials Share gives you a nice text tutorial which you can use in your design projects. Using Photoshop, you can create this sleek grunge, metal and sci-fi text effect. The techniques she used are textures, brushes and shapes with the following resources - metal resources and N-Gage font. Create a [...]
Arctext.js is a plugin created by web developer Pedro Botelho that rotates the letters with CSS3 transformation and arranges them along a curved path. The lettering.js calculates the right rotation of each letter then distributes it across the imaginary arc of the radius. Below is the code: radius : 0, // the minimum value allowed [...]
Retro nostalgia, baby! Here’s a cool tutorial that will add that disco-inspired style to your text effect with Groovy Font, thanks to the guys at PSDVault. To view the demo and full tutorial, click on the image. Incoming search terms for the article: DISCO FONT disco fonts font disco [...]
Flip over your text as web design elements with CSS! This first code flips each letter horizontally making them face towards the left while retaining their original positions and sequence. CSS .one {-webkit-transform:rotateY(180deg); -moz-transform:rotateY(180deg); -o-transform:rotateY(180deg); -ms-transform:rotateY(180deg); transform:rotateY(180deg); unicode-bidi:bidi-override; direction:rtl;} HTML <span >Test number one.</span> The second code flips the letters’ direction, position, AND sequence. What [...]
0
511
