Getting Smarter Code with PHP Variable Variables and Variable Functions

Posted in Coding, PHP, Tutorials3 years ago • Written by 29 Comments

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!

Getting Smarter Code with PHP Variable Variables and Variable Functions Read More

jQuery Plugin: Table of Contents with Smooth Scrolling

Posted in Coding, JS & AJAX3 years ago • Written by 39 Comments

Hey guys, have you noticed that pretty box on WordPress codex that gives us a preview about what we can see on a page? So, I haven’t seen too many blogs use this kind of feature and it is really useful for our readers, since they can just skip to the content that they are interested in and avoid wasting time. Wikipedia has a table of contents that makes it easier for readers to skip around, right?

I’m not the very first to do something like this with jQuery. But our goal in here is to develop a complete jQuery plugin, from start to finish, with options, and that is easy to customize. And, of course, something that I hope is useful to you

So, let’s rock!

jQuery Plugin: Table of Contents with Smooth Scrolling Read More

Convert 1st Ideas from PSD to HTML [Very Detailed]

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

In 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] Read More

WordPress Wp_Nav_Menu with Icons and Active Item Highlight

Posted in HTML & CSS, PHP, WordPress3 years ago • Written by 15 Comments

WordPress is a great tool, for sure, but as many other CMS’ it drives us into an “all standard” way of thinking, that is, you design things thinking that every element has to be identical to his brothers, same color, same style, same size.

How many WordPress sites with pretty menu icons do you know (with wp_nav_menu, not “static” menus)?  How many of them use a different color for some categories? Well, these little things make a big difference.

This time we will learn a simple way to customize our WordPress menu, without losing its wonderful admin options. We will be doing:

•   Home link in our wp_nav_menu that always gets current blog url
•   Customize each menu item as you want
•   Put pretty icons in our menu
•   Active item highlight

From now on, it is useful to have a little understanding about what wp_nav_menu is, and if you have a blank WordPress install, it is time to play with it ;)

So, let’s rock!

WordPress Wp_Nav_Menu with Icons and Active Item Highlight Read More

How to Create a Web Spy with a PHP Crawler

Posted in PHP, Tutorials3 years ago • Written by 52 Comments

Crawler, spider, bot, or whatever you want to call it, is a program that automatically gets and processes data from sites, for many uses.

Google, for example, indexes and ranks pages automatically via powerful spiders, crawlers and bots. We have also link checkers, HTML validators, automated optimizations, and web spies. Yeah, web spies. This is what we will be doing now.

Actually I don’t know if this is a common term, or if its ever been used before, but I think it perfectly describes this kind of application. The main goal here is to create a software that monitors the prices of your competitors so you can always be up to date with market changes.

You might think “Well, it is useless to me. You know, I’m a freelancer, I don’t have to deal with this ‘price comparison’ thing.” Don’t worry, you are right. But you may have customers that have a lot of competitors they want to watch closely. So you can always offer this as a “plus” service (feel free to charge for it, I’ll be glad to know that), and learn a little about this process.

So, let’s rock!

How to Create a Web Spy with a PHP Crawler Read More

20+ Useful CSS3 and HTML5 Frameworks, Tools and Templates

Posted in HTML & CSS, Web Design3 years ago • Written by 40 Comments

I hope you have heard a little about CSS3 and HTML5. And I’m sure you’ve used at least one of the cool features they offer. But now it is time to use them at their full (or almost full) power.

You may be asking yourself “It is time to change? Should I forget everything I know and dive into this new world?”. Well dear padawan, you don’t need to do so. We have a lot of tools that make our transition to new and better technologies safer (ultimately we can’t just crash our customer’s website, we have bills to pay :D).

Frameworks are helpful with this. They’ve already been tried, tested and proven. Of course, you can always make them better, but they are a really good starting point.

This time we will talk a little about frameworks and other tools, like generators and templates.

So, let’s rock.

20+ Useful CSS3 and HTML5 Frameworks, Tools and Templates Read More

30 Useful and Cutting Edge CSS3 Text Effect and Web Typography Tutorials

Posted in Coding, HTML & CSS, Tools, Web Design3 years ago • Written by 11 Comments

CSS3 with it’s possibilities is a revolution in web development. The new CSS3 properties give developers a wonderful chance to enhance their designs in a way that’s quick and easy, yet visually impressive. What’s more, almost all of the major browsers now support most of the CSS3 features so that’s another reason for mastering the new techniques. One of the spheres CSS3 has changed dramatically is web typography. Text styling and neat effects can now be achieved without using any Javascript or images at all. This article presents 30 useful and cutting edge CSS3 text effect and web typography tutorials that will take your designs to the next level.

30 Useful and Cutting Edge CSS3 Text Effect and Web Typography Tutorials Read More

WordPress Plugin Development – Relate Posts as a Series – Part 1/2

Posted in Coding, Tutorials3 years ago • Written by 24 Comments

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!

WordPress Plugin Development – Relate Posts as a Series – Part 1/2 Read More

Do’s and Don’ts of Writing Better CSS and HTML

Posted in HTML & CSS, Tips, Tutorials3 years ago • Written by 34 Comments

CSS and HTML are key languages to begin with, when you decide to invest your time in web design and development. They are powerful languages and most of the time may seem simple to work with.

However, every single one of us, beginners, or advanced developers, have committed basic or major mistakes working with both these languages. With this in mind, I believe it is extremely important and always welcome to learn some good tips and practices which I hope will help you improve your skills and experience.

Do’s and Don’ts of Writing Better CSS and HTML Read More

How to Create an Awesome Blurry Menu Using CSS

Posted in Coding, HTML & CSS, Tutorials3 years ago • Written by 34 Comments

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!

How to Create an Awesome Blurry Menu Using CSS Read More
54.198.20.215 - unknown - unknown - US