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

15 Free Website Templates From August 2013

Our blog Stylish Web Designer is completely dedicated to web design and development. Every month we bring the best website templates from that month for our readers. Templates included in this template are html and css templates. Most of these have the responsive design which is the latest trend in web design industry. Do share… Continue reading 15 Free Website Templates From August 2013

Improving Layout With Vertical Rhythm

Learning all about the ins and outs of the technical side of typography is good. It will give you a solid grounding when looking for typefaces or fonts and will help you understand a little more about the art of typography itself. You’ll soon realise how much hard work it takes to get type right… Continue reading Improving Layout With Vertical Rhythm

Free Website Template with jQuery Slider for Internet Cafe

What do you wait from this spring besides the bright mood? Of course, the inspiration that will bring you the desired ideas of how to create the stunning designs. We are ready to bring you this inspiration with the top-notch freebie from our professional designers – Free Website Template with jQuery Slider for Internet Café.… Continue reading Free Website Template with jQuery Slider for Internet Cafe

Genesis 2.0 — This WordPress Framework Manages To Impress

When it comes to frameworks for WordPress themes, the options are plenty but few names stand out from the crowd. One such name is Genesis. Genesis is an extremely popular and well-loved WordPress theme framework from the stable of StudioPress. It has its own share of loyal followers and users, which range from theme creators, designers and developers… Continue reading Genesis 2.0 — This WordPress Framework Manages To Impress

Logo Design Guidelines

Design a logo and a visual identity goes way beyond the free form and artistic side of what most people think. There is all the rational part including proportions, scaleability optical adjustments and reproduction that has to be thought in order to create an efficient and well design logo. The visual design guidelines will provide… Continue reading Logo Design Guidelines

5 Things to Keep in Mind When Choosing a WordPress Theme

With so many WordPress themes around, it’s important to choose just the right one for your needs. Business websites, personal blogs and artist portfolios may have different requirements, which will influence your choice of theme. However, there are certain factors you need to take into account regardless of the type of a website you have.… Continue reading 5 Things to Keep in Mind When Choosing a WordPress Theme

Create Unique Floating Rock Typography in Photoshop

In this tutorial, I will show you the process of Creating this Unique Floating Rock Typography in Photoshop. You will learn a number of brush tricks, image adjustment tips and practice your selection techniques. This is an intermediate level tutorial so some steps can be tricky, but why not have a try! Note: The Photoshop… Continue reading Create Unique Floating Rock Typography in Photoshop

10 Fresh Free Fonts for Your Designs Projects

Fonts are most sought design resources over web, we are always happy to show our readers what’s new. So, to keep your collection updated, fresh and unique, today we have collected 10 fresh free fonts for your designs. So let’s start! Fresh Free Fonts for Your Designs Quirky Nots Baron Foresee Gabriela Primary Sans Morden Free Font… Continue reading 10 Fresh Free Fonts for Your Designs Projects

25 Free User Interface Web Elements

Free PSD web user interface design elements sets to create full websites. These Web User Interface Kits contains hundreds of useful web elements, buttons, icons and much more to create modern style websites. Psd web elements will guide you to design your websites easily in Adobe Photoshop. All web element kits are professionally design by best graphic… Continue reading 25 Free User Interface Web Elements

30 Free WordPress Themes

WordPress is a very popular blogging platform and many people choose to host blogs on it. This comes as no surprise since WordPress is a free platform and also very easy to comprehend. Even beginners can create a blog with a beautiful design and get the traffic they are hoping for if they take a… Continue reading 30 Free WordPress Themes

Build a Dynamic Dashboard with ChartJS

Final Product What You’ll Be Creating DownloadSOURCE FILES DemoVIEW IT ONLINE Today we will be creating a dynamic dashboard with live charts, through the power of ChartJS. ChartJS is a powerful, dependency free JavaScript library which builds graphs via the canvas element. Best of all, it’s easy for designers to get up and running. We’ll be focusing… Continue reading Build a Dynamic Dashboard with ChartJS

Ultimate Collection of Fresh Adobe Photoshop Tutorials

Photoshop is forever paradise in digital designing world and an every designer’s best friend. Since the mark of its introduction in designing field, Photoshop has been in a constant spotlight of excellence, extensively utilized by everyone linked with digital designing no matter how. Whether its retouching or manipulations, matte painting, illustrations, texturing, designing of packages, logos,… Continue reading Ultimate Collection of Fresh Adobe Photoshop Tutorials

Adobe Illustrator CS6 Shortcuts Cheat Sheet

Illustrator is a very important tool for designers and creative professionals. And no matter how familiar you are with it, there are always some shortcuts you could learn to be more productive. This is why you will love today’s exclusive Adobe Illustrator CS6 cheat sheet that the good people at ZeroLag have put together for WDL. How to… Continue reading Adobe Illustrator CS6 Shortcuts Cheat Sheet

10 Useful Tips For Debugging and Troubleshooting in Programming

With a shiny new file open in the text editor and not a line of code written, every new project seems full of possibility and promise. Several thousands of lines of code later, that same project can seem weighed down by bugs that make adding new features a pain, and drain the enthusiasm of programmers.… Continue reading 10 Useful Tips For Debugging and Troubleshooting in Programming

45 Fresh And Useful Photoshop Tutorials

Here we have come up with another fresh collection of some high quality and very useful Adobe Photoshop tutorials that have been released in last few months. There is no second opinion that Adobe Photoshop is the most powerful and necessary tool for designing and you cannot complete your designing work without using Adobe Photoshop.… Continue reading 45 Fresh And Useful Photoshop Tutorials

Free Download: Modern Touch UI Kit

Designed by our friends over at PixelKit, the free UI kit we have for you today, called Modern Touch, will give your designs an easygoing, aesthetically appealing, flat and modern look that will fit in with just about any site type, especially ones seeking a laid back feel to them. You are also free to use this template on… Continue reading Free Download: Modern Touch UI Kit