Menu Search
Jump to the content X X
Smashing Conf Barcelona 2016

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. upcoming SmashingConf Barcelona, dedicated to smart front-end techniques and design patterns.

Creating A Living Style Guide: A Case Study

Living style guides are an important tool for web development today, especially in large, complex web applications. They help document styles and patterns, keep designers and developers in sync, and greatly help to organize and distill complex interfaces. Indeed, living style guides remain one of the best ways to communicate design standards to an organization.

Creating A Living Style Guide: A Case Study

Recently, our company went through the process of creating a living style guide. This is the story of how we developed our living style guide, the mistakes we made along the way, and why the current landscape of style guide generators did not suit our needs.

Read more...

Web Development Reading List #137: The New Let’s Encrypt Client And SSH Shortcuts

This week reminded me again of how refreshing attending a conference can be. As mentioned, I was at the beyond tellerrand conference and, apart from meeting new people, I mostly enjoyed the inspiration I got from listening to the great talks.

With Origin CA you no longer need to go to a third-party certificate authority to protect the connection between CloudFlare and your origin server.

I realized how I might be able to solve a few things that had led to me being unhappy with my work in the past. My trying-to-change-everything-at-once strategy always failed, and seeing that some people just change small things and succeed, I recognized that this is what I want to try over the next months. And I’m happy that I don’t need to do this alone but have some friends who spent nearly the entire Monday night talking with me about how to do more meaningful work.

Read more...

Advertise with us!

Freebie: Space Icon Set (40 Icons, AI, PNG, SVG)

We've featured a lot of different icon sets in the past, but we still haven't had one dedicated to rockets, satellites and solar systems (well, don't forget supernatural aliens as well). There's so much to explore in the world of astronomy, and it's about time we did. Today's icon set was created and designed by the team at Iconshock, and consists of 40 icons in AI, PNG as well as SVG formats. So, dear space troopers out there, what are you waiting for?

Freebie: Space Icon Set (40 Icons, AI, PNG, SVG)

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 not cool. 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 in blog posts or anywhere else.

Read more...

Easy Steps To Better Icon Design

Icon and vector marketplaces like Iconfinder (where I work) are making well-designed vector icons an inexpensive and readily available resource for web and print designers. Thousands of high-quality premium icon sets and hundreds of great free sets are available.

Easy Steps To Better Logo Design

Every icon set submitted to Iconfinder is reviewed and evaluated for potential appeal to our website users and for potential commercial value as premium icons. When reviewing icon sets submitted to the website, we have a responsibility to our designers and to our customers to make sure all premium icons on the website are of the highest possible quality.

Read more...

Content-First Prototyping

Content is the core commodity of the digital economy. It is the gold we fashion into luxury experience, the diamond we encase in loyalty programs and upsells. Yet, as designers, we often plug it in after the fact. We prototype our interaction and visual design to exhaustion, but accept that the “real words” can just be dropped in later. There is a better way.

Content-First Prototyping

More and more, the digital goods we create operate within a dynamic system of content, functionality, code and intent. Our products and services drift and spill into partner websites, social media feeds and myriad electronic aggregators, all seeking to shape visitor behavior and understanding. Systems build on systems, and, in short order, we’ve cobbled together a colossus the breadth of which sends minds a-boggling.

Read more...

Improve Your Designs With The Principles Of Closure And Figure-Ground (Part 2)

Have you ever wondered how elements come together to create successful designs? It’s no accident that compelling design just seems to work. What most of these designs have in common is the use of gestalt grouping principles to organize information that helps us understand the relationships and differences between elements. As designers, we can use these principles to create our own engaging and successful work.

Improve Your Designs With The Principles Of Closure And Figure-Ground (Part 2)

In the first part of this series, we focused on the principles of similarity and proximity to understand how the gestalt principles work in creating relationships between elements. Next, we’ll focus on the principles of closure and figure-ground, which play with positive and negative space to build relationships and create wholes with the sum of their parts. As in the first article, we’ll look at how the principles work and then move on to real-world examples to illustrate them in use.

Read more...

Truly Fluid Typography With vh And vw Units

Embracing fluid typography might be easier than you think. It has wide browser support, is simple to implement and can be achieved without losing control over many important aspects of design.

Fluid Typography

Unlike responsive typography, which changes only at set breakpoints, fluid typography resizes smoothly to match any device width. It is an intuitive option for a web in which we have a practically infinite number of screen sizes to support. Yet, for some reason, it is still used far less than responsive techniques.

Read more...

Breaking Out Of The Box: Design Inspiration (May 2016)

Today we'll be looking at eye candy that will undoubtedly help you start the new week with your creativity freshly nurtured. Grab your cup of coffee or tea, and let these designs shine on you with their smart details, fantastic textures, and well-chosen color palettes.

Monday Design Inspiration The Image shows a house in a beautiful valley at sunset

I’ve sifted through the web to dig up little nuggets of inspiration to indulge in — just for you. This time I’ve collected a potpourri of styles ranging from delicate and subtle to bold and playful. Nothing but design goodness. So please lean back and soak it all in.

Read more...

Web Development Reading List #136: Design Usability, Meaningful CSS And Project Include

The past week showed yet again how fractured opinions in our industry can be and that to some problems there’s definitely more than just one answer, or we still have to figure out what the proper way is in the end. This is why talking about technical problems matters, and this should certainly be done from time to time with your colleagues.

Web Development Reading List #136: Design Usability, Meaningful CSS And Project Include

We all know that by sharing and talking to other people, our jobs get more interesting. So, let’s work together more instead of on our own — that would be my advice.

Read more...

↑ Back to top