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 …
Latest in: Design / Dev
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…
Fresh Resources for Web Designers and Developers (April 2013)
We are already in the second quarter of the year. While some people might fool you with jokes, we will share goodness instead, especially for designer…
3 Free Web Font Services Compared
All these years, websites are restricted to typical fonts such as Arial, Georgia, Times and so on. This is due to the limitations of browsers, which a…
30 Tips for a Nicer Looking Website
When launching new projects, it’s common to overlook updating older blogs and websites. This article offers 30 practical ideas to enhance your websi…
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 will initially be in their position, and t…
How to Create A Web-based Video Player
In our previous post, we covered a tutorial on how to create an Audio Web Player, as well as how to customize its player skin. This time we are going …
The Responsive Web Design War Strategy
It seems like everyone is hailing Responsive Web Design (RWD) as the savior for the mobile site development since 2013. That’s reasonable too, since…
Showcase of Beautiful Flat UI Design
Behold web and user interface designers, a new trend (or style), is taking the world of UI and website design by storm – flat design. It is a minima…
Web Design: Drag and Drop with jQuery UI Sortable
We have covered how to give custom style to jQuery UI, starting from the UI Accordion, UI Slider and the UI Date Picker. Today we will continue our ex…
Practical Approach to Choosing Website Color Scheme
Imagine a world without colors; that world would be such a boring place, right? This applies to websites without colors. Yet, deciding colors for webs…