In the following Adobe Illustrator tutorial you will learn how to create your very own simple vector map illustration. First, Andrei Mariu will build the starting shapes using pixel perfect alignment, some basic vector shape building techniques along with a bunch of warp effects. Then he will put on the finishing touches. Then add the colors along with some simple effects and highlights to give it that final bit of character.
Learn the process of making a tribal-style illustration using only some fundamental techniques in Adobe Illustrator. This is more of a process overview than a play-by-play tutorial and thus, some basic skills in the program are needed in order to follow along. The main goal here is to show a workflow process, and from there, it’s up to you to add your own style and aesthetic preferences to your piece.
Making websites is tons of fun, but sometimes you need to break free and do something a bit unusual. That’s what Paul Lewisis will be doing today. He’ll be using the excellent Three.js engine to create an interactive metallic ball. As you click and drag the ball distorts and then slowly settles back to its original shape. To do this he’ll be covering spring physics, 3D vectors and ray casting all in an effort to create a compelling and fun interactive experience.
User interface design patterns are solutions to common design challenges, such as navigating around an app, listing data or providing feedback to users. Mobile apps and sites have unique UI design requirements because, compared to their desktop counterparts, they’re used in smaller screens and, at least with today’s modern mobile devices, rely on fingers instead of a keyboard and mouse as input mechanisms.
Responsive web design requires a very different way of thinking about layout that is both challenging and exciting. The art of layout was already complex enough for the centuries that it was defined by fixed elements, now things are becoming exponentially more complicated as layouts become increasingly adaptive.
The February edition of what’s new for web designers and developers by Webdesigner Depot includes new web apps, frameworks, jQuery plugins, icons, productivity tools, responsive design resources, and some really great new fonts. Many of the resources below are free or very low cost, and are sure to be useful to a lot of designers and developers out there.
In this tutorial we'll discus how to integrate the Facebook like box into the sidebar and make it responsive. As it uses an iFrame, it has to have a set pixel width and that means it won’t behave how we want it to as it can’t grow or shrink. Turns out, there’s an easy solution with a bit of CSS and a div to enclose the iFrame.
Clean, simple web designs have become a popular trend. This article will cover the subject through a two-part discussion. First, we’ll talk about a few traits that clean designs tend to have in common. Secondly, we will share some tricks and techniques that can be helpful when trying to achieve a clean design.
Responsive design isn’t a fad that arose because of a cool CSS technique, it’s an answer to a problem. Always remember that and constantly ask yourself whether or not you’re really adequately addressing that problem. If you’re using copy and paste to insert your media query breakpoints, your solution might be flawed.