bukan sekadar coretan
Simple YouTube Menu Effect | Codrops A tutorial on how to recreate the effect of YouTube’s little left side menu. The idea is to slide a little menu icon to the right side while revealing some menu item list beneath. VIEW DEMO DOWNLOAD SOURCE Today we’ll show you how to recreate the little menu effect that…
20 Cheatsheets & Infographics For Photographers We love cheatsheets as one can refer to them and make quick amendments to better our skills. Since many loved our last compilation of cheatsheet for designers, we’ve decided to compile another set of cheatsheets, this time for photographers. Amateur photographers, and even pros can easily benefit from these cheatsheets as it is a resource…
Tooltipster – The jQuery Tooltip Plugin Tooltipster is a powerful, flexible jQuery plugin enabling you to easily create semantic, modern tooltips enhanced with the power of CSS. Tooltipster allows you to use any HTML tag you can think of inside your tooltips. This means you can insert things like images and text formatting tags. The style of your…
Creating Content List Columns Using Entypo Font Icons | Design Shack There’s a general trend towards smaller “column listings” in homepage layouts. Specifically, tech startups and landing pages use this effect for promoting features in their products. But it’s a neat little design layout style for any purpose, and using icons in your design will…
Packery Packery is a JavaScript layout library that uses a bin-packing algorithm. This is a fancy way of saying “it fills empty gaps.” Packery layouts can be intelligently ordered or organically wild. Elements can be stamped in place, fit in an ideal spot, or dragged around.
Create Inspirational 3D Gold Text with Photoshop Extended | Photoshop Tutorials Learn how to make any inspirational message look more meaningful by turning it into a 3D typography poster. In this Photoshop tutorial, you will how to create striking 3D gold text, add reflections with image-based lighting, create a drywall background from scratch, and position…
Build a Responsive Pricing Table with Neat Hover States | Webdesigntuts DownloadSOURCE FILES DemoVIEW IT ONLINE During this tutorial we’ll be creating a sleek pricing table with some striking hover effects. We’ll use Lea Verou’s Prefixfree script to keep our CSS clean, plus we’ll make the whole thing responsive, shifting the layout at a couple of breakpoints.
Making Sense Of Type Classification (Part 1) | Smashing Magazine In my previous article on Smashing Magazine (“Understanding the Difference Between Typography and Lettering”), I wrote about how understanding type terminology can help us better appreciate the arts of typography and lettering. This article again deals with terminology, probably more specifically than most designers are…
Fullscreen Layout with Page Transitions | Codrops A simple responsive layout with some fancy page transitions. The idea is to show four items initially and expand them. Some additional page transitions are added for inner items. VIEW DEMO DOWNLOAD SOURCE
Reveal Content When Needed With an Expanding Footer | Webdesigntuts DownloadSOURCE FILES DemoVIEW IT ONLINE During this tutorial we’re going to build an expanding footer; a user interface pattern which allows the user to click on expandable footer regions if they wish to see more content. The end result is comparable to the accordion effect…