background preloader

A Collection of Page Transitions

A Collection of Page Transitions
A showcase collection of various page transition effects using CSS animations. View demo Download source Today we’d like to share a collection of creative page transitions with you. We’ve put together a couple of animations that could be applied to “pages” for creating interesting navigation effects when revealing a new page. While some effects are very simplistic, i.e. a simple slide movement, others make use of perspective and 3d transforms to create some depth and dynamics. Please note that this is just for showcasing some interesting effects and for inspiration. The CSS animations are divided into different sets, depending on what they do. Please note: this only works as intended in browsers that support the respective CSS properties. For showcasing the page transitions, we’ve used the following structure: The perspective container is relative and we add a perspective of 1200px to it. I hope you enjoy this and get inspired to build some exciting things!

25 New Free High-Quality Fonts Advertisement Every now and then we look around, select fresh free high-quality fonts and present them to you in a brief overview. The choice is enormous, so the time you need to find them is usually time you should be investing in your projects. We search for them and find them so that you don’t have to. In this selection, we’re pleased to present Pompadour Numeral Set, Lato, Crimson Text, Espinosa Nova, Musa Ornata, Spatha Sans, ColorLines, Roke1984, Neuton, Avro, Baurete and other fonts. New High-Quality Free Fonts Pompadour Numeral Set1 (.eps, released under Creative Commons) A beautiful numeral font released by Andy Mangold under a Creative Commons license. Lato2 (open-source sans serif) Lato is a san-serif typeface family. Crimson Text3 “Crimson Text is a font family for book production in the tradition of beautiful old-style typefaces. Color Lines5 This decorative font can be used for a variety of products, such as posters, packaging and label design. Further Resources Last Click

Planning Your Web Design with Sketches Planning a website doesn't have to be completely digital. Learn how sketching wireframes can help you speed up and innovate your creatives. There are plenty of foundational courses taught in design school. And it’s no surprise that big agencies and startups are taking a back-to-basics approach to their design processes. Whether you’ve been a lifelong doodler or have serious sketch ‘chops,’ being able to use paper to explore new ideas is an important skill in the design field. Fear not! In fact, I’ve heard of a growing backlash against wasted billable hours developing fully-rendered Photoshop comps. Whether you’re a big agency or freelancer, being able to communicate ideas to clients with a quick sketch is a valuable tool. Why Sketch? Sketching has some advantages to digital wireframes or even digital drawing. I’ve found, too, that clients tend to find the work informal enough that they can suggest changes and make edits. And sketching kills the need for-placement-only (FPO) images. So What?

Gundeep Singh Fullscreen Pageflip Layout with BookBlock Table of Contents ← Previous Demo: Responsive Audio Player Back to the Codrops Article Self-destruction The Hon. In New London, report says, the young men are falling into drinking habits as never before. "The pulse of a person in health beats about seventy strokes a minute, and the ordinary term of life is about seventy years. "In New York, Mr. "Massachusetts is moving to build an asylum for her twenty-five thousand drunkards. "The same rate of fearful expenditure for intoxicating drinks extends across the ocean. From "The Funny Side of Physic" by A. Why we die But few of the human race die of old age. "Choked with passion" is no chimera; for passion often kills the unfortunate possessor of an irritable temper, sometimes suddenly. Let us see how long a man should live. The honeymoon The origin of the honeymoon is not generally known. The Saxons long and long ago got up the delightful occasion. Dr. "The report did not say whether the husband was pleased or not with her long silence." "Mrs.

13 Insanely Cool Resumes That Landed Interviews At Google And Other Top Jobs Kailash Atal I am Kailash Atal, B.Tech in Electronics and Communication Engineering from Indian Institute of Technology, Guwahati (2009-2013). Currently I am venturing my time in getting acquainted to tools in the domain of Image Processing to re-explore the depths of reCAPTCHA for Indian Languages, developing programming skills, and academic research in OCR for Hindi language etc. I wish to take up academic research in subjects that lie at the intersection of Machine Learning, Pattern Recognition, Image Processing and Computer Vision. Leisurely, I opt for sketching, designing/painting t-shirts. A stroke of pencil lead, a grey shade of serenity, a portrayal of natural beauty, a metaphor to reality : a good design is a treat to the eye and making one is really an interesting challenge. While taking up such challenges, I have designed t-shirt for hostel, department of EEE and various other clubs of IIT Guwahati. Apart from cultural diversities, I also enjoy the aroma of sweat and shade of sports.

Abhinav Agarwal I am presently a PhD student in Electrical Engineering at California Institute of Technology. I completed my undergraduate degree in Electronics & Communication Engineering from Indian Institute of Technology Guwahati in 2013. I have research experience working as a sophomore summer research assistant at Korean Advanced Institute of Science & Technology(KAIST),South Korea.I have spent summer after my junior year working as a research assistant at University of British Columbia(UBC) as a Mitacs Globalink fellow.I am the recipient of the prestigious IEEE India Best Student Paper Award 2012. Rich traditional history and musical diversity of Jaipur , the place from where I belong to inculcates in me avid admiration & respect for Indian classical music since childhood.For over five years now I have been associated with SPIC-MACAY, a non-profit organization promoting Indian Classical Music & Culture Amongst Youth.

Related: