A round-up of resources for creating responsive website designs. Tutorials, techniques, articles, tools and more you need to create your own responsive designs.
Read more…
In this article, Louis Lazaris puts together a fairly comprehensive run-down of pseudo-elements. Get all of the concepts you need in order to create something practical with this technique.
Read more…
A walk through five interactive techniques that you can start using right now to provide a more engaging user experience. Also, a variety of useful CSS and jQuery tricks that you can leverage when creating your own interactive techniques.
Read more…
A carefully selected list of useful (and powerful!) CSS techniques and tools. Collected, analyzed and curated resources for you to use them right away or save them for future reference.
Read more…
When creating Web and app interfaces, add this small changes to your workflow. Move, rotate and paste maintaining the highest-quality artwork from the start to the end of the project.
Read more…
Two weeks ago we published the first part of Photoshop tips and tricks for photo retouching. Today, we’ll be presenting the rest of the article. We hope that these techniques will be quite useful for your workflow. You may know some of them, but hopefully not all of them. We have had articles on various tools in Adobe Photoshop but this one is focused more on the techniques rather than the tools provided. Please note that all images used in this article were purchased and are used according to their licenses.
Read more…
In 2002, Mark Newhouse published the article “Taming Lists”, a very interesting piece in which he explained how to create custom list markers using pseudo-elements. Almost a decade later, Nicolas Gallagher came up with the technique pseudo background-crop which uses pseudo-elements with a sprite
Read more…
Unfortunately, for every person who is obsessed with even the tiniest details of typography, a dozen or so people seem to be indifferent. It’s a shame; if you’re going to spend time writing something, don’t you want it to look great and be easy to read?
Read more…
One of the main changes from HTML4 to HTML5 is that the new specification breaks a few of the boundaries that browsers have been confined to. Instead of restricting user interaction to text, links, images and forms, HTML5 promotes multimedia, from a generic <object> element to a highly specified <video> and <audio> element, and with a rich API to access in pure JavaScript.
Native multimedia capability has a few benefits. For instance, end users have full control over the multimedia. The native controls of browsers allow users to save videos locally or email them to friends. Also, HTML5 video and audio are keyboard-enabled by default, which is a great accessibility benefit.
Read more…
When it comes to designing in Photoshop, there is a myriad of ways one could use to achieve a certain result, especially when it comes to photo retouching. Designers use technique they are most confident as well as comfortable with, which is great because it’s always useful to peek into the workflow of our colleagues and learn new design approaches. We have had articles on cloning, compositing, masks and obscure Photoshop time-savers in the past. This article is different. [Updated May/02/2017]
Read more…
