50 Useful CSS Snippets Every Designer Should Have
Keeping pace with the ever-evolving web design trends can be challenging. Web designers and front-end developers are deeply involved in exploring CSS3…
Latest in: CSS
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…
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
The CSS3 specification includes two types of transforms: 2D and 3D. In a previous post, we discussed CSS3 2D Transforms. This time, we will look into …
Understanding Flexbox: A Modern Approach to UI Design
In a previous post about CSS3 Box-sizing, we discussed that HTML elements are essentially “boxes”. Traditionally, when positioning these boxes to …
How to Achieve Equal Column Heights Using CSS
Traditionally, websites feature a main content area and a sidebar. Often, the main content is longer than the sidebar, resulting in uneven column heig…
Using Encoded Image in CSS (background-image)
As designers, effortlessly integrating background images via CSS might seem elementary. Traditionally, we employ the background-image property, linkin…
Sticky Position (Bar) with CSS or jQuery
The idea of ‘sticky position’ is to make elements on a website stick and remain visible. These elements will initially be in their designated posi…
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…