Latest Articles & Tutorials

Category Archives: Coding

Create a rocking drop down navigation menu using css3

The web is constantly improving and new techniques are constantly being taught throughout the web. In today’s tutorial I will explain to you, how you can create a drop menu using just html and css3. Continue reading

6 robust types of websites that you can build using drupal

When building a website many of us like start custom, or use a framework and in most cases use a content management system. What if you wanted to build a robust web application or a very dynamic website what can … Continue reading

Create a full background image slider using jquery

Backgrounds are an important aspect when it comes to creating a website. Whenever i look at a website the background most likely determines what the rest of the website will look like. As we may all know it is very … Continue reading

Part 3: Create a beautiful contact form from scratch using Photoshop, HTML, CSS, and PHP

Welcome to part 3 of create a beautiful contact form from scratch series. In this series we’ve covered how to design a contact form in photoshop then convert our design to HTML and CSS. In part 3 of this tutorial … Continue reading

Part 2: Create a beautiful contact form from scratch using Photoshop, HTML, and CSS

Forms are one of the most difficult tasks you can encounter when coding a website, well at least it was for me when I first started. Many designers do very good up until this point or get to this point and just give up on contact forms. Well if you’re one of those designers or are completely new to creating web forms have no worries. In today’s tutorial I will teach you how to create a contact form from scratch using Photoshop to design it and slicing it up for code using HTML, CSS. Part 2 of the 3 tutorials will cover how to code the form to HTML/CSS. Enjoy Continue reading

Understanding the fundamental of typography for the web: @font-face Part 2

Typography is a great thing to accomplish if you’re looking to become a web designer or graphic designer. When first starting off it may seem as if you just can not get it together with line-height, what type of font to choose and etc. As you work with typography and fonts, and codes you start becoming interested in what can be done. Well in part 2 of this series I will introduce to many the @font-face technique. If you’re not sure what font-face is or how to use it do not worry because after this article you should be ok. Continue reading

Create a 3 column fluid layout using HTML/CSS

Hey there fellow designers and coders. Here on Webdevtuts I have been posting a lot of Photoshop tutorials and that is great for designers but what about the people who would like to learn code. Since I have not written a tutorial on code .. Continue reading

Close