Category: Tutorials

You learn something everyday if you pay attention

11 Responsive Web Design Tutorials

Are you looking for some detailed tutorials on creating creative responsive web designs? Well, if your answer is yes, then stop looking any further. In this post, we have put together more than 11 most creative and useful detailed tutorials that will teach you how to create interactive responsive web designs. So feel free to… Continue reading 11 Responsive Web Design Tutorials

Multi-Level Menu : A simple menu with multiple levels

This is a simple multi-level menu with delayed item animations and an optional breadcrumb navigation and back button. The idea is to animate each menu item once a level is changed. The animation starts with the item clicked and the delays are propagated through the neighbors. The animation delays follow the same logic for the… Continue reading Multi-Level Menu : A simple menu with multiple levels

How to Choose a WordPress Theme Framework

If you design and develop WordPress themes you may have considered using a WordPress theme framework rather than creating themes from scratch. Frameworks offer significant benefits to developers and users, but for those who have not used frameworks in the past the thought can be a little intimidating and confusing. In this article we’ll take… Continue reading How to Choose a WordPress Theme Framework

38 Freebies & Goodies For Web Designers – November 2015

World Landmark Vector Icons A set of 18 vector icons that feature quite a defined line style in order to represent several of the most known landmarks in the world. Bitsies: Line Color Vector Icons Set Bitsies is a set of 143 vector icons that feature a line trace in several widths and colors, released… Continue reading 38 Freebies & Goodies For Web Designers – November 2015

Holiday Card with Adobe Capture and Illustrator

It’s that time again, the most wonderful time of the year, at least that’s what the old song says. I love the holidays, and Abduzeedo was born at this time back in 2006, which makes me even more nostalgic. But the reason of this post is not to talk about the past but to showcase… Continue reading Holiday Card with Adobe Capture and Illustrator

Simple to Use jQuery Plugin to Animate SVG Paths

jQuery DrawSVG uses the jQuery built-in animation engine to transition the stroke on every inside the selected <svg> element, using stroke-dasharray and stroke-dashoffset properties. It weights less than 2KB minified and 800 bytes gzipped. It’s easy to use with easing and stagger support. Best of all, it’s completely Free! Requirements: jQuery Framework Demo: http://lcdsantos.github.io/jquery-drawsvg/ License:… Continue reading Simple to Use jQuery Plugin to Animate SVG Paths

5 Things You Might Not Know About the CSS Positioning Types

These days front-end developers can build complex page layouts by taking advantage of different CSS layout techniques. Some of those techniques have a long history (e.g. floats), while others (e.g. flexbox) have gained popularity over the last few years. In this article, we’ll have a closer look at a few little-known things related to the… Continue reading 5 Things You Might Not Know About the CSS Positioning Types

10 Fresh & Time Saving Google Chrome Extensions For Designers

Here is the list of 10 best Google Chrome plugins for the designers. There is no doubt that Google Chrome offer many useful plugins for the designers that are mostly used to enhance the design and flexibility. Many designers and developers are using Google Chrome plugins and extensions to simplify their work and improve their… Continue reading 10 Fresh & Time Saving Google Chrome Extensions For Designers

11 CSS Filter Tutorials & Examples

CSS filters can be used to create some fantastic image effects. They allow you to modify the display of images in a variety of ways, some of those ways of displaying images as black and white, grayscale, sepia, invert, saturate, hue-rotate, blur and more. Though, this feature is not yet widely supported, but you can… Continue reading 11 CSS Filter Tutorials & Examples

How To Create a Flat Style Vector Planet in Illustrator

The flat style has been immensely popular in the web design scene, but it’s also a fun illustration style that results in cool abstract artwork which is perfect for infographics, icons or even branding. In today’s tutorial I’ll show you how to create a vector space scene and planet in Adobe Illustrator, using its powerful… Continue reading How To Create a Flat Style Vector Planet in Illustrator

Create Ancient City Under Siege By Dark Wizard Scene in Photoshop

In this Photoshop tutorial, I will show you the steps I took to Create Ancient City Under Siege By Dark Wizard Scene in Photoshop. Have a go! This is an intermediate level difficulty tutorial and some steps can be tricky. Note: The Photoshop tutorial is done in Photoshop CC – therefore some screenshot may have slighting different layout… Continue reading Create Ancient City Under Siege By Dark Wizard Scene in Photoshop

