The majority of web projects today start with or include third party libraries. If you are working on a WordPress theme, there’s probably a good chance that you are using the HTML5 Boilerplate, Bootstrap, or Foundation. Most of these projects are available on GitHub and accessible via Bower. In this series I’m going to introduce you… Continue reading An Introduction to Using Bower With WordPress
Category: JS
CSS3 Animations and The New JavaScript Method Animate()
With CSS3 animations in HTML documents have become fairly easy to achieve. Using the “@keyframes” rule various properties such as position and size of an HTML element get defined. Then the property “animation” cares for getting the keyframes up and running according to their definitions. Without the need for JavaScript and plug-ins we are able… Continue reading CSS3 Animations and The New JavaScript Method Animate()
Fort.js – Modern Progress Bar for Form Completion
Fort.js is a modern progress bar for form completion. All you do is add the form and Fort.js algorithm will take care of the rest. Best of all, it super small. Using Fort.js is so simple, it’s simple. All you do is insert fort.min.js and fort.min.css into the <head> then pop in an <input> into <div>. Anything outside of the <div> won’t count. Yep, that’s all… Continue reading Fort.js – Modern Progress Bar for Form Completion
Building Beautiful Books and Exercises with GitBook
GitBook is a command line tool (and Node.js library) for building beautiful programming books and exercises using GitHub/Git and Markdown. A book can contain interactive exercises. An exercise is a code challenge provided to the reader, which is given a code editor to write a solution which is checked against the book author’s validation code.… Continue reading Building Beautiful Books and Exercises with GitBook
Creating a Node Web App With Hapi and Twilio Integration
As a developer evangelist for Twilio, I spend a lot of time going to events. When I’m chatting with event organizers and they realize I work for Twilio, one of the most common requests they have is for me is a simple application they can use to power voting at their events. Generally they are… Continue reading Creating a Node Web App With Hapi and Twilio Integration
40 Resources for Getting Started with jQuery Development
Each year a new batch of young web developers are jumping into the field head-first. Often times frontend web development is the easiest barrier to jumpstart learning. HTML/CSS work is quite simple, but delving into JavaScript provides a deeper realization of general programming topics. These include functions, loops, variables, along with an understanding of how… Continue reading 40 Resources for Getting Started with jQuery Development
Make Magical Scroll Interaction with Scroll Magic Plugin
< ScrollMagic is a jQuery plugin which essentially lets you use the scrollbar like a progress bar. It’s the plugin for you, if you want to start an animation at a specific scroll position, synchronize an animation to the scrollbar movement, pin an element at a specific scroll position (sticky elements). You can easily add… Continue reading Make Magical Scroll Interaction with Scroll Magic Plugin
An Introduction To Grunt
Today, most front end web developers spend a lot of time with technologies like Sass, LESS, HTML and JavaScript. The last couple of years have been an exciting time in web development and technologies like Grunt have contributed to said excitement. In this series, I plan on introducing you to Grunt and to talk about… Continue reading An Introduction To Grunt
Using CreateJs: PreloadJS, SoundJS, and TweenJS
In the first part of this series about using CreateJs, we had a look at EaselJs. In this second and last part, we will look at PreloadJs, SoundJs, and TweenJs.
Embed an Interactive Panoramic Photo with jQuery Panorama Viewer
As a traveler and a photographer myself, I have always been disappointed with the way we share our panoramic photos. Most of the time, highly detailed panoramic photos are skewed down so that they fit the website layout, making it impossible to enjoy the photo or as Derek Zoolander once said, “What is this? A… Continue reading Embed an Interactive Panoramic Photo with jQuery Panorama Viewer
20 Popular jQuery Plugins That You Can Configure Without Any Coding
In this post, I have collected some popular jQuery plugins that can be configured in less than a minute! Really. They can be easily implemented by selecting the plugin options that you need by using my easy-to-use Bitconfig user interface. So, what is Bitconfig and how can it help configure jQuery plugins? Bitconfig is a… Continue reading 20 Popular jQuery Plugins That You Can Configure Without Any Coding
Fn.js – Encourage Functional Programming Style
fn.js is a JavaScript library built to encourage a functional programming style & strategy. fn.js aims to support functional practices over performance or established conventions. In order to guide you on the right path, fn.js internals force avoidance of side effects, object mutation, and function state. fn.js runs in the Node.js or in the browser… Continue reading Fn.js – Encourage Functional Programming Style
20 Impressive Examples for Learning WebGL with Three.js
In this informative article, there are an accumulation of demonstrations, tutorials and resources which will inspire and motivate you to master more about the collection. Experiments and Demos The impressive demos which you see here are created using the Three.js collection and WebGL as a renderer. You can utilize WebGL straight, but selecting Three.js makes development… Continue reading 20 Impressive Examples for Learning WebGL with Three.js