Sometimes designing your own graphics from scratch can be a timely and daunting task, and going to the professionals can be very costly. In this post I have assembled an amazing collection of well designed free graphic elements that we do think are worth mentioning…for example; Flat icons, Flat design UI Kit, PSD website template… Continue reading 10 Wicked Freebies That Every Designer Should Download
Typography Basics for Developers
Typography is a fundamental element in any design that you work on. The main reason we have websites in the first place is to display information, and for that information to be consumed by users who come across it. While there may be many other elements to a website, at the core is content. That… Continue reading Typography Basics for Developers
Useful Tutorials for Web Designers and Developers
In this round up I present some useful tutorials which can be very much helpful to all designers and developers. Understanding the Qualities and Characteristics of Color Creating Content Tabs with Pure CSS Creating a Modern Lightbox with CSS3 and JavaScript Making Draggable Webpage Elements using jQuery 30 Must Have Wicked Text Effect Tutorials… Continue reading Useful Tutorials for Web Designers and Developers
20 Latest Retina Responsive WordPress Theme for 2013
Check out these latest 20 retina responsive wordpress themes from 2013. The responsive trend has been ongoing since 2012. It is now a pretty standard fare for any themes developed after 2012 to be have a responsive template. At the same time, iPad users have been growing exponentially, which requires wordpress themes to be retina… Continue reading 20 Latest Retina Responsive WordPress Theme for 2013
Showcase Of Fresh And Free jQuery Plugins And Tutorials
Plugins and tutorials are great designing resources for the designers. With the help of tutorials, designers can learn and practice new technique of using their designing tool and plugins are meant to simplify their designing work. In the recent times, jQuery has become simply miraculous seeing that with jQuery you can discover plugins to achieve… Continue reading Showcase Of Fresh And Free jQuery Plugins And Tutorials
30 Creative Photoshop Brushes for Designers
Photoshop is a one of the best graphic editing software for designer. Always providing various tools sometime it can get quite frustrating when you can’t find the tools you need to satisfy your specific design needs but brushes are fantastic time saver and quickly create without having to draw any design elements. Today we bring… Continue reading 30 Creative Photoshop Brushes for Designers
20 Awesome Graphic Design Photoshop Video Tutorials
There are a lot of step-by-step Photoshop tutorials on the web, but sometimes you’ll understand better and be more focused if you feel like someone is actually talking to you and explains to you the design process. That is why we’ve looked for the best graphic design video tutorials out there and selected 20 of them. Hope… Continue reading 20 Awesome Graphic Design Photoshop Video Tutorials
Recreate Google Nexus Menu
Recently I stumbled upon Codrops’ tutorial regarding the recreation of Google Nexus navigation menu. That was inspiring and such a creative navigation system from Google. So, I decided to create a jQuery version to challenge to myself. I have been playing with the original Google Nexus Menu for a while. Based on my observation, I summarised its… Continue reading Recreate Google Nexus Menu
20 Websites with Unique Pattern Designs
Patterns can make a website stand out and be more appealing to the visitors. Adding textures to a website will make it more interesting, but keep in mind that textures should be used carefully, too many textures may make the website look crowded. To help you out we’ve selected 20 websites with unique pattern designs… Continue reading 20 Websites with Unique Pattern Designs
35 Flat Web Design Examples For Inspiration
Have you already caught on to the newest trend – flat web design? If not have a peek at how others have done. A few years ago, the use of effects and gimmicks was prevalent in web design. However, as with everything else design trends changes, and what used to be out of fashion becomes trending… Continue reading 35 Flat Web Design Examples For Inspiration
How To Create Stylish Pictogram Inspired Illustrations
Illustrating with basic linework not only results in some really cool artwork, it also makes the job a lot easier! Instead of painstakingly drawing every detail, simplifying the object into its basic form and using just a single stroke weight produces a stylised pictogram effect. In this tutorial I’ll take you through the process of… Continue reading How To Create Stylish Pictogram Inspired Illustrations
30 Free Colorful Vector Background Graphics
There are some colorful vector background graphic designs out there which are great for design inspiration, and sweet to use on your website background and other graphic design works. Vector Background having a good and suitable color theme on your Vector Design Background will give users a pleasing user experience while surfing through the designed. Colorful vector… Continue reading 30 Free Colorful Vector Background Graphics
Freebie: 7 Abstract Photoshop Actions
Plexiglass Photoshop Actions Preview Plexiglass is a set of Photoshop actions that adds abstract overlays to your photos. They’re great for posters, covers, or even as backgrounds for images. What’s cool about these actions is that you can resize or crop your image and the effects will update itself to fit your new image dimension.… Continue reading Freebie: 7 Abstract Photoshop Actions
Create an Abstract Tattoo Design in Adobe Illustrator
Final Product What You’ll Be Creating In the following tutorial you will learn how to create hand-drawn tattoo styled illustration in Adobe Illustrator. You will need a graphic tablet such as Wacom to learn how to create, set up and use Calligraphic Brushes. Starting with sketch work you will learn how to work with Strokes and… Continue reading Create an Abstract Tattoo Design in Adobe Illustrator
Dominating Bold Type in Website Design: New Examples
What makes great website design great? Your answer will definitely vary: advanced animations, spectacular captivating photos, uncommon video intros, high-detailed artistic illustrations, flawless execution of popular styles, creative solutions and much more – all these aspects depend on kind and purpose of website itself, but there is undoubtedly one thing that you find in common… Continue reading Dominating Bold Type in Website Design: New Examples
12 Unique Freebie Graphics for Web Designers
New PSD and AI vector graphics are released online every day. Freebies have become a tremendous market themselves, gathering support from designers and developers alike. There are many freebie directories but it can be tough finding exactly what you need. In this article I would like to share a small collection of freebies which are… Continue reading 12 Unique Freebie Graphics for Web Designers
Beginning With WordPress: First Steps With Your New Website
Well… would you look at at that… a whole new WordPress site! Clever you! Have you logged in yet? If so, you might be sitting looking at the Dashboard wondering what the heck you do next… so, let me help you with that! (Failing that you’re wondering what on earth a Dashboard is, that’s ok,… Continue reading Beginning With WordPress: First Steps With Your New Website
Create a slide-out footer with this neat z-index trick
In this short tutorial, we are going to create an interesting slide-out footer with a bit of CSS. Grab the zip from the download button above, open it in your favorite code editor and read on! The Idea The effect we are after, is to give the impression that the page lifts up to reveal… Continue reading Create a slide-out footer with this neat z-index trick
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
My Top Links of the Week for August 2nd 2013
I regularly post links to interesting design tutorials and articles over on my Twitter and Facebook accounts, but in case you missed them here’s a roundup of my top pickings from my recent browsing of the web. This week we have some great content from Vectips, PSDFan, Vectortuts+ and Codrops. The Fundamentals of Shape… Continue reading My Top Links of the Week for August 2nd 2013
Create a Geometric Kermit the Frog Illustration in Adobe Illustrator
Final Product What You’ll Be Creating In this tutorial, I am going to draw Kermit (known in Mexico as “La Rana René”) by using simple shapes and basic tools in Adobe Illustrator. I’ll also show you how to modify your colors in the blink of an eye! So let’s get started… 1. Create a New Document… Continue reading Create a Geometric Kermit the Frog Illustration in Adobe Illustrator
Smartimage: Management of Brand Files, Simplified
I was in dire need of a good tool to handle my images, so I started scanning the internet for a solution that is both convenient and simple to use. Quite a few alternatives presented themselves, but one of them really stood out after I started using the free trial. So, here’s how it went with Smartimage. It… Continue reading Smartimage: Management of Brand Files, Simplified
Web Assets – Tips for Better Organization and Performance
Remember back to when we had to spend a lot of time optimizing our project’s assets (images, CSS, etc..)? Well today, users have a much faster Internet connection and it appears that we can afford to use bigger images or bigger flash files with a lot of video and pictures inside. However, with the rise… Continue reading Web Assets – Tips for Better Organization and Performance
How To Make a Letterpress Texture Effect in Photoshop
I’ve received a few questions recently about how I create the letterpress style texturing that appears on pretty much every retro/vintage design I make. Today’s tutorial will show you a quick and easy way to give your logos and typography that ink stamp style effect that originated from the old letterpress style printing technique. … Continue reading How To Make a Letterpress Texture Effect in Photoshop