Category: Tutorials

You learn something everyday if you pay attention

A Beginner’s Guide to HTTP and REST

Hypertext Transfer Protocol (HTTP) is the life of the web. It’s used every time you transfer a document, or make an AJAX request. But HTTP is surprisingly a relative unknown among some web developers. This introduction will demonstrate how the set of design principles, known as REST, underpin HTTP, and allow you to embrace its… Continue reading A Beginner’s Guide to HTTP and REST

The Best Way to Learn Python

Wondering how to learn Python on your own? There are plenty of Python tutorials and resources on Envato Tuts+! What Is Python? Python is more popular than ever, and it’s being used everywhere from back-end web servers to front-end game development and everything in between. Python is a true general-purpose language and is quickly becoming… Continue reading The Best Way to Learn Python

How to Create Diagonal Lines with CSS

A few days ago, I received my invite to Google Music. While browsing the app, I noticed a tiny, but neat trick they use to create tabs and diagonal borders with plain-old CSS. I’ll show you how to do the same in your projects today! Prefer a Video Tutorial? Step 1: The Markup We begin… Continue reading How to Create Diagonal Lines with CSS

20+ HTML Forms Best Practices for Beginners

* { box-sizing: border-box; } body {margin: 0;}*{box-sizing:border-box;}body{margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;} Working with HTML forms can be somewhat daunting. They not only use some niche HTML elements, but also blur the line between static content and user interaction. Let’s review some things to remember when creating your next form. Good HTML forms require attention on at least four… Continue reading 20+ HTML Forms Best Practices for Beginners

30+ PHP Best Practices for Beginners

* { box-sizing: border-box; } body {margin: 0;}*{box-sizing:border-box;}body{margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;} PHP is the most widely used language for server-side programming on the web. Here are 30+ best practices for beginners wanting to gain a firmer grasp of the fundamentals. We have also written posts like these for HTML, CSS, and JavaScript. HTML & CSS 30 HTML Best… Continue reading 30+ PHP Best Practices for Beginners

How to Create a PHP/MySQL Powered Forum From Scratch

In this tutorial, we’re going to build a PHP/MySQL powered forum from scratch. This tutorial is perfect for getting used to basic PHP and database usage. Step 1: Creating Database Tables It’s always a good idea to start by creating a good data model when building an application. Let’s see what we are going to… Continue reading How to Create a PHP/MySQL Powered Forum From Scratch

Top 20 Most Usable Content Management Systems

There are plenty of options when picking a content management system for a development project. Depending on how advanced you need the CMS to be, what language it’s built in, and who is going to be using it, it can be a nightmare trying to find the “perfect” CMS for a project. However, some CMSs… Continue reading Top 20 Most Usable Content Management Systems

What Needs to Go in It and What Doesn’t

In this tutorial, let’s talk about the header.php file, an essential file for any WordPress theme. I’ll show you a  header file example and give tips about what needs to go in it and what doesn’t. Introduction It’s important for you to know what exactly the header.php file should contain in a WordPress theme. We… Continue reading What Needs to Go in It and What Doesn’t

Add a Custom Column in WordPress Posts and Custom Post Types Admin Screen

In this tutorial we will see how to add a new column to the WordPress Posts management screen and in this column we will show the Featured Image of each Post. This new column will also be added in the management screen of any active Custom Post Type. Step 1. Activate Featured Images In this… Continue reading Add a Custom Column in WordPress Posts and Custom Post Types Admin Screen

36 Excellent Free Image Galleries: JavaScript, React, PHP, or CSS

* { box-sizing: border-box; } body {margin: 0;}*{box-sizing:border-box;}body{margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;} Here are some of our favourite free image galleries that you can quickly plug into a design. They’ve been built with everything from JavaScript to PHP to jQuery and more… A shout-out to all the developers involved in sharing their work with the community! JavaScript Galleries jQuery… Continue reading 36 Excellent Free Image Galleries: JavaScript, React, PHP, or CSS

How to Create a WordPress Author’s Page Template

If you run a multi-author website, you may want to consider adding an author template to your website. Author templates help present more information about writers and make it easier for visitors to find other articles the author have written. In this post we will be breaking the author template down and showing you how… Continue reading How to Create a WordPress Author’s Page Template

How to Create a WordPress Author’s Page Template

If you run a multi-author website, you may want to consider adding an author template to your website. Author templates help present more information about writers and make it easier for visitors to find other articles the author have written. In this post we will be breaking the author template down and showing you how… Continue reading How to Create a WordPress Author’s Page Template

