bukan sekadar coretan
Understanding the Split Layout in Web Design | Webdesigntuts As Web Designers, we follow a lot of design paradigms and layout principles: grids, vertical consistency, theF-Layout, Z-Layout, rule of thirds, the Golden-Ratio and so on. Paying attention to these principles will produce visually appealing and functional design – let’s now look at the simple division of a page into…
Honda Resto Mod With a Triumph Mini Scrambler Look Todd Hunter’s Honda SL70 resto mod with a mini Triumph Scambler theme Todd Hunter wanted a nice little bike to run around the campground and found just what he needed, a 1971 Honda SL70, and though it ran just fine, the picture he had in mind…
Calendario: A Flexible Calendar Plugin | Codrops A jQuery calendar plugin for creating flexible calendars. VIEW DEMO DOWNLOAD SOURCE Today we want to share a flexible calendar concept with you. Calendars can be a very tricky thing when it comes to their layout and responsiveness. This is an experiment for trying out some grid layouts that…
Responsive Column Layouts Typically, to create a column layout, you would need to add the first or last classes to reset the margin space and clear the float. Today I’m going to share a very simple CSS trick to create a responsive column layout using nth-of-type pseudo class. I use this trick to code the WordPress…
Three Script Updates | Codrops The animated responsive grid, the direction-aware hover effect and the swatchbook have all been updated and added to GitHub. We have updated three scripts and added them to GitHub: the Animated Responsive Image Grid, the Direction-Aware Hover Effect with CSS3 and jQuery and the Swatch Book with CSS3 and jQuery. Take a look at…
Adaptive Thumbnail Pile Effect with Automatic Grouping | Codrops An experimental jQuery plugin that will group thumbnails by a shared data-attribute into a pile. When clicking on the pile, the thumbnails that belong to that pile will be spread into a grid using CSS transitions. VIEW DEMO DOWNLOAD SOURCE This experimental jQuery plugin allows the automatic…
Responsive CSS Timeline with 3D Effect | Codrops A tutorial about how to create an experimental CSS-only timeline with a 3D effect. The idea is to expand a content area when the associated radio input is selected. VIEW DEMO DOWNLOAD SOURCE In this tutorial we are going to experiment with perspective and use a radio input…
Quick Tip: Styling Scrollbars to Match Your UI Design | Webdesigntuts DownloadSOURCE FILES DemoVIEW IT ONLINE This tip will guide you in improving the look and feel of scrollbars to match your UI design. We’ll take a look at what WebKit browsers offer us in terms of CSS, plus we’ll use a jQuery fallback to…
Creative CSS Loading Animations | Codrops In this tutorial we’ll show you how to make some creative css-only loading animations also known as activity indicators. VIEW DEMO DOWNLOAD SOURCE
We stand for something, to those dead souls that are inching their way on the freeways in their metal coffins – We show them! the human sprit is still alive.