Typography is elegant when it is attractive and communicates the designer’s ideas. When chosen wisely and used carefully, it can be very effective in supporting the overall design. Designers are always exploring different techniques with type: some use images or sIFR to produce very beautiful typography, while others prefer CSS alone to get the typography just right.
Today, we will look at 50 most useful typographic tools, techniques and resources for creating effective and expressive designs.
50 Useful Design Tools For Beautiful Web Typography
For website owners who are evaluating e-commerce solutions, there are several good options for powering websites and shopping carts. Regardless of which option you chose, deciding on a design brings with it even more decisions to make. Of course, a custom design is always an option, but for those who want to keep costs down, templates are a popular choice. Premium e-commerce themes are easy to find, but they can be expensive.
35 Free High-Quality E-Commerce Templates
Last week, we presented 10 Useful Web Application Interface Techniques, the first part of our review of useful design trends in modern Web applications. Among other things, we highlighted embedded video blocks, specialized controls and context-sensitive navigation. We also encouraged designers to disable pressed buttons, use shadows around modal windows and link to the sign-up page from the log-in page. This post presents the second part of our review: 12 useful techniques for good user interface design in Web apps.
See the article here:
User Interface Design – 12 Useful Techniques
There are exciting new features in the pipeline for Cascading Style Sheets that will allow for an explosion of creativity in Web design. These features include CSS styling rules that are being released with the upcoming CSS3 specification. Realistically, you won’t be able to use these on your everyday client projects for another few years, but for design blogs and websites aimed at the Web design community, these features can help you push the boundaries of modern Web design today, adding that extra spice to your design and helping the industry move forward.
Push Your Web Design Into The Future With CSS3
Photoshop users are able to benefit from the vast amount of high-quality resources that are freely available to the community. Brushes get a lot of attention, but Photoshop shapes are also extremely useful in the right situations. Finding a custom shape that has already been created can save you some time and headaches in your design, and fortunately there is a very wide variety of custom shapes available.
This post highlights 80 different sets of custom Photoshop shapes – over 2,500 individual shapes – in several different categories.
The Ultimate Collection Of Custom Photoshop Shapes
We love useful stuff. For months, we have been bookmarking interesting, useful and creative CSS tools and related resources. We have been contacting developers, encouraging them to improve their tools and release their handy little apps to the public. Last year we prepared and published some of them in a series of smashing posts about CSS. Now again is the time to give these tools the attention they deserve. Big thanks to all designers and developers who contributed to the design community over the last months and years.
22 Extremely Useful And Powerful CSS Tools
Image captions are an often-overlooked element of Web design. They’re often thought of more in terms of function than form. As long as they include the proper photo credits or identifying information about the image subject, not much more thought is given to them.
But image captions are a great place to add a bit more style to your website or to give some unique insight into the subject of the image.
Continue reading here –
Image Caption Design: Techniques and Trends
Grunge is a popular trend that gives designs a more organic and realistic look. It also provides a stark contrast to the simplistic, polished and rigid Web 2.0 trend, opting instead for a less uniform and more elaborate form of design.
We’ve discussed grunge style in modern Web design before, as well as tips and tricks to achieve the grunge look. Now, it’s time to put theory into practice by finding ways to infuse grunge themes into your artwork using Photoshop.
40 Dirty Grunge Effect Photoshop Tutorials
As the Halloween is approaching, it’s best time to spice up your design with some quick Halloweenish icons. And since we are, apparently, smashing and the Halloween is all about pumpkins, we decided to release Smashing Pumpkins: A Free Halloween Vector Icon Set. This set includes 14 exclusive Halloween icons (.png, up to 512×512px) as well as vector sources (.ai CS3 file and .eps file), so you can modify and scale them as you wish.
See more here:
Smashing Pumpkins: A Free Halloween Vector Icon Set
Saving repetitive tasks as Photoshop actions can save you a lot of time, allowing you to automate your work and improve workflow efficiency. An action is a recording of a sequence of commands and operations that you can save and access later on. [Updated Dec/31/2016]
We’ve searched for the best downloadable Photoshop actions that can help you improve your workflow and perform complex techniques with the push of a button.
Photoshop Actions – The Ultimate Collection