background preloader

Presentation tool based on the power of CSS3 transforms and transitions in modern browsers

Presentation tool based on the power of CSS3 transforms and transitions in modern browsers

Navigation Custom Online Database Applications | TrackVia Inspirational Quotes Collection There is time in life when you feel down. Your emotions are broken and you don’t have any ideas what you will do with your life…There are many ways how people deal with this stage of life. A lot people listen pump up songs to get them up with power, a lot people hang out with their friends, but most of people search for inspirational quotes. The way with motivational posters is one of the best for your way in self improvement fight. You can easily arrange some self improvement seminar or search online for self improvement tips, but inspirational quotes are best if you can find motivational speakers to fit your personality…We hope that our collection will help at least to few people to search their inner self.

A complete navigational system Scroll through these elements by using your up/down/left/right and by clicking on the navigational elements or the large images themselves. New York City, United States Barcelona, Spain Berlin, Germany standalone demo This demo showcases the endless possibilities available. HTML coding We have one vertical scrollable and three horizontal scrollables nested inside the vertical one. CSS coding Our CSS uses the principles learned in the minimal setup and in the vertical setup . 30 Habits that Will Change your Life Developing good habits is the basic of personal development and growth. Everything we do is the result of a habit that was previously taught to us. Unfortunately, not all the habits that we have are good, that’s why we are constantly trying to improve. The following is a list of 30 practical habits that can make a huge difference in your life. You should treat this list as a reference, and implement just one habit per month. Health habits Exercise 30 minutes every day. Productivity habits Use an inbox system. Personal Development habits Read 1 book per week. Career habits Start a blog. What do you think? Update: A reader put together a downloadable copy of all these habits.

About the New Thinking for a Living February 20th, 2010 About the New Thinking for a Living By Frank Chimero After a spirited, inspiring pow-wow in the desert last year, Duane, Shane, Bob, Ian and I decided we needed to drastically rethink Thinking for a Living. In short, we noticed people were really enjoying the long-form content on the site. The essays were the content we most wanted to produce and consume, and some how, over the course of the first years of Thinking for a Living, we had found an audience for it. With that in mind, we looked at the website and realized that it needed to be reconsidered as a place for reading and thinking. Keyboard Clicking on the arrows is cool, but there’s a better way. Features & Issues We’re calling our long-form content features. Curated Curated is a collection of selected work from around the web. Digest Digest is a sorted compilation of the portfolios of our industry’s finest creatives. Shelf Shelf is our collection of recommended reading. Network Subnavigation Links iPod, iPad, iPhone

100 Awesome Art Lessons on YouTube Whether you’re getting your bachelor’s degree in painting, graphic design or sculpture, there’s so much to learn about art — from its lush history to materials — that it can sometimes feel overwhelming. Yet art students shouldn’t fret. There’s a whole lifetime ahead to learn and numerous resources both in the classroom and outside of it for expanding your knowledge. One great place to seek out help with becoming a better artist is on YouTube. There, other artists, teachers and experts share their lessons on just about everything you could want to know. Drawing From how to sketch parts of the body to the best materials to use, these videos will help educate you on all things drawing-related. How to Draw a Realistic Eye: Eyes have been called the window to the soul, and if you want to create a realistic portrait you have to get them just right to give your drawing the emotion it needs. Painting Illustration Photography Graphic Design Sculpture Printmaking Comics

How to Build a Site With Keyboard Navigation: PSD to HTML Today we’ll be looking at how to add keyboard navigation to a website using a few simple lines of JavaScript. First we’ll create a simple site theme in Photoshop and then transform it into a working website that uses keyboard functions to switch pages. Here’s a screenshot of what we’ll be building. Click on the picture to see the live example: Photoshop Work To start things off, open Photoshop and create a new 800px by 600px document at 72dpi. Radial Gradient Next grab the gradient tool and stretch a radial gradient over the background. Type Now grab the type tool and choose a font. Inner Shadow Now place an inner shadow on all the text layers you just created using the settings above. Navigation Key Now create a key to instruct users how to use the keyboard navigation feature. Arrows Grab the custom shape tool (found under the rectangle tool fly out menu) and select an arrow as your shape. Save the Four Versions Now go to “Save for Web & Devices” under the file menu. The HTML Adding the CSS Fin!

Lippenstift: Werbung nimmt den Mund zu voll - Mode&Beauty - derStandard.at › Lifestyle Wien - Wie ein Test in der aktuellen Ausgabe "Konsument" zeigt, sind Lippenstiftfarben oft wesentlich kurzlebiger als in der Reklame angegeben: Nur zwei von zwölf geprüften Produkten hielten den Werbeaussagen stand. Am besten schnitten noch Kombiprodukte aus Lippenfarbe und Pflegegloss ab - sie halten zumindest acht Stunden, also rund einen Arbeitstag. Die Lebensdauer von klassischen Mono-Lippenstiften war im Vergleich dazu nur etwa halb so lang. Das erfreulichste Ergebnis: Schadstoffe wie Blei oder Nickel wurden in keinem der Produkte gefunden. Das ist insofern relevant, da Frauen, die sich regelmäßig die Lippen schminken, im Lauf ihres Lebens statistisch gesehen immerhin zwei Kilo Lippenstift "verspeisen". Kombiprodukte vs. 25 Probandinnen schickte die deutsche Stiftung Warentest aus, um zwölf ausgewählte Lippenstifte eine Woche lang auf ihre Eigenschaften zu prüfen. Im Test zeigte sich allerdings eine deutlich kürzere Haltbarkeit als in den Werbebotschaften versprochen wurde.

Lateral On-Scroll Sliding with jQuery After getting the request, we are going to show you how to create a "slide-in on scroll" effect. You've probably seen this cool effect on some websites, like on Nizo or in the portfolio section of brilliantly designed La Moulade. The main idea is to laterally slide in elements depending on the scroll position of the document. Dividing the page into a left and right side, we want to move the elements from "outside" of the page to the center when they are in the viewport. We will also add the opti View demo Download source After getting the request, we are going to show you how to create a “slide-in on scroll” effect. The theme of today’s tutorial is going to be a timeline where we will have some circular elements on one side and the descriptions on the other. So, let’s start! The Markup The HTML structure is going to consist of a main container and some rows that we’ll use to place the left and the right elements. The CSS The row will serve as a wrapper for the left and right elements: Demos

Related: