These are great times for front-end developers. After months of exaggerated excitement about HTML5 and CSS3, the web design community now starts coming up with CSS techniques that actually put newly available technologies to practical use instead of abusing them for pure aesthetic purposes. We see fewer “pure CSS images” and more advanced, clever CSS techniques that can actually improve the Web browsing experience of users. And that’s a good thing!
In this post we present recently released CSS techniques, tutorials and tools for you to use and enhance your workflow, thus improving your skills. Please don’t hesitate to comment on this post and let us know how exactly you are using them in your workflow. However, please avoid link dropping, but share your insights and your experience instead. Also, notice that some techniques are not only CSS-based, but use JavaScript, or JavaScript-libraries as well.
Our job is to promote good, high-quality content and resources. If you wrote or developed something useful, contact us — we will do our best to spread the word and help you out.
Read more…
Storing information locally on a user’s computer is a powerful strategy for a developer who is creating something for the Web. In this article, we’ll look at how easy it is to store information on a computer to read later and explain what you can use that for.
Read more…
We thought we’d do something a bit different for the weekend, because not everybody is actually working during the weekend. And even if we do, we deserve a break from time to time. For just this occasion, we have poured across the four corners of the Web and amassed a collection of retro games to help you make the absolute most of your break time this weekend… and possibly any break time you take from this day forth.
Read more…
As designers, we have to create an intuitive user experience, solve design problems and provide a beautiful and functional user interfaces. Unlike print design, we don’t have the luxury of designing in a static area; rather, our canvas is ever-changing in its content, browser width, page length and more. We do need to be able to code to some extent and be able to build a design around a structure of code. Yet, with these complications comes an opportunity for unique functionality, interactive effects and better user experience.
Read more…
As Web technology improves, users expect Web-based widgets to be useful, content to be relevant and interfaces to be snappy. They want to feel confident navigating a website and using its functionality. They crave being able to get things done with little friction and on demand. And demand they do.
Read more…
As designers who deal with clients, we all have to face one situation, no matter how difficult and uncomfortable, and that is guiding the client to accept that your design is perfect. Now, you already have the project, so this is not a matter of convincing them to pick you for the job. This is about getting them to see that your design satisfies their requirements and contains everything they want. We all have to take on this role of virtual tour guide and lead them through the project’s twists and turns, ensuring that the best interests of the client and website are served.
Read more…
Websites and Web applications have become progressively more complex as our industry’s technologies and methodologies advance. What used to be a one-way static medium has evolved into a very rich and interactive experience. * (Links checked and repaired on April 2021).*
Read more…
Film titles can be great fun. In them we see the bond between the art of filmmaking and graphic design — and perhaps visual culture as a whole. They have always served a greater purpose than themselves: to move the overarching story forward. Whether you are a motion graphic designer, a digital artist or a connoisseur of design, we hope you are inspired by these film titles and the ideas they suggest to your own creative endeavors. At the end of this post, you’ll find a listing of relevant typefaces and Web resources.
Read more…
If you want people to know you and consider you a valuable contact, then you must promote yourself. If you see your career as being surrounded by rainbows and unicorns, then may you be paid with singing flowers and pixie sparkles. If you look at your career as a business, then as with any business, you must promote it.
Read more…
Office applications are getting very advanced these days offering all sorts of fancy features for data visualization. Graph generation is a standard feature in desktop applications like Microsoft Excel or OpenOffice.org Calc, but it can also be achieved in non-spreadsheet applications like Adobe Illustrator.
If you’re unfamiliar with the process of creating graphs in Adobe Illustrator, this article will help in giving you some insight into the work-flow. It might also help you decide whether Illustrator is the right tool for this kind of assignment.
Adobe Illustrator offers 9 graph types to visualize data. You can choose from the following graphs: column, stacked column, bar, stacked bar, line, area, scatter, pie and radar.
Read more…