Foundation for Sites Complete Grab this version of Foundation if you want everything in the framework in simple, vanilla CSS and JS. Download Everything CSS3 Lightbox Today we want to show you how to create a neat lightbox effect using only CSS. The idea is to have some thumbnails that are clickable, and once clicked, the respective large image is shown. Using CSS transitions and animations, we can make the large image appear in a fancy way. View demo Download source With the help of the pseudo-class :target, we will be able to show the lightbox images and navigate through them.
Futurico UI HTML - Free User Interface Elements for Developers Futurico UI HTML is a web elements pack that has been created based on the free version of Futurico UI elements pack. We are really happy that Futurico UI was so successful and only in 3 months we have gathered about 100 000 tweets! This is something really big for us and we would like to thank you for your support and launch the Futurico UI HTML pack.
What You Need For Parallax Scrolling Effect If you want to be able to create the most demanded parallax scrolling effect that is all the rage now, you’re in the right place, right time and reading just that post you’ll say thanks for down the road. Hopefully that was not too arrogant, but seriously speaking the article covers a few ways of creating the super trendy parallax scrolling effect for your site. On finishing the article, you’ll know what to learn in order to be in the know and show your customer that you don’t live under the rock.
Hover.css - Collection Of CSS3 Powered Hover Effects All Hover.css effects make use of a single element (with the help of some pseudo-elements where necessary), are self contained so you can easily copy and paste them, and come in CSS, Sass, and LESS flavours. Many effects use CSS3 features such as transitions, transforms and animations. Old browsers that don't support these features may need some extra attention to be certain a fallback hover effect is still in place. Licenses Hover.css is made available under a free personal license and paid commercial license.
HTML Templates News or Magazine This template puts a focus bold images, perfect for a magazine style site with eye catching content. Your stories are easy to find with large feature blocks. See Demo Real Estate or Travel Big thumbnails with a space for captions and descriptions along with an informative header make this the perfect template for real estate or hotel booking. Experimental CSS3 Animations for Image Transitions Today we want to share some experimental 3D image transitions with you that use CSS3 animations and jQuery. We'll be using CSS3 3D Transforms for Webkit only. View demo Download source Direction-Aware Hover with CSS3 and jQuery How to create a direction-aware hover effect using CSS3 and jQuery. The idea is to slide in an overlay from the direction we are moving with the mouse. View demo Download source
Download Free Templates and try your skills before purchasing our templates It is known that website creation requires a lot of means, skills and energy. And if you are unfamiliar with HTML and CSS or just wish to save your time, our website templates are the perfect solution for you. TemplateMonster has created this collection of free web templates for you and regardless whether you are a newbie or a professional webmaster or designer you will still find them useful. CSS ShortHand Property Cheat Sheet digg Shorthand properties can be used to set several properties at once, in a single declaration, instead of wasting your precious time and space making declaration for each individual property. With css shorthand we make our code less complicated and more readable for those who want to explore it. Unfortunately, quite a few shorthand properties are available, that`s why we`ve collected most useful and most used for you. But be careful shorthand declaration is effective when condensed correctly, sometimes it can bring surprises.
Color Palette Generator: Automagically create a color palette from any photo. Tons of fun stuff... Give one of our toys a spin! Lolcat Generator, Hockneyizer, Billboard, Pop Art Poster, Trading Card, Jigsaw, Map Maker, Mosaic Maker, Photobooth, Bead Art, Motivator, Color Palette Generator, Framer, Mat, FX, Magazine Cover, Movie Poster, Wallpaper, Badge Maker, Cube, CD Cover, Gift Center, Pocket Album, Calendar, I know, right? It's a lot to take in. CSS3 & HTML5 Experiments That Will Blow Your Mind - 47 Examples While I was checking out various CSS3 and HTML5 experiments I also looked at the first ones that appeared for these new web technologies and they weren’t at all impressive, at the moment. Back then, though, they were insanely awesome. They were something that we have never seen before. Now there are just common things that almost everyone can do. I hope that in the near future, the experiments that are in this article, or most of them, will be something that anyone can think of and do on a daily basis for their clients.
Stripe Generator - ajax diagonal stripes background designer TIP: You can bookmark your favorite stripes simply pressing CTRL + D (Win/Linux) / CMD + D (Mac). stripe sizespacingstripe color(s)background styleshadowgradient heightbackground color(s)stripe orientation preview Medium-Style Page Transition An article on how to achieve Medium’s next page transition effect—an effect that can be seen by clicking anywhere on the “Read Next” footer at the bottom of the page. This effect is characterized by the lower article easing upward as the current article fades up and out. View demo Download source Medium, a blogging platform which has gained popularity over the past several months, has one of the smoothest, most polished user interfaces on the web.