bukan sekadar coretan
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…
How to recreate the new e-bay site scrolling effect | PEPSized VIEW DEMO DOWNLOAD In this tutorial we will try to recreate the scrolling effect you’ve seen on the new e-bay site. We’ll create a simple responsive one-page site presenting the beauty and benefits of lavender. No javascript needed – we will use only css.
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…
10 Easy Image Hover Effects You Can Copy and Paste | Design Shack Hover effects are always a fun topic to explore. In the past, we’ve built someawesome examples of CSS hovers that were easy to copy and paste right into your code. Today, we’re going to follow that up with ten new effects specifically built…
30 Of The Most Ingenious Japanese Home Designs Presented on Freshome Overwhelmed by so many examples of smart Japanese architecture, we decided to put together a post with some of the best projects presented on Freshome so far. Most of the modern homes below seem to defy natural laws of Physics and play with the…
Slit Slider Revised | Codrops Slit Slider is a slideshow with a twist: when navigating the slides, the current one will be “cut open” into two slices and moved away, revealing the next or previous slide. The slider can be used in a responsive context and it has been updated and improved. VIEW DEMO DOWNLOAD SOURCE…
Basic Ready-to-Use CSS Styles | Codrops This is a collection of some basic styles that can come in handy when creating your own style definitions. Learn how to make some useful classes for simple styles and how to apply them to a variety of elements. VIEW DEMO DOWNLOAD SOURCE Today we are going to dig a…
PFold: Paper-Like Unfolding Effect | Codrops A highly experimental jQuery plugin that let’s you unfold elements to reveal more content just like on a piece of paper. Unfolding directions and number of steps can be specified. VIEW DEMO DOWNLOAD SOURCE PFold is a very experimental jQuery plugin that makes it possible to open elements in a paper-like unfolding…
Custom Login Form Styling | Codrops VIEW DEMO DOWNLOAD SOURCE Hi guys! I’m back with another CSS tutorial! After button switches and drop-down lists, let’s create some forms. In particular, we will be creating login forms.Nowadays, almost every web service, application, game etc. allows (or even requires) user subscription, which means they all need some kind…
Learn by Example: 6 Lessons for Designing Restaurant & Food Websites | Design Shack Today’s topic is a delicious one: restaurant and food websites. Small businesses pay the bills for freelance designers and local restaurants can serve as a major source of revenue. If you’re embarking on your first restaurant site design though, there are…