Freebie: Hand-drawn Geek’s Treasure Chest (AI, EPS, PDF, SVG, PNG) | Codrops
Freebie: Hand-drawn Geek’s Treasure Chest (AI, EPS, PDF, SVG, PNG) A set of 60 hand-drawn, playful illustrations all around tech and Web perfect for giving that unique touch to your next project. Today we’d like to share a special little freebie with you: a set of 60 hand-drawn geeky illustrations in three modern styles. The set has a relaxed touch, perfect to a give a unique and playful character
Responsive Retina-Ready Menu | Codrops
A responsive, touch-friendly and Retina-ready menu with three layouts for different browser sizes. 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 the browser window size: a “desktop” inline version, a two columns tablet-optimize
App Showcase with Grid Overlay | Codrops
A tutorial about creating a simple grid overlay with subtle transitions for an app showcase. Today we will be creating a little app showcase with a neat effect. The idea is to show a mobile device with a screenshot of an app and when clicking on the device, a grid appears, showing some more screenshots. The effect is very subtle: the device moves back and the grid fades in and scales up. When clic
Fullscreen Image Blur Effect with HTML5 | Codrops
Today we want to share a neat image blur effect with you. Using canvas, we want to blur images on the transition to another one, creating a smooth effect. We will be using Stack Blur, which is a fast, almost Gaussian blur for Canvas by Mario Klingemann from Quasimondo. The images used in the demo are by Geoff Peters. They are licensed under the Attribution 2.0 Generic (CC BY 2.0) License. How it w
Image Techniques for Creating Depth in Web Design | Codrops
Creative manipulation of images, from layering to composition to special effects, can add depth to web projects. We live in a three-dimensional world, something that designers are trying to recreate in web design every day. The element of depth can add a greater touch of reality to certain design projects. Creating it can be easier than you think. The key to simulating reality on the 2D screen is
Vertical Icon Menu | Codrops
A fixed vertical icon menu that adjusts its size for smaller screens. A very simple lateral icon menu with a hover transition. The fixed menu has an example for how to use media queries to adjust the size of the icons for smaller screens. There is also an example class for an active item. The icon font was created with IcoMoon and the icons are by Matthew Skiles. The HTML <ul class="cbp-vimenu"> <
Baraja: A Plugin for Spreading Items in a Card-Like Fashion
Coco LokoTotal bicycle rights in blog four loko raw denim ex, helvetica sapiente odio placeat. Vermouth LandVelit chambray fugiat, enim aesthetic esse ullamco typewriter. ElectrodynamicsBefore they sold out PBR magna jean shorts non seitan ea. Dolor wolf pop-up. Retinal BlissLocavore vero ad, before they sold out food truck bushwick helvetica. Disco FeverCillum laboris consequat, qui elit retro ne
Freebie: Application Icon Set (PNG, PSD, CSH) | Codrops
The Application Icon Set by Matt Gentile consists of 120 pixel-perfect icons in three different sizes (16px, 32px and 64px) and it comes in three formats (PSD, PNG and CSH). The icons are vector shapes so you can scale them to any size. Today we are sharing a pixel-perfect icon set with you. It’s called Application Icon Set and it’s made by Matt Gentile from The Icon Deposit. It contains a set of
Responsive 3D Panel Layout | Codrops
A responsive layout experiment where we arrange panels in a grid-like structure and transition the elements with 3D effects. Today we want to share a creative grid layout with you. The layout will contain slides where each one consists of up to four panels. When navigating through them, we’ll animate some separation lines (the “grid”), adjusting the size of the next slide’s panels. The panels will
Fullscreen Slit Slider with CSS3 and jQuery
A bene placito You have just dined, and however scrupulously the slaughterhouse is concealed in the graceful distance of miles, there is complicity. Ralph Waldo Emerson Regula aurea Until he extends the circle of his compassion to all living things, man will not himself find peace. Albert Schweitzer Dum spiro, spero Thousands of people who say they 'love' animals sit down once or twice a day to en
Typography Effects with CSS3 and jQuery | Codrops
Today we will create a set of nice typography effects for big headlines using CSS3 and jQuery. There are many things we can do with CSS3 animations and transitions and we’ll explore some of the possibilites. Today we will create a set of nice typography effects for big headlines using CSS3 and jQuery. There are many things we can do with CSS3 animations and transitions and we’ll explore some of th
Slideshow with jmpress.js | Codrops
Today we will create a slideshow using jmpress.js. The jQuery plugin that is based on impress.js will allow us to use some interesting 3D effects for the slides. You have for sure already seen impress.js, a really great JavaScript library for creating extraordinary 3D presentations. The jQuery port jmpress.js let’s you use this library as a jQuery plugin with some added options. We want to show yo
Typography Effects with CSS3 and jQuery
One morning, when Gregor Samsa woke from troubled dreams, he found himself transformed in his bed into a horrible vermin. He lay on his armour-like back, and if he lifted his head a little he could see his brown belly, slightly domed and divided by arches into stiff sections. The bedding was hardly able to cover it and seemed ready to slide off any moment. His many legs, pitifully thin compared wi
Animated Content Menu with jQuery | Codrops
Today we will create a slick animated content menu with jQuery for a restaurant theme. The menu items will be animated and when clicked, a content area with more information […] Today we will create a slick animated content menu with jQuery for a restaurant theme. The menu items will be animated and when clicked, a content area with more information will appear. Also, he background image is going
Fixed Fade Out Menu: A CSS and jQuery Tutorial | Codrops
Inspired by David Walsh’s top navigation bar that gets semi-transparent when you scroll down the page, I decided to create a tutorial out of that idea. The aim is to […] Inspired by David Walsh’s top navigation bar that gets semi-transparent when you scroll down the page, I decided to create a tutorial out of that idea. The aim is to have a fixed navigation that follows the user when he scrolls, a
Annotation Overlay Effect with jQuery | Codrops
Today we will create a simple overlay effect to display annotations in e.g. portfolio items of a web designers portfolio. We got the idea from the wonderful portfolio of www.rareview.com […] Today we will create a simple overlay effect to display annotations in e.g. portfolio items of a web designers portfolio. We got the idea from the wonderful portfolio of www.rareview.com where Flash is used to
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Sidebar Transitions