Tag Archives: same

How To Create Dramatic Vector Illustrations

I have been drawing desktop wallpapers for Smashing Magazine’s monthly collections for over a year now, and every time it’s a very fun and challenging mission. In this article, I would like to share how I approach all stages of the process and provide general techniques for creating vector illustrations in Adobe Illustrator. Hopefully, you will find these techniques useful.
While referring to a particular drawing — the illustration for the “Understand Yourself” desktop wallpaper, which was featured in May’s wallpaper collection this year — I’ll also highlight key takeaways from my experience as an illustrator and designer.

Originally posted here: 

How To Create Dramatic Vector Illustrations

Finally, CSS In JS! Meet CSSX

JavaScript is a wonderful language. It’s rich, it’s dynamic, and it’s so tightly coupled to the web nowadays. The concept of writing everything in JavaScript doesn’t sound so crazy anymore. First, we started writing our back end in JavaScript, and then Facebook introduced JSX, in which we mix HTML markup with JavaScript. Why not do the same for CSS in JS?
Imagine a web component distributed as a single .

Originally posted here – 

Finally, CSS In JS! Meet CSSX

How To Draw A Cartoon In Illustrator

Drawing a cartoon is no trivial pursuit. It turns us into a director, writer, narrator. Through a cartoon or comic, you tell a story that takes place in a certain time, a certain environment, with certain characters.
This is why you will learn here not just how to draw a cartoon in Adobe Illustrator, but how to decide on character, place and situation. Before grabbing your pencil or software tool, ask yourself, “What will be my topic?

Excerpt from: 

How To Draw A Cartoon In Illustrator

Sci-Fi, Frustrations, Flash And Forms: The Typeform Story

Take any new interface design or display technology, and chances are that someone somewhere has already compared it to Minority Report. The 2002 dystopian film, with its see-through screens and gesture-driven interfaces, is remembered more for its futuristic tech than for the insidiousness of the technology — pre-crime prediction — that was its actual focus. It continues to be the standard by which we judge new interfaces.
But inspiration doesn’t only come in the form of flashy, futuristic interfaces.

Source article:  

Sci-Fi, Frustrations, Flash And Forms: The Typeform Story

You May Be Losing Users If Responsive Web Design Is Your Only Mobile Strategy

You resize the browser and a smile creeps over your face. You’re happy: You think you are now mobile-friendly, that you have achieved your goals for the website. Let me be a bit forward before getting into the discussion: You are losing users and probably money if responsive web design is your entire goal and your only solution for mobile. The good news is that you can do it right.

This article:

You May Be Losing Users If Responsive Web Design Is Your Only Mobile Strategy

Designing For The Reading Experience

With the rise of web fonts as well as affordable hosted web font services and ready-made kits, typography is reclaiming its title as design queen, ruler of all graphic and web design. [Links checked March/06/2017]
At the same time, for far too many designers, the primary concern about typography today seems to be aesthetic in nature. The problem is, we tend to use typography and lettering as two interchangeable terms, which they are not.

Source article:

Designing For The Reading Experience

Changing Perspective: A New Look At Old Problems

Insanity: doing the same thing over and over again and expecting different results. – Albert Einstein There is an old story of blind men and an elephant. The blind men all meet and are asked to describe the elephant. One says that an elephant is long and skinny like a snake. The other says that the first doesn’t know what he is talking about and says an elephant is like the trunk of a tree, round and thick.

Original link:

Changing Perspective: A New Look At Old Problems

BEM: A New Front-End Methodology

This article is the sixth in our new series that introduces the latest, useful and freely available tools and techniques, developed and released by active members of the Web design community. The first article covered PrefixFree; the second introduced Foundation, a responsive framework; the third presented Sisyphus.js, a library for Gmail-like client-side drafts, the fourth shared with us a free plugin called GuideGuide and the fifth presented Erskine Design’s responsive grid generator Gridpak.

Original post – 

BEM: A New Front-End Methodology

CSS3 Solutions for Internet Explorer

CSS3 is probably the hottest trend in web design right now, allowing developers the opportunity to implement a number of solutions into their projects with some very straightforward CSS while avoiding having to resort to nonsemantic markup, extra images, and complex JavaScript. Unfortunately, it’s not a surprise that Internet Explorer, even in its most recent version, still does not support the majority of the properties and features introduced in CSS3.

Source article:

CSS3 Solutions for Internet Explorer

Should Links Open In New Windows?

No, they shouldn’t. At first glance, the decision to open links in new windows or not depends on the given site and the preferences of its visitors. Visitors to the sites with heavy linking are more willing to have links opened in new windows then open dozens of links in new windows manually. Visitors of less-heavy-linkage-sites are more likely to open some particular link in new window to remain on the site and continue to browse through it afterward.

Read original article: 

Should Links Open In New Windows?