Using Color Psychology to Create an Effective Price Table

Whenever we start any new design project, we’ll usually sit down with the client and discuss all the relevant project details with the client. If you’re lucky, your client will have a relatively clear idea of what they want to achieve and perhaps even the functions and features they want for the site. However clients… Continue reading Using Color Psychology to Create an Effective Price Table

40+ Best CSS Galleries to Showcase Your Websites

Finding the Best CSS Galleries to Showcase Your Websites can sometimes be tricky if you don’t know where to look. Web design galleries offer designers and developers creative inspiration on their own designs. We have compiled this collection for the best css galleries out there. Now don’t get us wrong, we obviously know there are hundreds if not… Continue reading 40+ Best CSS Galleries to Showcase Your Websites

Photoshop Plugins you Won’t be Able to Live Without

To help make 2014 the most awesome year for you yet, here is a collection of amazing Photoshop plugins for you. I’m not saying you should download them all as they do a variety of things but browse through these to find some cool and, most importantly, time saving plugins to help you be that… Continue reading Photoshop Plugins you Won’t be Able to Live Without

50+ Pricing Table UI Element PSD Templates

50+ Pricing Table UI Element PSD Templates, these Pricing Table UI Element are all high quality PSD files which will help inspire you and help you learn how to edit and create your own Pricing Table UI Element PSD Files. These Pricing Plan Boxes are especially designed for the websites which are indeed of web… Continue reading 50+ Pricing Table UI Element PSD Templates

38 WordPress Tutorials for Hacking Custom Functionality

The WordPress core has been updated frequently by a team of well-educated developers. This has lead to many advances so even theme designers can greatly enhance the user interface. When searching in Google you can find a lot of tutorials related to WordPress, bbPress, and BuddyPress customization. In this post I’ve organized 38 niche-specific tutorials… Continue reading 38 WordPress Tutorials for Hacking Custom Functionality

Tips on Using Inkscape’s Fill and Stroke Options

Fill and Stroke is the heart and soul of Inkscape – it’s all just lines and nodes until some style is applied. In this quick tip, we’ll check out some of the best stuff Fill and Stroke has to offer!   1. Fill Colors in Inkscape Step 1 There’s four main types of Fill styles… Continue reading Tips on Using Inkscape’s Fill and Stroke Options

Creating a WordPress Theme From Static HTML: Adding a Loop – Part 4

Tutorial Details Software: WordPress Difficulty: Beginner Completion Time: 1 hour  Part 1 Part 2 Part 3 Part 4 In the first three parts of this series, you learned how to prepare static HTML for WordPress and to create a theme by splitting your HTML file into a set of template files and editing the stylesheet.… Continue reading Creating a WordPress Theme From Static HTML: Adding a Loop – Part 4

How To Create a Comic Style Text Effect in Illustrator

In today’s Illustrator tutorial we’re going to create a comic book inspired text effect your favourite superhero would be proud of. Learn how to create a basic 3D effect using the Blend tool and produce cool halftone patterns to give the design that retro screen printed appearance. These two techniques alone are crucial additions to… Continue reading How To Create a Comic Style Text Effect in Illustrator

Animating Personal Skill Bars With CSS3 Keyframes

This design technique is commonly found on personal portfolios or design studio websites. Skill bars represent a level of knowledge related to certain tasks – web design, illustration, branding, character design, you name it! Adding some fancy animations to these skill bars will provide a quicker connection to the viewer.  In this tutorial I want… Continue reading Animating Personal Skill Bars With CSS3 Keyframes

Adding Localization to Tumblr Themes

In this episode of Tumblr Theming 101 we’ll complete the CSS for our video post type, which will involve using some principles from Fitvids.js. We’ll also look at adding localized theme strings, for multilingual support.   Localization (Amongst Other Things)  Alternatively, Download the video, or subscribe to Webdesigntuts+ screencasts via YouTube Useful Links Fitvids.js Fitvids.js… Continue reading Adding Localization to Tumblr Themes

15 Free CSS JQuery Tabs Plugin And Tutorials

CSS jQuery tabs plugin and tutorials helps you to create tabbed navigation and improve usability and browsing experience. Jquery tabs are easy to use. CSS jQuery tabs plugin make helps you to create simply tabbed interface by using simple coding techniques in HTML and CSS using the specific functionality of jQuery, while in tutorials we… Continue reading 15 Free CSS JQuery Tabs Plugin And Tutorials