Building a custom UI audio slider with JavaScript and jQuery UI [video tutorial]

By: Ray VillalobosMar 29, 2013 coding tutorials

You can find a ton of beautiful UI interface graphics on sites like forrst and dribble, but you almost never see them coded into usable JavaScript, so I figured I would take the time to show you how something like a slider can easily be added with JavaScript and jQuery UI. So, in this tutorial, I’m going to show you how to code a UI slider that controls the audio volume of a song.

You can find a working example at codepen.io, download a zip file with the source files, or go to a page with the working example.

How do I start an online career

By: Ray VillalobosJan 25, 2013 running a site website tips

People are always asking us at lynda.com about how to start a career in the field. In this article, I’m going to share how I got my first job on the internet and give you some helpful tips on what you need to know and maybe what lynda.com courses you might take in order to get there.

How to customize your WordPress category and post pages CSS with PHP

By: Ray VillalobosJan 11, 2013 coding tutorials wordpress

While working on the redesign for this http://iviewsource.com, I wanted to be able to have custom colors and different pictures for different category channels. In this tutorial, I’ll show you how to do that by modifying your header template to add a class to your pages.

Learning how to use jQuery AJAX with PHP [video tutorial]

By: Ray VillalobosDec 31, 2012 coding tutorials JavaScript jQuery php

Getting started with AJAX is super easy when you use the jQuery library. That works well for the client side, but how do you work with a server side language like PHP? It’s easier than you think.

In this article, I’ll show you how to create a simple call to a PHP document that will process something you type into a form field and update an element without needing to refresh your browser. Once you learn how to get jQuery talking to PHP, your web applications will never be the same.

Animation in CSS3: Smooth CSS 3 animations using web transitions [with Video]

By: Ray VillalobosDec 15, 2012 coding tutorials CSS

In this article and shorter video tutorial I wanted to show you how you can use animation in CSS3 and show you a simple effect you can use to dramatically improve your CSS. A really quick CSS code snippet that animates your hover effects.

Download the Latest Articles Widget

By: Ray VillalobosDec 07, 2012 code snippets downloads

About the widget

This is the widget that displays the Latest Articles section on my blog. Here’s where you can download the ZIP file. It’s a great starter for your own widget…you should be able to figure out what to do from reading the files. If you don’t, I recommend you check out Creating Custom Widgets and Plugins with PHP from the lynda.com Online Training Library.

Search phrase keywords position…the best metric Google Analytics doesn’t show you

By: Ray VillalobosNov 29, 2012 SEO website tips

For the most part Google analytics gives you a lot of great information about your pages including pageviews, unique visitors, even the amount of people who come to your site from mobile devices. But there’s one metric I love that it doesn’t have, and that’s keyword phrase position on search results. For that, I have to use another Google Product you might not be familiar with and that’s Google Webmaster tools.

Introduction to JavaScript Templating [video tutorial] with Mustache.js

By: Ray VillalobosNov 14, 2012 coding tutorials JavaScript jQuery

Recently, I did a small website for an event in my area. This type of project required me to manage small amounts of data. Information about speakers, bios, titles and a description of the talks. I wanted to have a Speaker’s page, but I also wanted a rotating promo as a component that I could use on the homepage and on other pages to promote the speakers. That means two different views for the same data.

Getting Started and customizing Bootstrap for Responsive Design [Video]

By: Ray VillalobosOct 22, 2012 coding tutorials JavaScript jQuery

I’ve been using a really awesome framework called BootStrap to put small sites together. It’s a great starting point for sites. In this article, I’m going to guide you through the basics of installing the Framework, and we’re finished, the site will look like this.

Organizing and Web Tools for my first BarCamp

By: Ray VillalobosOct 16, 2012 website tips

ALTTEXT

A few months ago I decided to organize a BarCamp in my area and last weekend (october 6), the big day came for the event. We had 163 registered people attend and over 20 speakers. For a small town, that was a very successful first event.

View Source

javascript, html5 and other tips for front end developers