- Cheat Sheets
Fonts and typefaces form an integral part of the design process. In fact, just like color scheme and other design elements, typography too can single-handedly make or break a design.
Web design has changed significantly through the years, from static HTML pages to fully animated, interactive sites that respond to users. Videos play an important role in sharing unique content, they are ubiquitous on the web; and for certain sites videos are a must. If you want to show a video on your site and you want to create an engaging experience, consider incorporating a background video.
With CSS3 rules you can define more than just the style of your Web page elements. You can apply complex animations to items in your pages simply by including CSS declarations. In this tutorial we will work through the process of including a basic animation within a Web page. You should be able to complete the tutorial as long as you have some understanding of CSS.
WordPress can be very secure, if you know how to do it, but it can also be a hacker’s delight, if you leave doors wide open. Very often exploits happen because of WordPress plugin weaknesses, not because of weaknesses in WordPress itself but this isn’t much of a comfort when your site gets hacked.
When it comes to design prototyping, there are various ways in which you can improve your efficiency. In web design, one such method is wireframing.
Our online creative community has a long history of sharing resources such as Photoshop brushes. Prior to writing this piece, I scanned my massive PS brushes folder. My oldest brushes date back to 2001. All of them were free downloads from generous creatives wanting to share with other users.
Drupal — the very name invites a mixed reaction from designers, developers and end users alike. On one hand, Drupal is backed by a very loyal and active user base or community, and is renowned for its security abilities and versatile set of features. On the other hand, Drupal is also notorious for a wide number of reasons.
If you want to use SVG (Scalable Vector Graphics) in your Web pages but don’t know where to start – it’s easier than you think. You can of course create SVG images using software programs such as Inkscape, but you can also author the SVG markup code yourself in any text editor. SVGs scale up and down to suit the user environment, making them well-suited to responsive designs.
I introduced you to using Google Fonts on your website in my last tutorial. Today we’re going to discuss serving up your own web fonts using the @font-face rule.