Category Archives: Coding
Create Your Own Premium Membership WordPress Blog – Part 1/3
Rochester OliveiraWho doesn't want to earn money from blogging? I mean, sometimes you have shortages, sometimes comments let you down, payment is not THAT good. But you know, it's still better than real work, right? (Troll's comments in 3..2..1..) So instead of spending a few bucks in order to get a premium membership system, why not create your own? And you can also learn a little bit about WordPress. Big deal, isn't it? And you will be amazed at how easy is to build such great feature. This is our first post from 3 and we'll be talking about user roles, register, show / hide content based on user's role. So, Let's Rock!
Creating Your Own CMS Part 2 – Access Levels & Administrators
Brad BillmanAlright if you have read the first article that we worked on a while ago "Creating Your Own CMS Part 1 - Secure Login" then you should have some sort of CMS design with a secure login. Now that we can login to our CMS we will need to have an easy way to add an administrator and of course give them access to only certain parts of the CMS. But first one little thing that I decided to add in to make it easy for you to login without having to manually add an entry in phpmyadmin was to make the first login attempt double as a create user.
Convert 1stDelicious Portfolio Layout From PSD to HTML [Very Detailed]
Ahmad HaniaIn this article you will learn how to convert 1stDelicious: A Simple Clean Portfolio 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, CSS Sprites and CSS3 into a valid HTML/CSS and cross browser compatible layout. I hope that you can go through this tutorial and learn a few techniques that will help you in future projects.
![Convert 1stDelicious Portfolio Layout From PSD to HTML [Very Detailed]](http://cdn1.1stwebdesigner.com/wp-content/uploads/bigthumbs/700-800/1stdelicious-html-preview_large.jpg)
Convert a 3D Portfolio Dark Layout From PSD to HTML [Very Detailed]
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]](http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/01/preview_large.jpg)
40 Useful jQuery Techniques And Tutorials For Great User Interface
Jane BernardojQuery 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.
PHP for Beginners: Part 4 – PHP With Forms and Final Notes
Nick PlekhanovIn 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.
Building Real-Time Form Validation Using jQuery
Michal KozakClient-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.
How to use CSS3 Orientation Media Queries
Ryan SeddonFor 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 Create Sleek Sliding Box Effect With jQuery
1STWD EditorialToday 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.
jQuery for Complete Beginners: Part 3
Jack FranklinWelcome 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.
