Adobe Photoshop CS5 is a new, but experienced kid on the block. With its new powerful features, it provides designers with a flexible tool for printing, making a video or designing for the Web. Some of the features added in Photoshop CS5 are Puppet Warp, 3D extrusions with Adobe Repoussé, smart radius feature, Content-Aware Fill and Raw Image Processing, to name a few. In this post we showcase Adobe Photoshop CS5 tutorials from which you will learn a lot about different features of Adobe Photoshop CS5.
An effective, well-organized workflow is an important asset of professional web designers. The more useful and time-saving your tools are, the more time you can focus on important things, thus creating a foundation for timely good-quality results. The problem is that there are just way too many tools, services and resources out there, so it has become difficult to keep track on them and find those tiny little time-savers that will spare you headaches and save time in a long run.
And this is where we come in. Back in old days, Smashing Magazine used to publish lists after lists, with plethora of links that covered different topics all somehow related to web design and development. We have undergone quite a development since then, and are now publishing almost only in-depth articles — written by some of the best professionals in the industry. However, useful, carefully prepared and filtered lists are still useful, and therefore we keep publishing them as well.
Below you’ll find 50 useful tools and time-savers for web designers and developers. Among other things, you will find recently released tools, useful reference sheets, articles and further resources. Such posts are prepared over months, each containing resources found, reviewed or bookmarked by the Smashing Editorial Team. We hope that at least some of them will help you improve your workflow!
You may be interested in the following related posts:
Let’s have a look at the structure of a HTML 5 website, as many of you will be familiar with the content management dubbed “WordPress” we will emulate a basic 2 column HTML 5 web page.
The picture below represents how a HTML 4 page would look.
HTML 4 Structure
And the picture below represents how a HTML 5 page would look.
HTML 5 Structure
As you can see above the page is very simple yet also very clean, HTML 5 has plenty of new elements which effectively make it easier to structure pages and also helps browsers have more control as to how the web pages are displayed. Once all the big named browsers are compatible with HTML 5 you should notice faster loading times, easier navigation and much richer content. Continue reading →
HTML5 is the next generation of HTML and it is still a “work in progress”. However, most modern browsers have some HTML5 support.
HTML5 is designed to be a cross-platform. You do not need to be running Windows or Mac OS X or Linux or Multics or any particular operating system in order to take advantage of HTML5. The only thing you do need is a modern web browser. Continue reading →
Though W3C’s CSS3 specifications aren’t finalized yet, modern web browsers such as Mozilla Firefox, Opera, and WebKit-based browsers already have full or partial support for them.
As a web developer, it’s crucial to be well-informed about modern and future web standards. To help you stay ahead of the curve – here are 20 excellent resources on the topic of CSS3. Read the rest of this entry »
HTML5 is the next generation of web markup, and the first web markup language created in the era of web applications. While we view many aspects of it quite favorably, we believe the specification could benefit from a few changes and clarifications, outlined below.
Validation of XHTML and HTML
The spec should clarify that an author can use XHTML or HTML syntax, that it is a coding style preference. It would be great if Henri could add a toggle to the validator that will check for syntax. Something along the lines of “Also check for XHTML syntax validity.”
While more specific toggles (e.g. “Check for quoted attributes”) may benefit some power users, the largest benefit would be realized by providing at least a high-level “XHTML syntax” toggle, which could (perhaps with progressive disclosure help text) document what it is checking in addition, like:
Demand for HTML5 skills among developers is soaring, according to a new report released today by DoNanza, a search engine that aggregates project postings from online freelance jobs markets like Elance and oDesk. The report covers projects advertised in the second quarter of this year, and notes a whopping 474 percent increase in demand for HTML5 developers — while also noting that in same period, demand for Flash skills fell by 24 percent.