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…
Category: Old Archives
How to recreate the new e-bay site scrolling effect | PEPSized
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: 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…
20 Enviable eCommerce Stores for Inspiration | Web Resources | WebAppers
20 Enviable eCommerce Stores for Inspiration | Web Resources | WebAppers Ecommerce stores have etched themselves in the heart and mind of modern consumers. They have changed the way we used to shop, and for some people they have made it easier to buy happiness. And every other day we see some ecommerce stores taking…
10 Easy Image Hover Effects You Can Copy and Paste | Design Shack
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…
Elastislide Revised | Codrops
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….
30 Of The Most Ingenious Japanese Home Designs Presented on Freshome
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 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
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…
Slicebox Revised | Codrops
Slicebox Revised | Codrops Welcome to the News & Updates section on Codrops where we will be announcing updates of older scripts and tutorials with improvements and suggestions you have sent to us or left in the comments. We will also add these updated scripts to GitHub. Slicebox – A fresh 3D image slider with graceful fallback has been…