background preloader

Tab Styles Inspiration

Tab Styles Inspiration
Previous Demo Back to the Codrops Article Re-created from Vintage Productions Technique from Slanted tabs with CSS 3D transforms by Lea Verou If you enjoyed this demo you might also like: Arrow Navigation Styles Dot Navigation Styles Related:  inspiration web designPlugins InteractiveResources

Inspiration for Article Intro Effects | Demo 3 We may define a food to be any substance which will repair the functional waste of the body, increase its growth, or maintain the heat, muscular, and nervous energy. In its most comprehensive sense, the oxygen of the air is a food; as although it is admitted by the lungs, it passes into the blood, and there re-acts upon the other food which has passed through the stomach. It is usual, however, to restrict the term food to such nutriment as enters the body by the intestinal canal. Water is often spoken of as being distinct from food, but for this there is no sufficient reason. Many popular writers have divided foods into flesh-formers, heat-givers, and bone-formers. These last are not strictly foods, if we keep to the definition already given; but they are consumed with the true foods or nutrients, comprised in the other two classes, and cannot well be excluded from consideration. Water forms an essential part of all the tissues of the body. Flesh-formers, heat-givers, and bone-formers

js - jQuery plugin for HTML5+JSON interactive tables and more Demo Processing... To get started, simply install jquery.dynatable.js (along with jQuery), and add the following in the document.ready or after the table: $('#my-table').dynatable(); How it works Dynatable does three things: Read / Normalize The HTML table is scanned and normalized into an array of JSON objects (or collection) where each JSON object (or record) corresponds to a row in the table. This 3-step approach has several advantages: Efficient reading/operating/writing Since the logic and operations occur on the JSON collection, the DOM operations (reading and writing/drawing) are grouped together, making interactions quick and efficient. Normalization The first module normalizes an HTML table into a JSON collection. The following table: Results in this JSON collection: Converting attribute names By default, dynatable converts headings to JSON attribute names using: We could also define our own column-name transformation function. Click the button to the right. Run Code So this: Existing JSON

Adobe Muse Widgets Tools and Resources - by Muse Themes One-Click Access to 70+ Drag n' Drop Widgets & Tools Join now for instant and unlimited access. Download them all for only $69 per year. Unlock the full power of Muse!An essential collection for Muse designers at all levels. Annual members of have complete access to download all of our drag and drop widgets, tools and graphic resources in one library file. Click a link below to preview: Still curious? Take a tour of library files and see what's included, how to use them and quick tips for styling! Try Our Sample Widgets Risk Free Look for on the Adobe Muse exchange, and download our sample widgets to try before you buy. Stories of Adventure /// Epic There Are Other Rivers: On Foot Through India Photos Weekly Photo Assignment: Landscape Adventure Adventures The Seven Summits by Age Twelve 10 Mind-Blowing Landscape Photos From Around the World Stories of adventure Inspiring stories of adventure and people who venture out after it Tyler Armstrong reaches new heights climbing the seven summits by age 12. 23 Hours Ago | climbing, outdoors Olstinden Aurora Aurora Borealis dances in the night sky over Olsinden, one of the most spectacular mountains in the Lofoten Islands in Arctic Norway. 1 Day Ago | norway Hitchhiking Across America Matthew Karsten spent five weeks doing what many would consider dangerous and impossible. 1 Day Ago | road trip Videos Watchtower of Turkey Leonardo Dalessandri takes us on an epic journey through Turkey in this beautiful video. 2 Days Ago | turkey Recommended Gear Genius Pack 25” Hardside Spinner Upright This crush-proof luggage is infused with “genius” features. 2 Days Ago | luggage 2 Days Ago Blue Bear Outside Tokyo Pack Tags

3D Book Showcase Red snapper Kafue pike fangtooth humums slipmouth, salmon cutlassfish; swallower European perch mola mola sunfish, threadfin bream. Billfish hog sucker trout-perch lenok orbicular velvetfish. Delta smelt striped bass, medusafish dragon goby starry flounder cuchia round whitefish northern anchovy spadefish merluccid hake cat shark Black pickerel. Pacific cod. Whale catfish leatherjacket deep sea anglerfish grenadier sawfish pompano dolphinfish carp large-eye bream, squeaker amago. Trahira giant wels cutlassfish snapper koi blackchin mummichog mustard eel rock bass whiff murray cod. In this nightmare vision of cats in revolt, fifteen-year-old Alex and his friends set out on a diabolical orgy of robbery, rape, torture and murder.

