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 posts
A Look Into: Google Web Font Effects
Over the years, we mainly style the font for the size or the color, and it was only recently that we can add text shadow with CSS3. There are times wh…
How to Start Using Chrome Developer Tools for Web Design
Editor’s note: For an updated version of this post, check it out here. Google Chrome has quickly gained significant market share in the browser nich…
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…
How to Optimize Google Web Font
Google Web Font is one of the more popular ways for embedding custom font on a website. It is free, and there are many options to choose from in the l…
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 …
Fresh Resources for Web Designers and Developers (May 2013)
It’s May. Happy Labour Day. And it’s time for another round of fresh resources for my fellow designers and developers. This month’s compilation …
UI Design: How to Add Mobile Navigation Icons
With the increasing use of mobile devices for internet browsing, it’s crucial to adapt website elements for smaller screens. One such element is Web…
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 …
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 …
Collaborate On Design Projects Remotely with GoVisually
Remote collaboration via email is a pain. It takes time and choosing between Reply and Reply All is sometimes so complicated that some won’t be able…