Tutorials Page 3
Optimization
Incredible Analytics with Crazy Egg
Analytics tracking is an important part of ensuring the success of any website or app, and the better information you get, the more you can do with that information. I've always loved and appreciated what Google Analytics provides in the way of basic information, but GA's lacked in visual presentation and "snapshot storage" of analytics. I recently found Crazy Egg, another analytics vendor which focuses more on visual representations of visitor data than basic visit and pageview numbers. Let me share with you how Crazy Egg works and how it can help you learn more about your visitors!
Read Post View DemoSort Objects by Property with PHP
PHP WordPress
Add and Remove Profile Fields to WordPress User Form
The WordPress user profile screen allows you to set values for social services but some default services are irrelevant, namely AIM and Yahoo! IM; add to that the fact that Twitter and Facebook fields are missing. You quickly realize that the default form...needs work. WordPress provides a method for adding and removing profile fields. Let me show you how it works!
Read PostCanvas & SVG Comics JavaScript
Create xkcd-Style Comics with Comix
Everyone loves the epic comic xkcd. These comics aren't usually masterclasses of artwork but expressions of whit, usually of a tech-related subject. I've always thought I could eventually create witty comics but never had the illustration skills to bring them to fruition. Luckily an incredible tool called cmx.js has come along. Comix I/O allows developers to create xkcd-style comics using a reasonable SVG API.
Read PostCSS JavaScript Markup
Detect Unmatched CSS Selectors with Helium
One thing I can't stand is extra code. Whether it's an extra CSS or JavaScript file that's been included by the page, bloated HTML, or unoptimized images, we're making our millions of of desktop and mobile visitors pay for our laziness and mistakes. A great tool called Helium is available to help developers detect selectors in their stylesheets that are unmatched or malformed. Let me show you how it works!
Read Post View DemoPHP WordPress
Create WordPress Shortcodes
WordPress shortcodes are super handy, especially when handing off a WordPress-based website to a client. The alternative to using shortcodes is creating complicated templates, and even then, you cannot adequately replace what shortcodes can do. I recently needed to implement a new shortcode for the Mozilla Hacks blog and was happy to learn how simple the WordPress API makes creating new shortcodes! Let me show you how to create your own WordPress shortcodes!
Read PostOverride WordPress URL
parseInt and Radix
Hide the Admin Bar in WordPress
CSS Features JavaScript
CSS @supports
Feature detection via JavaScript is a client side best practice and for all the right reasons, but unfortunately that same functionality hasn't been available within CSS. What we end up doing is repeating the same properties multiple times with each browser prefix. Yuck. Another thing we do check for CSS property support with JavaScript which leads to brief flashes of content, hopeful code and support, and other problems. Firefox, Chrome, and Opera have just recently added support for CSS
Read Post View Demo@supports(CSS) andCSS.supports(JavaScript) to detect browser support for a given style directive. Let's see how it works!