Tag: Creating

Creating a WordPress Theme From Static HTML: Creating Template Files – Part 2

Tutorial Details Software: WordPress Difficulty: Beginner Completion Time: 1 hour Part 1 Part 2 Part 3 Part 4 In the first part of this series, I showed you how to prepare your HTML and CSS files for WordPress, ensuring the structure would work, the code was valid and that the correct classes were being used. In this tutorial… Continue reading Creating a WordPress Theme From Static HTML: Creating Template Files – Part 2

Creating a WordPress Theme From Static HTML: Preparing the Markup – Part 1

Tutorial Details Software: WordPress Difficulty: Beginner Completion Time: 1 hour  Part 1 Part 2 Part 3 Part 4   Final Product What You’ll Be Creating Last year I did a small (and admittedly very un-scientific) survey among other WordPress developers. What I wanted to know was this: When they built their first WordPress theme, how did… Continue reading Creating a WordPress Theme From Static HTML: Preparing the Markup – Part 1

HTML5 features with GWT Elemental

HTML5 is revolutionizing the web. The web application has features which are comparable to most of the desktop applications. The new features of the HTML5 make browser a powerful platform to develop next generation applications. The APIs and document object model (DOM) are fundamental parts of the HTML5 specification. The programming language of choice in… Continue reading HTML5 features with GWT Elemental

20 Photoshop Poster Tutorials

These 20 inspiring Photoshop poster tutorials in this post will teach you the basics of Photoshop, and also some advanced manipulations techniques for creating amazing designs. These tutorial are ideal for print designers or any other designers who want to improve their Photoshop skills. Which one is your favorite? Let us know in the comments… Continue reading 20 Photoshop Poster Tutorials

A jQuery Plugin for Creating Calendars

There are wonderful and feature-rich calendar modules out there and they all suffer the same problem: they give you markup (and often a good heap of JS) that you have to work with and style. This leads to a lot of hacking, pushing, pulling, and annoying why-can’t-it-do-what-I-want scenarios. CLNDR is a jQuery calendar plugin. Unlike… Continue reading A jQuery Plugin for Creating Calendars

The Best Free Script Fonts for Creating Vintage Logos

You have three options when it comes to creating a trendy vintage style logo or insignia: Buy a premium script font, draw your own or use a free font. The free option sounds great but it can be difficult picking out quality typefaces from the hoards of cheesy display fonts that litter free font libraries.… Continue reading The Best Free Script Fonts for Creating Vintage Logos

Creating the New Google Play’s Multi-Level Navigation from Scratch

Google have recently released a new Google Play website complete with a new redesign and what caught my attention was the way they implemented their navigation bar. With the smooth animation and how they let users peek at the root-level menu by simply hovering a back button, I decided to build a similar navigation menu from scratch… Continue reading Creating the New Google Play’s Multi-Level Navigation from Scratch

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

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

How To Create a Set of Vector Weather Line Icons

Stroked line icons really complement a flat interface style with their minimal and basic appearance. Let’s take a look at building a set of stylised vector icons of our own. We’ll base them on the weather to allow us to create a set of consistently styled icons that would be a perfect match for a… Continue reading How To Create a Set of Vector Weather Line Icons

Top 20 Photoshop Alternatives for Creating Multimedia Content

Adobe Photoshop has been one of the most widely used tools for creating banners, logos, website templates and other forms of graphics. However, anyone who has used Photoshop knows that it’s an advanced software that a normal user cannot use very easily.   This is why we have created this list of 20 extremely user… Continue reading Top 20 Photoshop Alternatives for Creating Multimedia Content

Speed Up HTML Coding With Emmet

Web Developers are always looking for new ways to speed up our development process, one the best ways to speed up your development and becoming more productive is to choose the right IDE for the way you code. I’ve tried a lot of IDE’s but he one that I find myself most productive with is… Continue reading Speed Up HTML Coding With Emmet

25 Free Tools for Creating Responsive Website Layouts

Free open source tools and resources have been getting online over these past few years. Many of these tools are geared directly towards responsive web design, handling CSS and other typical features. The performance of these tools can vary greatly which is why so many designers are hesitant to jump right into a new library.… Continue reading 25 Free Tools for Creating Responsive Website Layouts

Creating Community: If You Build It They Will Come

The web design community does a lot of things well, and they are praised for those instances. Just as when they do things badly, there is an amount of chiding that comes along with it. Today we are going to look at one of the things the online web design community does the best, and… Continue reading Creating Community: If You Build It They Will Come

45 Creative Buttons And Badges Tutorials

For today’s round up, we have gathered 45 tutorials that will let you learn how to create appealing and fine looking buttons and badges for your website. All these tutorials are different from one another but they all make use of Adobe Photoshop and Illustrator. With beautiful and appealing web buttons and badges, the overall… Continue reading 45 Creative Buttons And Badges Tutorials

Quick Tip: Creating a Bazinga! Text Treatment in Adobe Illustrator

With this tutorial I’ll show you how to create a Bazinga text effect made famous by Sheldon from the sitcom The Big Bang Theory in Adobe Illustrator. We’ll be using some techniques to add multiple effects to a single shape, also duplicating and copying objects quickly, as well as creating a pattern and even rotating… Continue reading Quick Tip: Creating a Bazinga! Text Treatment in Adobe Illustrator

60 Websites Using Full Screen Photographic Backgrounds

Using a large photograph as a background is becoming more and more popular in website design. The photograph offers more interest and far less work than a design. Many of our collection of websites using full screen photographic backgrounds actually use a slideshow – even more flexibility. We have also included some links to tutorials… Continue reading 60 Websites Using Full Screen Photographic Backgrounds

Creating a Movie Magazine Cover Using InDesign

As a taster for our Workshop, An Introduction to Adobe InDesign, that begins on Thursday, Martin shows you how he created an awesome movie magazine cover – in less than 4 minutes! Watch closely as Martin Perhiniak, Adobe Design Master and Instructor, speeds through the process of creating an attention-grabbing movie magazine cover using InDesign.… Continue reading Creating a Movie Magazine Cover Using InDesign

Creating a Vector Anime Character in Adobe Photoshop – Part 1: Sketch and Line Art

This tutorial, and its second counterpart, will walk you through the process of creating a simple anime character bust from start to finish. Here we focus on the drawing side of it and creating a clean sketch, which we then render with vector to create a line art. You will need a graphics tablet or… Continue reading Creating a Vector Anime Character in Adobe Photoshop – Part 1: Sketch and Line Art