bukan sekadar coretan
Responsive Retina-Ready Menu | Codrops A responsive, touch-friendly and Retina-ready menu with three layouts for different browser sizes. VIEW DEMO DOWNLOAD SOURCE Today we will create a colorful Retina-ready and responsive menu inspired by the colors of the Maliwan manufacturer of the Borderlands game. The menu automatically changes to one of three different layouts depending on…
A Collection of Page Transitions | Codrops A showcase collection of various page transition effects using CSS animations. VIEW DEMO DOWNLOAD SOURCE Today we’d like to share a collection of creative page transitions with you. We’ve put together a couple of animations that could be applied to “pages” for creating interesting navigation effects when revealing a…
Text Opening Sequence with CSS Animations | Codrops A simple and fun text opening sequence effect with blurry letters using CSS animations. VIEW DEMO DOWNLOAD SOURCE Today I want to show you how to create a fun little typography effect with CSS animations and text shadows. Maybe you know those eerie opening sequences of movie trailers…
Simple Tips for Designing a Newsletter Template That Stands Out | Design Shack Almost every business has an email newsletter these days. From retailers promoting sales, to organizations showcasing information and events, the email newsletter is one of the most popular marketing tools out there. And for it to really be effective, it must look…
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…
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…
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