Convert a 3D Portfolio Dark Layout From PSD to HTML [Very Detailed]

Posted in Coding, Coding, HTML & CSS, Tutorials4 years ago • Written by 20 Comments

In this article you will learn how to convert a 3D Portfolio Dark Layout from PSD to HTML in a detailed step by step tutorial. You will learn how to create this layout by using a CSS framework, some CSS styles and Javascript into a valid HTML/CSS, cross browser compatible and dynamic layout. I hope that you can go through this tutorial and learn a few techniques that will help you in future projects.

Convert a 3D Portfolio Dark Layout From PSD to HTML [Very Detailed] Read More

40 Useful jQuery Techniques And Tutorials For Great User Interface

Posted in Coding, Coding, JS & AJAX4 years ago • Written by 20 Comments

jQuery has really captivated our development through web. It is a powerful tool that improves the user’s interactivity in Web applications. With jQuery, development in your website is much easier and more flexible for the element in your website.

In this post, I’ll be giving you 40 jQuery techniques and tutorials that will help you improve your skills.

40 Useful jQuery Techniques And Tutorials For Great User Interface Read More

PHP for Beginners: Part 4 – PHP With Forms and Final Notes

Posted in Coding, Coding, PHP, Tutorials4 years ago • Written by 11 Comments

In the last part, I showed you how to use PHP to send e-mail messages. In this part I will continue this and also show you how to use PHP and forms together to make your PHP scripts more useful.

PHP for Beginners: Part 4 – PHP With Forms and Final Notes Read More

Building Real-Time Form Validation Using jQuery

Posted in Coding, Tutorials4 years ago • Written by 69 Comments

Client-side validation is something every web form should have, no doubts about that. While server-side validation does its job, it certainly lacks good user experience. What is so great about client-side validation then?

Not only is it useful to the user because it makes the process of filling out the form a lot quicker and a lot less painful, but it also shows that you actually care about them. For the user there’s nothing better than knowing right away if they’re doing it correctly.

In this tutorial we’re going to learn how to build real-time form validation using jQuery. If you’d like to see what you’ll be building, you can watch the short video intro or hit the “Live Demo” button and check it out.

Building Real-Time Form Validation Using jQuery Read More

How to use CSS3 Orientation Media Queries

Posted in Coding, Coding, HTML & CSS, Tutorials4 years ago • Written by 22 Comments

For a long time we have been able to specify styles for different media types using CSS, print and screen being the most recognizable. With CSS3 these media types have been extended to allow additional expressions, aka media queries, which gives us greater control on when specific styles should be applied. In this article I will focus on the orientation media query and have a fun demonstration showing how to use it.

How to use CSS3 Orientation Media Queries Read More

How to Create Sleek Sliding Box Effect With jQuery

Posted in Coding, Tutorials4 years ago • Written by 34 Comments

Today we’re going to create some sliding boxes effects built with jQuery and some CSS. Throughout this tutorial I’ll explain every line of used code with details,  Hope you will enjoy this understand it easily.

If you want to follow along with the source files, you can download them by clicking here (*.zip archive). You can also take a look at the final demo here.

How to Create Sleek Sliding Box Effect With jQuery Read More

jQuery for Complete Beginners: Part 3

Posted in Coding, Tutorials4 years ago • Written by 15 Comments

Welcome to the third post in this series, taking you from jQuery novice to jQuery expert. The past two weeks have essentially just listed functions that you will need to know. Today we are going to put the skills we’ve learned into practice (as well as meeting new things) and create a basic accordion.

An accordion is a very good way of showing lots of content in a small area. You might have five headers, each with a paragraph below it. Showing all that at once is going to go down for a long way.

jQuery for Complete Beginners: Part 3 Read More

How to Create a PHP Website Template from Scratch

Posted in Coding, Coding, PHP, Tutorials4 years ago • Written by 289 Comments

This is a tutorial on creating a PHP website template starting with HTML and CSS. We will start with the basics and you can also download the final product. Please remember that I am using very basic CSS styling in this example just for you to get the idea, and not so much to make it look pretty. The download will contain both the styled example as well as a complete blank template that you can use for your own starting point for any project personal or commercial. The demo files are released under GPL V2.

How to Create a PHP Website Template from Scratch Read More

Amazing CSS3 Techniques You Can’t live Without

Posted in Coding, Coding, HTML & CSS, Tutorials4 years ago • Written by 28 Comments

CSS3, along with HTML5, is quickly shaping up to be one of the most exciting and useful Web technologies in years. In this article, I will be explaining some of the new graphics-rich techniques and properties available with CSS3. You will learn what is likely to be approved as part of the final spec, what is still a work-in-progress, and how to deal with cross-browser incompatibilities and lack of support in older browsers. Ready? Here we go.

Amazing CSS3 Techniques You Can’t live Without Read More

jQuery for Complete Beginners: Part 2

Posted in Coding, Tutorials4 years ago • Written by 19 Comments

Welcome to part 2 of jQuery for beginners. In the first part we looked at how to add jQuery to our pages and also looked at how jQuery selects elements on the page before finally animating a div. In this lesson we are going to look purely at how to select elements through their relationship with the element we are already interacting with. This may seem complicated, but it’s in fact very straightforward.

jQuery for Complete Beginners: Part 2 Read More
54.205.7.136 - unknown - unknown - US