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
Adding rounded corners to internet explorer 6,7, and 8 using CSS3
Adding rounded corners to IE using css3 was impossible considering Internet Explorer does not support css3. The only way to add rounded corners to IE was to create rounded corner images. Well today I will go over the techniques that will allow you to use rounded corners and IE web browsers. Continue reading
Quicktip: How to insert a stylesheet into your HTML document
There are many people who are new to the web design field and have no idea how to insert a stylesheet externally or internally. In this quick tip I will show you multiple ways to insert your stylesheet into your HTML document.
Continue reading
Create a rollover image using css image sprites
images can only be done with javascript considering you’re using a WYSIWYG editor. Well not today. In this tutorial I will teach you how you can create a css rollover image with ease. Continue reading
Quick Tip: How to target IE browsers using conditional stylesheets
Internet Explore (IE) can be very annoying if you’re coding a website in Firefox, Opera, Chrome, or Safari. As you may all know IE has many problems when it comes to designing and creating a website. 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
Understanding the fundamental of typography for the web: Part 1
Typography is a very hard thing to accomplish when designing or coding for the web. In this article I will hopefully give you a better understanding of how to use typography and how you can avoid clutters paragraphs and unaligned text. Continue reading
