bukan sekadar coretan
20 Fantastic jQuery Web Type Plugins | Design Shack In recent years, web typography has gone from an embarrassment to a point of pride. From CSS to JavaScript, we’re gaining great tools almost daily that help us implement awesome type. Today we’re going to look at the best jQuery plugins around that are specially built…
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…
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…
Mobile Design Typography is Vitally Important … and Challenging | Codrops One of the emerging challenges for web designers is creating web typography that works in the mobile environment as well. But it can be difficult, and there are many things to consider. The keys are to focus on readability, contrast, space and responsiveness. Typography…
Gamma Gallery: A Responsive Image Gallery Experiment | Codrops Gamma Gallery is an experimental responsive image gallery that attempts to provide an adjustable responsive images approach taking its grid layout and the full slideshow view into account. VIEW DEMO DOWNLOAD SOURCE Creating a truly responsive image gallery can be a very tricky and difficult thing. There…
Elastislide Revised | Codrops Elastislide, the responsive image carousel, has been updated and improved. It can be used vertically or horizontally and a minimun number of visible images can be specified. VIEW DEMO DOWNLOAD SOURCE We’ve updated Elastislide, the responsive image carousel. It has undergone some major changes with some improvements and we’ve added some new functionality….
Fresco – A Beautiful Responsive Lightbox Fresco is a beautiful responsive lightbox. It can be used to create stunning overlays that work great at any screen size, in all browsers on every device. In fact, Fresco in the first truly responsive lightbox. Give the demonstrations a try to see what that means, make sure to…
This Is Responsive. Patterns, resources and news for creating responsive web experiences. This Is Responsive | Tips, Resources and Patterns for Responsive Web Design