Slide and Push Menus Fixed menus that will slide out from the sides of the page and in case of the right and left side optionally move the body. View demo Download source A set of fixed menus that will slide out from any of the edges of the page. The two menus that slide out from the left and right side can also be used in combination with the body moving to the left or right side, respectively, hence being “pushed”. There are examples of how to trigger the opening and closing of the menus and some example media queries. The HTML The CSS Note: Classie is being used here – class helper functions by @desandro. TROGLOBITES (Source: luxulterior, via bladelores) (via neurochemical) elisemesner: Pineapple Remixes Elise Mesner Photography 2014 (via jeffreycampbellshoes) (Source: Flickr / marlenashores) (Source: Flickr / marlenashores) (Source: somemayneverlive, via kiairahhh) (via p0rcelinaa) excdus: Saga VInka & Niclas (via ladiesintheclub) teenagemysteries: Misato Suzuki (Source: optore, via ladiesintheclub) (Source: flashingspectrums, via circuit) Fixed. theme by Andrew McCarthy Menu ask

Draggable Dual-View Slideshow Lorem Waldy Distilling design and other interesting methods It was not child's play tackling those horses. Some of the kind-hearted station folk in the backblocks had sent down some wild warrigals of the West; bucking brumbies that beat the band; old outlaws off the grass that the station hands could never master. But Colonel Cox ("Fighting Charlie" we called him) had in his command some of the crack rough-riders of Australia. But even a plague of locusts does not last for ever—and Egypt does. It was night when we got back to camp. You might also like Inspiration for Article Intro Effects Round Table King Arthur's creative team techniques Passing by the rugged Socotra, we soon sighted the mountainous southern coast of Arabia, and by midday on January 20 we were focussing our binoculars on the picturesque gate of the Indian Ocean, Aden. Aden is a curious mixture of the Orient and the Occident. Taking Sneezes Nothing is out there—let's try again I am living Egypt, living....

Codrops | How to Create a Circular Progress Button A tutorial on how to implement the circular progress button concept by Colin Garven. We are using the SVG line drawing animation technique as described by Jake Archibald to animate the circular progress and provide a success and error state to indicate the final status. View demo Download source Today we are going to show you how to implement a nifty progress button concept. There are quite some possibilities for creating this button and the effect. Note that animating SVGs can be problematic for some browsers so it might not work everywhere as expected. So, let’s get started! The Master plan If you have carefully observed Colin’s Dribbble shot, you might have noticed that we’ll need to take care of several states of the button. When we click on the button (in order to, for example, submit a form), we want to fade out the text, decrease the button’s width to become a circle, make the border thicker and start a progress animation on the border. The Markup The CSS …by setting the opacity to 0:

Abcdr du Son, le magazine rap Blueprint: Responsive Full Width Tabs Sushi Gumbo Beetroot Sushi gumbo beet greens corn soko endive gumbo gourd. Parsley shallot courgette tatsoi pea sprouts fava bean collard greens dandelion okra wakame tomato. Pea Sprouts Fava Soup Lotus root water spinach fennel kombu maize bamboo shoot green bean swiss chard seakale pumpkin onion chickpea gram corn pea. Turnip Broccoli Sashimi Nori grape silver beet broccoli kombu beet greens fava bean potato quandong celery. Asparagus Cucumber Cake Chickweed okra pea winter purslane coriander yarrow sweet pepper radish garlic brussels sprout groundnut summer purslane earthnut pea tomato spring onion azuki bean gourd. Magis Kohlrabi Gourd Salsify taro catsear garlic gram celery bitterleaf wattle seed collard greens nori. Ricebean Rutabaga Celery quandong swiss chard chicory earthnut pea potato. Noodle Curry Lotus root water spinach fennel kombu maize bamboo shoot green bean swiss chard seakale pumpkin onion chickpea gram corn pea.Sushi gumbo beet greens corn soko endive gumbo gourd. Leek Wasabi 41 Social Media Icons (PNG) Today’s freebie is an uber handsome set of 41 social networking icons in both 16px and 32px by Prekesh Chavda. Admit it, you love social media icons, especially when they’re this pretty. Code Editor App (PSD) Today’s freebie is a sweet and simple code editor design inspired by the in-built code editor at Beanstalk. Check out the full view to see it in full glory. Premium Pixels Icon Set (PNG/CSH/PSD) Today’s fantastic freebie is a contribution from New York based designer Matt Gentile. Facebook & Twitter Sign-in Buttons (PSD) Today’s quick freebie is a set of social sign-in buttons for Facebook and Twitter. Dark Select Box / Dropdown (PSD) Today’s freebie is a sweet little dark select box / dropdown. Twitter App Concept (PSD) Today’s freebie is an awesome contribution from UK based designer Daryl Ginn. Safari Browser Chrome (PSD) Today’s freebie is a simple browser chrome based on Safari. 11 Light Subtle Patterns (.PAT)

Diogo Akio — Designer Quadra Collective is a interactive & branding studio created from the partnership of Diogo Akio and Caio Rogério. A small company that believes in working with big proportions, made with love and trust. "Quadra" in Portuguese means, "block", i.e., from neighborhood, which conveys an idea of something at reach and quite reliable. Back to Projects