Tools and Resources for web designers and developers, May 2015

Hello, coders out there! We have an exceptional freebie pack for all of you today. Our team has been scouting for the best, freshest material over the last few weeks and this is what they’ve come up with, all kinds of sliders, plugins and other tools to make your developments easier are now at your… Continue reading Tools and Resources for web designers and developers, May 2015

How To Create an Ornate Compass Rose in Illustrator

I recently shared some tips with a subscriber about how to create a nautical star design in Illustrator, which then prompted me to research traditional nautical star and compass rose layouts and construct an ornate design of my own. The process makes use of lots of simple but really useful techniques in Illustrator to build… Continue reading How To Create an Ornate Compass Rose in Illustrator

Impressive Parallax Javascript Plugin That Supports Gyroscrope

Parallax effect is one of the coolest animation in web design industry. Its sibling – Parallax scrolling has been quite a famous web layout since last year!   We found this pretty cool Javascript plugin that bring parallax effect to a new level. Parallax.js reacts to the orientation of your smart device, offsetting layers depending… Continue reading Impressive Parallax Javascript Plugin That Supports Gyroscrope

Build a Freshly Squeezed Responsive Grid System

I’d like to talk to you about Lemonade. Not the refreshing citrus drink, but a grid system I created. Lemonade is a grid system that was built in order to give designers and developers the confidence to make fully responsive websites, eliminating the frustration of flicking between browsers looking for bugs and errors. Let’s look… Continue reading Build a Freshly Squeezed Responsive Grid System

30 New Free Graphic Resources for Web Designers

The Web often surprises us with beautiful and useful free stuff. In the last 2 months, I took on the task of compiling the newest free, high-quality web and UI design resources I could find that feature the latest design trends (flat UI, long shadows, iOS 7, minimalism, etc.). I would like to share my discoveries with… Continue reading 30 New Free Graphic Resources for Web Designers

How to build standards-compliant responsive design using @viewport

One of the key concepts in any responsive design is the change of viewport size. That’s because mobile viewports vary greatly from desktop viewports. To control the viewport size we traditionally use the viewport meta tag. However, the viewport meta tag, like all the worst browser developments of the last forever, isn’t W3C valid. It… Continue reading How to build standards-compliant responsive design using @viewport

30 High Quality and Most Influential Web Design Blogs of All Time

I have spent some time browsing the Internet to find the highest quality and most influential web design blogs in industry. It turns out that it is really hard to find quality sources to trust. I was especially interested in the topics of web design, WordPress, UI, UX, HTML5, CSS3, jQuery, responsive web, and mobile… Continue reading 30 High Quality and Most Influential Web Design Blogs of All Time

Fireworks in the Real World: Vectorise All the Things

This is the last episode during which I’ll be going over generic tools and capabilities, but it’s simply not possible to go any further without covering the vector tools within Fireworks! Vectors are becoming increasingly relevant in web design; pixels are less reliable than they were just a couple of years ago and designs are… Continue reading Fireworks in the Real World: Vectorise All the Things

Grunge Minimalist Posters Illustrating Famous Movie Quotes

Making posters related to famous movies is somehow popular these days among designers. There are a lot of them doing it and they are each creating the posters in a certain style. For example, Jay Quann created this series of posters which illustrate famous movie quotes and a significant minimalist image which is relevant for… Continue reading Grunge Minimalist Posters Illustrating Famous Movie Quotes

50 Things We No Longer Do Thanks to Technology [Infographic]

Thanks to our technological advancements, the world is quickly changing. The following infographic take a look at things that we used to do in the past. Remember Blockbuster?  Video streaming at that point and time was so alien to us. Look where were it’s at now… What about the Motorola Razr flip phones? They used… Continue reading 50 Things We No Longer Do Thanks to Technology [Infographic]

How to Make a Tumblr-powered News Ticker

Tumblr is a blogging service with an elegant interface for creating and publishing content. In this tutorial, we are going to use it as the foundation of a news publishing system. We are going to develop a simple widget which cycles through the most recent posts on a Tumblr blog, and presents them as news items… Continue reading How to Make a Tumblr-powered News Ticker