background preloader


Facebook Twitter

Animation to Explain CSS Triangles. ✿ Our favorite set — Lightbox 2. Dive Into HTML5. Slider with Sliding Backgrounds. Among the many super nice design features of the Yahoo!

Slider with Sliding Backgrounds

Weather app for iOS is the transition between city screens. The background image doesn't just move away as the screen moves from one screen to the next, the background image itself slides. Build an Infinite Scrolling Photo Banner With HTML and CSS. Today we’re going to embark on the challenge of creating an animated banner of photos that automatically scrolls horizontally through an infinite loop.

Build an Infinite Scrolling Photo Banner With HTML and CSS

The best part: we’re going to do it without a single line of JavaScript. To make this banner truly useful, our goal will be to use individual photos dropped into our HTML, not simply one long CSS background that repeats. Design Shack Respnsive Menu. How to Create an Awesome Scrolling Navigation using jQuery - thebeebs. I was looking over the .net award nominees this week and stumbled across the website.

How to Create an Awesome Scrolling Navigation using jQuery - thebeebs

I loved the scrolling navigation so much I just had to open up visual studio and try and recreate it myself. DemoView Demo The main thing flipboard do differently is to have the logo and logo background elements move at different animation speeds from each other and the main content. This effect is is similar to Parallex scrolling and gives the website more interest, depth and flair. I’ve documented the main steps to recreate my demo below: Step 1. Top 35 Free Download HTML5 And CSS3 Templates. HTML5 Please - Use the new and shiny responsibly.

Tweet Heat - The hottest Tweets of the Month [January 2012] This is a guest post by Jan Rajtoral AKA Gonzo the Great, founder of gonzodesign, who provides design services across the full spectrum of Brand Identity, Graphic Design, Print and Advertising Design & Website Design.

Tweet Heat - The hottest Tweets of the Month [January 2012]

In this new series of posts we’re going to take a look at what has been published last month in the Blogosphere. We hand-picked the best stuff including resources, tutorials, scripts/snippets, WordPress related posts and a lot more. All these design-related links have been mentioned on Twitter in the last month, and collated in this single article. So, I hope you’ll enjoy this roundup cause we think that having resources and staying up-to-date is important in your personal growth and development as a (web) designer or developer. HTML, CSS, PhP, Coding & Resources HTML5 Please - Look up HTML5, CSS3, etc features, know if they are ready for use, and if so find out how you should use them – with polyfills, fallbacks or as they are. Tutorials. HTML5 Presentation. In March 1936, an unusual confluence of forces occurred in Santa Clara County.

HTML5 Presentation

A long cold winter delayed the blossoming of the millions of cherry, apricot, peach, and prune plum trees covering hundreds of square miles of the Valley floor. Then, unlike many years, the rains that followed were light and too early to knock the blossoms from their branches. Understanding HTML5 Content Models. Earlier this week we looked at the new text-level and structural semantic elements html5 provides.

Understanding HTML5 Content Models

Today I want to continue and talk about content models in html5, specifically the new outline algorithm for creating hierarchy. Once again much of the content below comes to me via Jeremy Keith‘s book HTML5 for Web Designers, which I highly recommend. Unfortunately some of what we’ll look at below isn’t yet supported by browsers. Behind The Scenes Of Nike Better World - Smashing Magazine. 35 Best Web Design And Development Tutorials Of June 2011. What Potential Impact Can HTML5 Have on SEO? Although still a work in progress, HTML5 is the next major revision of the HTML standard.

What Potential Impact Can HTML5 Have on SEO?

HTML, which is the markup language that allows us to structure and present our web content, is the primary factor in search engine optimization efforts. HTML gives search engines the needed context they need to understand what’s contained in a web page. How might HTML5 change the way we approach SEO? What are the possible impacts of HTML5 in search engine algorithms? In this article, I will attempt to answer these questions. 20 Awesome HTML5 Website Templates Which Are Free. A lot had been share about HTML5 on the Internet, as it’s one of the latest trending topics..

20 Awesome HTML5 Website Templates Which Are Free

It is considered as the next big thing. HTML5 is another stepping stone to make the web experience more enjoyable and gratifying for its users. A lot of people out there are trying to learn as much about HTML5 as they possibly can, because it’s going to come loaded with a bunch of new features that webmasters can employ to make their website that much better. That’s another reason why so many people out there are looking for HTML5 templates that they can use on their blogs and websites. Creating a HTML5 & CSS3 Single Page Web Layout. Creating a HTML5 & CSS3 single page template Today we will create HTML5 web template with combination with CSS3 and jQuery.

Creating a HTML5 & CSS3 Single Page Web Layout

Current template will contain header area (with logo and navigation menu), promo area (I will use jQuery Nivo Slider), center area with some content, bottom area (which you can use for footer links as example), and footer itself. Live Demo download in package Now, you can download package, check our prepared demo and lets start! Step 1.