Optimizing UI Design: How to Apply CSS Based on Screen Orientation
Thanks to CSS3 Media Queries, we can now easily adjust and apply CSS styles depending on the size of the device’s screen or viewport. This article e…
Latest in: HTML
How to Style Google Maps
Google Maps is one of the best services you can get from Google. It’s a free tool that allows you to easily embed interactive and information-rich m…
A Look Into: Cubic-bezier in CSS3 Transition
CSS3 Transition is a fantastic feature of CSS3, enabling us to add dynamic effects to CSS properties over time. For those who know the basics, it’s …
UI Design: Glossy Buttons with CSS3 Gradient
We have covered CSS3 gradients a few times, from linear gradient, radial gradient and repeating gradient. This time, we try to utilize these features …
Brackets: Free Open Source Code Editor Built with HTML/CSS
Whether it is for writing PHP, CSS, HTML or other languages, we all want to have to use only one, simple-to-use editor which looks great and have good…
Create Cool Flip Effect With CSS3 3D Rotation For UI Design
There are two types of transform available in CSS3 specification, 2D and 3D. In our previous post, we have discussed on CSS3 Transform 2D. So, this ti…
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…
Enhance Checkbox and Radio Button Design Using CSS3
With CSS3, we can customize web presentations to be almost anything we want them to be. In this post, we’ll explore how to personalize the appearanc…
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…
An Introduction to CSS3 calc() Function
In our previous posts on CSS Pre-processors, we discussed how to calculate lengths with their special functions. Interestingly, CSS3 offers a similar …
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…