UI Design: Applying CSS Based on Screen Orientation
With the introduction of CSS3 Media Queries, we are able to shift and apply CSS between different viewport…
Latest in: CSS
How to Style Google Maps
Google Maps is one of the best services you can get from Google. It’s a free tool that…
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…
UI Design: An Intro to Flexible Box
In a previous post, we have discussed that HTML elements are essentially a “box”. Traditionally, when we position…
Web Design: Equal Column Height With CSS
Ttraditionally, a website consists of the main section and a sidebar on the layout. Commonly, the content that…
A look Into: Using Encoded Image In CSS (background-image)
As designers, adding background image via CSS is definetely a no-brainer to you. Traditionally, or typically, here’s how…
Sticky Position (Bar) with CSS or jQuery
The idea of ‘sticky position’ is to make elements on a website stick and remain visible. Those elements…
Web Design: Clipping and Masking With CSS
Masking in image editing is a method of ‘hiding’ a portion of an object based on another object.…
Understanding LESS Color Functions
We have covered quite a lot about LESS, from creating a sleek navigation to tips on how to…
CSS3 Image Reflection [CSS3 Tips]
So far, we have discussed a lot of new properties in CSS3. Beyond that, there are actually a…
CSS3 Repeating Gradients [CSS3 Tips]
There are many CSS3 features that change the way we decorate a website, one of which is CSS3…
Paragraph Dropcap with CSS’s :first-line and :first-letter Elements
There are a few CSS selectors or properties that I think are rarely used in the wild, but…