bukan sekadar coretan
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…
UI Design: Simple Ways to Add Mobile Navigation Icons More people are surfing the Internet via mobile devices these days, thus a few things on websites need to be adjusted to fit in those smaller screen sizes. This also includes Web Navigation. The icon below, if you may, is the most popular icon to represent “mobile…
Cara Membuat Toko Online : Memilih Warna untuk Website Ecommerce Anda | Practical Help and Advice for Startups | StartupBisnis.com Editor’s note : Artikel “memilih warna untuk website ecommerce Anda” adalah series of article“cara membuat toko online” untuk mengedukasi ekosistem internet entrepreneur tentang ecommerce. Jika Anda membutuhkan platform ecommerce toko online yang baik, gunakanlah Bigcommerce. Platform Bigcommerce memudahkan Anda untuk…
XSLT Element The <xsl:template> element contains rules to apply when a specified node is matched. The match attribute is used to associate the template with an XML element. The match attribute can also be used to define a template for a whole branch of the XML document (i.e. match=“/” defines the whole document). Note: <xsl:template> is…