The CSS3 @font-face rule and services like Google Fonts have really opened up the doors for people to be more creative with web typography. Google Fonts has over 630 fonts available to choose from, and in this article, I’m going to show you an extremely easy way to use them in your WordPress site –… Continue reading How to Easily Use Google Fonts in WordPress
Category: Tutorials
You learn something everyday if you pay attention
How to Effectively Validate a WordPress Website
Validation is undoubtedly one of the most important aspects of good web design. And in a content management system like WordPress, you need to be careful about your HTML & CSS both in your theme and your content. In this tutorial, we’re going to talk about validating a WordPress website. Why Validate a Website? Or,… Continue reading How to Effectively Validate a WordPress Website
Rapid Prototyping for Web Design: Basic Tips and Resources
If you’ve never heard about rapid prototyping it can be defined by the two individual terms. “Rapid” means a speedy action taking place over a short period of time, and a prototype is typically the first model of a project. This process requires fast iterations of design to implement features, test how they work, and… Continue reading Rapid Prototyping for Web Design: Basic Tips and Resources
Quick Tip: Converting Photoshop Files to Code With Project Parfait
Project Parfait is a new tool from Adobe, currently in beta, which lets you open up any PSD directly in the browser to extract CSS, text and image assets from it. At the moment it only works on Chrome but Adobe plan to roll it out across all browsers as development moves on. Drag &… Continue reading Quick Tip: Converting Photoshop Files to Code With Project Parfait
The Art of Designing User Driven Websites
If you’re a woman, you probably know that when you go shopping to the mall, you have to enter every store at least once until you actually decide to buy something. If you’re a man, you probably never do this, unless, of course, you’re acompanying a woman. So, in this case, imagine how great it… Continue reading The Art of Designing User Driven Websites
How to Create a Bright Geometric Circle Pattern in Adobe Illustrator
What You’ll Be Creating 1. Cut up a Circle Step 1 The design is simple to make. Start with the Ellipse Tool (L) and draw a circle. Copy (Control-C) and Paste (Control-V) that circle and make sure they’re perfectly Aligned. Select the top circle and go to Effect > Distort & Transform > Pucker & Bloat and set the slider to -71%. Expand under Object.… Continue reading How to Create a Bright Geometric Circle Pattern in Adobe Illustrator
Latest Text Effect Photoshop Tutorials (17 Tuts)
An another fresh collection of Text effect Adobe Photoshop tutorials. These amazing tutorials help to design awesome 2D and 3D text effects with basic and advance techniques. These tutorials giving your typography illustration a fresh touch with traditional and digital media, mixing patterns and textures to give your work outstanding spark. You can use illustrated lettering… Continue reading Latest Text Effect Photoshop Tutorials (17 Tuts)
20 Professional HTML Admin Templates
If you’re a web developer, then you must have created at least once some HTML admin templates for your clients. To make things a lot easier for you and to save you some precious time, we searched the web for some ready-made HTML admin templates for you to use in your next projects. These are all… Continue reading 20 Professional HTML Admin Templates
How to Create an Easy Coffee Shop Facade in Adobe Illustrator
What You’ll Be Creating In this tutorial you will learn how to create a street landscape with ease, using mainly the Rectangle Tool and a few effects in Adobe Illustrator. 1. Set the Background Step 1 Go to File > New to create a new document, size 600px by 800px. Create three new layers (Window > Layers): Step… Continue reading How to Create an Easy Coffee Shop Facade in Adobe Illustrator
Add to Homescreen Javascript & WordPress Plugins
iOS and Android are ruling the smartphone world. In the same time, websites are designed to display nicely on smartphones. We have dedicated mobile website and even the most popular solution – responsive web design. So, what else can we do to make it even more “mobile-compatibled”? Introducing “Add to Homescreen”! A small little plugin… Continue reading Add to Homescreen Javascript & WordPress Plugins
28 Photoshop Tutorials for Learning New Web Design Techniques
Some designers advocate skipping the Photoshop process and moving from wireframes directly into HTML/CSS. This is possible for smaller projects but not always advisable. Adobe Photoshop offers the best tools for testing color schemes, gradients, icons, and detailed page elements before moving the layout into your browser. If you’re a little rusty in Photoshop then… Continue reading 28 Photoshop Tutorials for Learning New Web Design Techniques
20 Best Online Courses Websites for Web Designers and Developers
If you want to learn everything about web design and web developing, then these best online courses websites are a great choice! Sure, you can start by following free tutorials online or reading how-to articles, but this can take a while and you may not get the results you are looking for. Online courses websites… Continue reading 20 Best Online Courses Websites for Web Designers and Developers
Create and Theme an Evernote Powered Blog With Postach.io
What You’ll Be Creating Postach.io is a blogging system with a difference. It has one feature in particular which makes it especially interesting: instead of an admin panel you simply create your posts inside Evernote. You can use any Evernote app, which means Postach.io blogging is multi-platform, automatically backed up, and (if you’re already an Evernote user) very familiar. In this tutorial… Continue reading Create and Theme an Evernote Powered Blog With Postach.io
44 New Photoshop Illustrator Text Effects Tutorials
Are you searching for some useful and professional level tutorials on creating text effects, if your answer is yes, then you are at right place. Here we are presenting 40 new and useful Photoshop & Illustrator tutorials that will help you in creating amazing text effect that can bring your boring design to life. Professionals… Continue reading 44 New Photoshop Illustrator Text Effects Tutorials
Best Node.js Tutorials and Resources for Beginners
Node.js is increasingly gaining popularity among web developers. Due to all hosting companies Node.js remains the prerogative of dedicated servers and VPS. Actually VPS is a solution that even a small startup can afford. For more details refer to the documentation on nodejs.org. As you know, Node.js supports modules. You can find the folder for… Continue reading Best Node.js Tutorials and Resources for Beginners
Designing an Elegant Blog Layout in Photoshop
In this tutorial I am going to show you how to create a simple, elegant blog layout in Photoshop. We’ll use a strong image above the fold (wherever that may be) with some straightforward messaging, followed by very clean and elegant typography. Tutorial Assets In order to follow along you will need the following (freely… Continue reading Designing an Elegant Blog Layout in Photoshop
Create Color Swatches From Your Designs
What You’ll Be Creating The combination of images, graphics and typography create a cohesive design that gets noticed. All of these elements also feature a variety of colors all working together through the design. But how do you know what colors to use? Which colors work together and which ones should you stay away from?… Continue reading Create Color Swatches From Your Designs
Making a Nice Ubuntu Desktop Wallpaper in Adobe Photoshop CS6
In this tutorial, it will show you how to create a nice desktop wallpaper using Adobe Photoshop CS6. You will find it very useful to create another wallpapers. Layered PSD file included. Let’s get started! Final Image Preview Start working by creating a new document (Ctrl+N) in Adobe Photoshop CS6 with the size 1920px by 1200px… Continue reading Making a Nice Ubuntu Desktop Wallpaper in Adobe Photoshop CS6
How Wearable Technology Will Impact Web Design
Remember how wearing a calculator watch back in the day made you feel like George Jetson or his boy Elroy? Technology has come a long way from spelling out naughty words (upside down) on your calculator. These days, you can make calls, record videos, check your health, and buy coffee from your smartwatch–and that’s just… Continue reading How Wearable Technology Will Impact Web Design
Understanding and Working With the WordPress Options Table
In the earlier parts of this series, we looked at the tables in the WordPress database and the relationships between them. In this part I’ll cover a table which is different from the others – the wp_options table. As you can see from the diagram below, this is the only table which sits on its… Continue reading Understanding and Working With the WordPress Options Table
Building a Mega-Navigation Menu with CSS3 and jQuery
Larger navigation menus will typically include separate dropdown lists to appear on hover. But for some websites it can be necessary to expand this dropdown across the entire page. Designers might call this a “mega navigation” for its influence over the whole menu. In this tutorial I want to demonstrate a method of creating one… Continue reading Building a Mega-Navigation Menu with CSS3 and jQuery
Create Leafy Face Photo Manipulation in Photoshop
In this tutorial, I will show you the steps I took to create this “Leafy Face” manipulation in Photoshop. We will go through techniques such as layer blending, layer masks, filter effects, and the use of adjustment layers. Have a try! This is an intermediate level tutorial and some steps can be tricky. Note: The… Continue reading Create Leafy Face Photo Manipulation in Photoshop
What Should New & Inexperienced Designers Be Learning?
Today I’m speaking to those just getting started in design. Maybe you just graduated from design school, or you’ve read through all the fundamental lessons offered here and on other design blogs, and you feel you’re ready to start taking on clients. Or maybe you have a couple of projects under your belt and you’re… Continue reading What Should New & Inexperienced Designers Be Learning?
What Makes The Perfect Blog Post [Infographic]
Webmasters and bloggers alike are always trying to improve their blogging. Each post has to be perfect before they publish it. It has to have the right amount of nice looking images, a certain number of links to back up your sources, and it has to be engaging to your audience. We do this so… Continue reading What Makes The Perfect Blog Post [Infographic]