How to Create A Web-based Video Player
In our previous post, we covered a tutorial on how to create an Audio Web Player, as well as how to customize its player skin. This time we are going …
Latest in: Coding
If coding is the future, then you should get a head start here. We believe that age, gender, and background should not limit one's ability to learn to code. That's why we offer numerous posts on online resources, ebooks, environments, testing tools, and playgrounds to assist readers in acquiring programming skills.
We also have articles that delve into mobile app development, software development, open source, and web programming.
Web Design: Drag and Drop with jQuery UI Sortable
We have covered how to give custom style to jQuery UI, starting from the UI Accordion, UI Slider and the UI Date Picker. Today we will continue our ex…
Mastering Clipping and Masking Techniques with CSS
Masking in image editing is a method of “hiding” a portion of an object based on another object. This method has long been available in image edit…
A Guide to Using the Autocompletetype Attribute in HTML Forms
Most websites have an online form for various purposes – user registration, taking orders, ticket booking, to name a few. Yet, filling in those form…
Creating & Styling Progress Bar With HTML5
HTML5 brought us the progress bar element, making it easier to visually represent the completion status of tasks like uploads or downloads. This guide…
How to Create Bounce Effect with CSS3 Animation
Today, we are experimenting with CSS3 Animation. Previously, we explored how to create a “marquee” effect using CSS3 Animation. Now, we’re going…
MongoDB For Beginners – Basic Shell Commands (Part II)
In the previous MongoDB’s guide for beginner’s, I’ve covered the importance and terminology of MongoDB as well as how to setup Mongo on Windows …
Redesigning A Responsive Youtube with HTML5/CSS3 [Tutorial]
Note: This post was first published on the 18th Feb, 2013. If you have seen YouTube recently, you may notice one glaring omission from their website l…
A Look into: HTML5 Datalist
You probably have experienced this kind of response somewhere on the Web: when you are typing in an input form, a list of suggestions appears at the b…
Mastering LESS Color Functions for Web Design
LESS is a powerful tool for web designers. We’ve previously discussed various aspects of LESS, from designing sleek navigation bars to efficiently w…
Stylish Blockquotes and Pull Quotes: Design Tips and Examples
There are plenty of examples in web typography where block quotes fit perfectly into your layout. When you need to express dialogue or repeat a quotat…
Optimize Your jQuery UI Accordion with Custom Themes
In this tutorial, we’ll walk you through the process of creating a custom theme for the jQuery UI Accordion. We’ll leverage various CSS techniques…