Category Archives: Tutorials
jQuery Mobile – What You Need to Know
Rochester OliveirajQuery Mobile version 1.0 finally launched this past November. Don't know if you heard about it, but if you are planning to do any mobile app or website development, it's better to get started with it right now. I'm sure you've heard about jQuery. So, its mobile version is pretty close to what you already are used to, but with a lot of enhancements for mobile screen events (like touching instead of click, and there is no hover) and browsers (this one is tricky since there are plenty of browsers and devices out there) and capabilities (pluggable components). The crazy thing is how simple it is to initiate and build a fully working mobile site. Actually, we'll be talking about concepts, tips, codes, and in the meantime you can build your own app, in no more than one hour. Yeah, noob to ninja in one hour, this is what you'll get here :) So, let's rock!
WordPress Plugin Development – Relate Posts as a Series Part 2
So, we started our dive into WordPress plugin development with the first part of this tutorial where we talked a little about planning, basic plugin structure, custom post types, metaboxes and how to add custom functions to WordPress's defaults actions. Today we will talk a little more about metaboxes and jQuery, shortcodes, and front-end functionality. All these things with a pretty practical example of how to make a plugin that will relate posts as a series. So, let's rock!
Getting Smarter Code with PHP Variable Variables and Variable Functions
Oh, variables. Who doesn't love them? They are such nice guys, you know. When you need something, just call $something and your value is there.
But something really cool is that you actually don't need the name of the variable. You can use other variables to access a value of one variable.
For example, let's say you have two variables $jude = "hey" and $hey = "jude". If you echo $$jude $$hey(yeah, double "$") your output will be "hey jude".
But, as you might be thinking it is not just about variables. You can name dynamic functions, methods, arrays, and almost anything you want to.
This time we will see some uses for it, with arrays, functions, classes and how this technique can help you write better code.
So, let's rock!
Convert 1st Ideas from PSD to HTML [Very Detailed]
Ahmad HaniaIn this article you will learn how to convert 1st Ideas: Stylish Design Agency Website from PSD to HTML in a detailed step-by-step tutorial. You will learn how to create this layout using CSS styles, some CSS3 styles and JavaScript. When you’ve completed this tutorial you’ll have 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 1st Ideas from PSD to HTML [Very Detailed]](http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/05/preview_large_1stideas_convert.jpg)
WordPress Plugin Development – Relate Posts as a Series – Part 1/2
Today our task is to create a simple WordPress plugin to relate posts as a series. With this, when you create a new post it is automatically listed in your series, so if a user is reading any post of the series he can jump to others, even posts created after that one he is reading. It may seem a bit too simple, but with this we can learn a lot about: 1. Custom post types 2. Custom fields 3. Metaboxes 4. Actions 5. Shortcodes 6. Basic plugin structure for WordPress 7. Little bit of jQuery So, let's rock!
How to Create an Awesome Blurry Menu Using CSS
Today we will get a perfect and simple blurry menu effect via CSS. In addition to it, we will get a useful multiple borders effect. To achieve this effect you will need to have a basic understanding of HTML and CSS. We will work with IE filters and text-shadow, but there is no reason to worry if you have never used it, they're all well and simply explained. And the best part is that anything done here works almost anywhere, from IE6 to real browsers. So, let's work!
Creating Your Own CMS Part 3 – Advanced Features
Brad BillmanIf you have been following along you should have a simple CMS built that has a place to securely log in and you should be able to create some users and access levels for your site. If you are creating a CMS you will need more than just to be able to log in and create users so here in part three we will get into a few of the things that you can do with your own CMS. A few people have really knocked the idea of creating your own CMS which is fine because we can all have our own opinions so I will just tell you all why I personally like to use my own.
Convert Burnstudio from PSD to HTML [Very Detailed]
In this article you will learn how to convert Burnstudio Personal Website 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. When you’ve completed this tutorial you’ll have 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 Burnstudio from PSD to HTML [Very Detailed]](http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/03/preview_large_bstudio.jpg)
20+ Websites To Help You Learn Flash and ActionScript
FaizaThere are many software products that are available in the market for website development. In the world of multimedia, Flash has its own position. In designing interactive demos, standalone movies, and aesthetically pleasing web content, flash plays a main role. Tips and tricks can be learned from different websites. The good reputation of Adobe products is one of the core reasons that Flash and ActionScript are so popular. A major reason for it's popularity is that ActionScript is similar to JavaScript. There are many websites that are very helpful for learning Flash. Below are 25 websites that will help you in learning Flash/ActionScript.
Convert Your Product Landing Page From PSD to HTML [Very Detailed]
In this article you will learn how to convert Your Product Landing Page 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. When you’ve completed this tutorial you’ll have 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 Your Product Landing Page From PSD to HTML [Very Detailed]](http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/02/preview_large_boxgen.jpg)
