How to Create and Insert New Elements with jQuery (Part 1)
jQuery is an incredibly popular JavaScript library that simplifies many tasks. With jQuery, you can effortlessly manipulate HTML elements, create anim…
Latest posts
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…
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
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…
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 …