We use ad-blockers as well, you know. We gotta keep those servers running though. Did you know that we publish
useful books and run
friendly conferences — crafted for pros like yourself? E.g. new
Smashing Book 5 features smart responsive design techniques and patterns.
We have all known the pain of a client interfering in the design process. Phrases like “Make the logo bigger” and “Put that above the fold” have become a running joke in the web design community.
It is not unusual for web designers to lose money on a project as a result of the client endlessly iterating on the design. After a few bad experiences, we start to exclude the client from the process. We limit their number of iterations and avoid consulting with them.
Everyone loves a good, clean and simple icon set. Today, we’re honored to present to you a set of flat icons that are simple, useful and optimal for apps, websites as well as print. Designed by Freepik, this icon set is completely free to use for commercial as well as your personal projects, including software, online services, templates and themes.
Please note that this set is licensed under Creative Commons. Feel free to modify the size, color or shape of the icons. No attribution is required, however, reselling of bundles or individual pictograms is prohibited. Please provide credits to the creators and link to the article in which this freebie was released if you would like to spread the word.
Choosing typefaces is an integral part of every web design project. With thousands of typefaces available from hosting services such as Typekit, as well an ever-improving collection of free fonts available, there has never been a better time to be a typography-obsessed web designer.
One could easily argue that nothing affects a design more than typography. And good typography starts with choosing an appropriate typeface. But can having too much choice be a bad thing? With more choices, we have more opportunities to make bad decisions.
Frank Lloyd Wright was a century ahead of his time. He was a pioneer, an avant-garde architect who broke free of the traditions of his era. His views on materials, form, function, space and environment define his iconic works. These ideals and principles are still used in architecture today, and his buildings have stood the test of time, remaining relevant even in today’s digital age.
I find a lot of inspiration in Wright’s timeless work. As designers, we’re frequently asked to create digital experiences (especially in software) that will have a lifespan of 5 to 10 years. This is an eternity in “digital” time, and it has made me ponder the future. What kind of devices will people be using in the next few decades? What interaction patterns will we be using in 25 years? 50 years?
This responsive and mobile-themed icon set, designed by the folks behind Iconshock and Designshock, consists of 100 individual icons merging outlined as well as flat styles, all vectors built in Photoshop, in four transparent PNG image sizes and available in two color versions: a limited cold palette and a warm colorful one. The vector editable source files are included.
Please note that this icon set is licensed under a Creative Commons Attribution 3.0 Unported. You may modify the size, color or shape of the icons. No attribution is required, however, reselling of bundles or individual pictograms is prohibited. Please always provide credits to the creators and link to the article in which this freebie was released if you would like to spread the word.
The list of charting libraries for the web is already quite long, and you might ask yourself why we would need to make it any longer. Whenever you need to develop an application’s dashboard, embed some usage statistics or simply visualize some data, you will find yourself looking for a charting library that fits your needs.
Chartist was developed for a very particular need: to create simple responsive charts. While other charting libraries do a great job of visualizing data, something is always missing to satisfy this simple yet demanding need.
What if you could create an entire back end for your mobile applications that was feature-complete in data synchronization, push-notification support, user management and file-handling before you even started building the mobile experience? What if it was architected in such a way that you could easily create new cross-platform native and web applications seamlessly on this back end?
While this might sound like a fairy tale, it is exactly what providers of mobile back end as a service (MBaaS) are aiming to give app developers. It is up to you to determine whether that is true for the experiences you are creating.
Every element on a web page exerts a visual force that attracts the eye of the viewer. The greater the force, the more the eye is attracted. These forces also appear to act on other elements, imparting a visual direction to their potential movement and suggesting where you should look next.
We refer to this force as visual weight and to the perceived direction of visual forces as visual direction. Both are important concepts to understand if you want to create hierarchy, flow, rhythm and balance in your composition.
Countless algorithms for encrypting data exist in computer science. One of the lesser known and less common encryptions is ROT13, a derivative of the Caesar cypher encryption technique.
In this tutorial, we’ll learn about ROT13 encryption and how it works. We’ll see how text (or strings) can be programmatically encoded in ROT13 using PHP. Finally, we’ll code a WordPress plugin that scans a post for blacklisted words and replaces any in ROT13 encryption.
Today, being a designer is about much more than drawing beautiful interfaces in Photoshop or Fireworks. To properly design a website or application, a UI designer must understand the technology with which their products will be built; therefore, they must have a minimum set of front-end development skills. The World Wide Web is not static. Quite the opposite: It’s responsive, fluid, evolving and ever changing.
Web designers need to be familiar with HTML and CSS code and front-end technologies when they conceive a website or application’s interface. It might be of no real interest to some of you, but it could add some precious assets to your range of skills.