bukan sekadar coretan
Create 3D Social Media Buttons with CSS3 – Flashuser Social media buttons are presented today on every website design. They are used to promote your business on social networks and get in return potential customers. There are plenty of free social media icons sets out there but in this tutorial I like to show you how to…
Build a Multi-Step Form Interface | Webdesigntuts DownloadSOURCE FILES DemoVIEW IT ONLINE Form usability is an incredibly important topic in web design. As one of the primary input interfaces provided to users, the usability of a form is essential to a good user experience. Today, we’re going to build a multi-part form, complete with validation…
Gunakan TinyPNG untuk Optimasi Gambar PNG Anda | Blog Bisnis & TIK File gambar dengan format PNG sangat berguna dalam sebuah web desain. Sifat PNG yang dapat menyimpan gambar transparan sangat berguna dalam beberapa hal, seperti membuat icon yang backgroundnya dapat berganti secara fleksibel melalui CSS. Tapi di balik keunggulannya, PNG juga memiliki kelemahan. Yaitu ukuran…
Download Replika Website dengan WebCopy | Blog Bisnis & TIK WebCopy bekerja seperti HTTrack. Developer web pasti sudah tahu fungsinya. Yakni mengunduh website apapun ke hard disk anda untuk berbagai keperluan di kemudian hari, misalnya sekedar akses secara offline, atau mengembangkan dari script yang tersimpan. Keunggulan WebCopy adalah installer yang berukuran kecil, dapat membaca sitemap…
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…
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.
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…