We're getting to the end of our Learning LESS series, and this is one of the posts I'm most excited about. One of the best features of LESS is how modular and organized your code can be, and how it doesn't add much weight or calls to your live sites (if you compile locally with LESS.app, CodeKit or some other compiler). Blog Series Roadmap ... An Introduction Using Variables Using Mixins Using Nested Rules Using Functions Divide and Conquer Put It Into Action Grab a cup o' joe, your favorite text editor and...
With CSS3 you can give your users a greater level of control over how they view your pages without having to employ complex JavaScript functions. Using the resize property in CSS3, you can set elements to be automatically resizable. These elements appear within the browser with a subtle indicator at the bottom right corner letting users know that the element is resizable. On clicking and dragging the corner, the user can resize your element. The resize property in itself is not complex, but can have...
In part one of our post Up and Running With Custom Post Types, we covered the concept behind WordPress's Custom Post Type feature, and how to get started by creating your own custom post type. We also covered ways to keep it modular by utilizing a separate PHP file, allowing you to port the post type from theme to theme. In this post, we'll cover creating Taxonomies for your custom post types, creating custom fields and meta boxes, saving your data and using it in your WordPress themes. Let's get rollin'!...
A memorable Al Pacino line from the popular sports movie “Any Given Sunday” states that, in essence, “Life is just a game of inches”. In other words, success in any endeavor can depend on the smallest details, because they can end up having a major impact. When it comes to SEO, I am constantly amazed at how paying careful attention to tiny, often overlooked factors can significantly assist in boosting a website’s online presence, thus gaining its owner a competitive advantage. As web developers,...
With HTML5, you can set any of your Web page text elements to be editable by users. Using the "contenteditable" attribute, you can instruct the browser to allow users to insert, delete and alter the text your page contains as they view it. There are many possible uses for this technique, such as allowing users to customize the way your pages appear to them each time they visit. In this tutorial, we will run through the basics of letting users edit your text content, including saving their edits for future...
HTML5’s native audio element will be a great way to avoid having to rely on third party plug-ins like QuickTime and Flash. The latest web browsers like Chrome 10+ and Firefox 3.6+ are already there with imbedded javascript libraries which provide methods and properties for manipulating the <audio> element. In this post, we’ll examine a few of the most important methods and discover ways to use Javascript to run audio files. NOTE: Although this post focuses on the Audio object, these methods...
We continue on our journey of Learning LESS today as we take a look at Nested Rules in LESS, which will help you write extremely clean code. If you haven't read our first three posts on the topic, check out the introduction, variables, mixins and nested rules posts. Blog Series Roadmap ... An Introduction Using Variables Using Mixins Using Nested Rules Using Functions Divide and Conquer Put It Into Action Time to get our hands dirty in some LESS functions, which will likely blow your mind that it...
Moving website pages is not only a traumatic experience but it actually does your website more harm than good when not done right. The Google Search algorithm uses over 200 elements to rate your website and one of these elements is how reliable your website pages are. When a “Page Cannot Be Found” message is displayed, this is one mark less for your website which means that your search ranking will likewise be affected. If you need to redirect your Web pages, then you need to do it in a way that search...