Free Download : Clean One Page Website Template (PSD)

This is a one page PSD template designed by Mike Taylor.The template is clean and elegant and perfectly suits for business companies, corporate agencies, building company, restaurant, medicine, real-estate, freelancers, mobile app, organizations, online shop, personal portfolio, creative minds, blogging and for landing pages as well. Download

Create Surreal Scene of Dark Energy in Photoshop

In this Photoshop tutorial, I will show you the process of Creating Surreal Scene of Dark Energy in Photoshop. Have a go! This is an intermediate level difficulty tutorial and some steps can be tricky. Note: The Photoshop tutorial is done in Photoshop CC – therefore some screenshot may have slighting different layout as in the earlier… Continue reading Create Surreal Scene of Dark Energy in Photoshop

Guide to Creating a Perfect Responsive WordPress Theme

WordPress is remarkably popular, scalable, open-source and affordable CMS/blogging system. The vast majority of people are creating their websites on WordPress because it offers striking plugins and themes.  In fact, both big and small businesses are using WP sites to boost their productivity and increase their ROI. But with time it becomes necessary to design… Continue reading Guide to Creating a Perfect Responsive WordPress Theme

5 Things to Consider Before Becoming a Freelance Web Professional

* { box-sizing: border-box; } body {margin: 0;} If you’re working as a web professional for an employer, chances are you occasionally daydream about going it alone. Maybe you do some freelance work in your spare time and would love to extend that to full time, or maybe you just want the freedom of being… Continue reading 5 Things to Consider Before Becoming a Freelance Web Professional

The Inception of Mobile Application Designs

Mobile being the talk of the town, being the architect of your town (mobile app) it is incumbent on you improves the aesthetics and facilities of your town, so that it can attract maximum number of visitors. It is also you duty to stay abreast with the latest advancement in order to deliver the best… Continue reading The Inception of Mobile Application Designs

15 Clever Tools To Find Some Cool Domain Name Ideas

Choosing an ideal domain name is quite difficult in modern times because so many names have already been registered that simply coming up with name combinations will usually draw a blank with all good top level domain (TLD) or generic domains already taken. Because of this, innovative domain search tools have cropped up which can… Continue reading 15 Clever Tools To Find Some Cool Domain Name Ideas

Card Expansion Effect with SVG clipPath

View demo Download source Today we are going to create a experimental grid layout with “cards” where we’ll animate the card expansion with a morphing effect on the cover image and follow its motion with a delightful animation of a low-poly pattern used as the background of the page. We are using Trianglify by Quinn… Continue reading Card Expansion Effect with SVG clipPath

Learn JavaScript and Up Your Photoshop Game

You’re a Photoshop master. You have your preferences perfected, the menus memorized. You’re a Wacom wielding wizard. Or are you? If you use Photoshop and you don’t code, you’re wasting time and effort with every project you touch. That’s time you could use to do more creative, enriching work or to get away from your… Continue reading Learn JavaScript and Up Your Photoshop Game

20 Beautiful and Free Hand-Drawn Fonts

Designers can never ever have enough fonts in their toolbox, and hand-drawn fonts are the perfect choice if you want to add a little charm and personal touch to your work. With appropriate and well thought-out use of white space, hand-drawn fonts can give your designs some added style and elegance. In this collection, we… Continue reading 20 Beautiful and Free Hand-Drawn Fonts

Create a Free WordPress site without any Coding: CloudPress

Today we are going to be taking a look at a unique take on providing WordPress themes, named CloudPress, it is an app which lets you design a WordPress theme from scratch ( or choose from a number of existing themes ) and customize it using drag and drop building tools. Once you are done… Continue reading Create a Free WordPress site without any Coding: CloudPress

Accessibility for Modern Responsive Website Layouts

The older methods of web design have fallen by the wayside to make room for HTML5/CSS3 design. Unfortunately when you’ve become ingrained with older design techniques it can be difficult to extricate yourself from the outdated workflow. But modern usability centers around responsive design and requires more attention to detail. The following design tips are… Continue reading Accessibility for Modern Responsive Website Layouts