background preloader

HTML5 Boilerplate - A rock-solid default template for HTML5 awesome.

HTML5 Boilerplate - A rock-solid default template for HTML5 awesome.
Save time. Create with confidence. ★ Analytics, icons, and more A lean, mobile-friendly HTML template; optimized Google Analytics snippet; placeholder touch-device icon; and docs covering dozens of extra tips and tricks. ★ Normalize.css and helpers Includes Normalize.css v1 — a modern, HTML5-ready alternative to CSS resets — and further base styles, helpers, media queries, and print styles.

http://html5boilerplate.com/

Related:  code utile / outilsHTML5

10 Useful Responsive CSS Frameworks For Designers Posted: Dec 1, 2012 3 Comments For the past few days, I have showed you some of the best WordPress responsive themes you can download and use on your site. Today, I am going to provide a range of useful responsive CSS frameworks which can make your task quick and easy. These frameworks have all the complicated grids, layouts and media queries in place ready for you to add your own design and markup. Responsive Design: 160 useful tools, plugins and resources Since many of you out there are still struggling to find it all in one spot, when all you may need is just one main source that answers all your questions on Responsive Web Design, here at webdesignshock.com we’ve summed a full collection of 160 Resources that cover all Web Responsive Design related topics sorted in categories that go from framework, grid, bookmarklet, typography, tutorial, media-centric, useful articles, WordPress and Google Chrome; so that whatever it is that you’re looking to find related to web responsive design you’ll find it here at webdesignshock.com. Because With the on growing production of alternate devices’ over the past couple of years, have grown the amount of web responsive resources on the web, and the demand of web designers for them. Responsive design went from being the new “it” word of the web design world, to becoming the biggest growing trend of web design in 2011, to now being the up most necessary implementation when designing a website. Skeleton

en_HowToUseHyphenator - hyphenator - How to use Hyphenator on a website - Javascript that implements client-side hyphenation of HTML-Documents Using Hyphenator as a Bookmarklet As a normal websurfer you'll have to create a bookmarklet by saving the following line of code as a bookmark: When you're on the website to be hyphenated you click on that bookmarklet to start hyphenating the page. If the pages language isn't set, you will have to edit it manually in a popping-up prompt. Using Hyphenator on your website For a webdeveloper who wishes to hyphenate his website, things are slightly more complicated.

 Free Resources for Designers & Developers Every thing is now available on internet and i think internet provides huge relief to mankind. Now you can pay your bills online through internet and purchase any thing you want. Any ways HTML5 is the new and improved version of HTML. Many people doesn’t know any thing about HTML5, So i provides you list of best HTML5 ebooks available on internet. Enjoy! 1- 20 Things I learned about Browsers and the Web The Font-Face Rule And Useful Web Font Tricks - Smashing Magazine Advertisement The possibility of embedding any font you like into websites via @font-face is an additional stylistic device which promises to abolish the monotony of the usual system fonts. It surely would be all too easy if there was only one Web font format out there. Instead, there’s quite a variety, as you will get to know in this article. This quick introduction to @font-face will lead you towards a guide through the @font-face kit generator. If you want to make Web use of your already licensed desktop fonts, read up on how to embed them from your own server.

Off Canvas Layouts CSS - Foundation 3 - ZURB Playground - ZURB.com Off Canvas What Now? If you've used Facebook's iPhone app (or Path, or any number of apps that now follow this convention) then you've seen an off canvas panel in a native app. You hit a button and a panel slides in from the left (or depending on how you look at it, the main panel slides out of the way). Luke Wroblewski, author of Mobile First, mentioned this style of layout in his roundup of mobile layout patterns. Inspitrational HTML5 Websites Inspirational HTML5 websites that will give you ideas, inspiration for your next web project. There’s been a lot of talk about HTML5. What does this mean for designers and how will it change the way we design. what makes HTML5. HTML5 promises to make the Internet more functional and interactive.

Less Framework 4 I called Less Framework "a CSS grid system for designing adaptive websites". It was basically a fixed-width grid that adapted to a couple of then popular screen widths by shedding some of its columns. It also had matching typographic presets to go with it, built with a modular scale based on the golden ratio. The resources it was originally published with are still available on GitHub. Contrary to how most CSS frameworks work, Less Framework simply provided a set of code comments and visual templates, instead of having predefined classes to control the layout with.

9 Seriously Useful Online CSS Code Generators Nowadays CSS is one of the most important and most used style sheet languages for web development. It might however seem not really user-friendly for a person who is new to it and decided to build a website on his own, but he has never heard of it or worked with it. Now of course a professional would be able to write a CSS code even on the palm of his hand if he didn’t have a computer in front of him, but this doesn’t really sound so easy for a newbie in this subject. And what would make his life easier for all those who want to learn it fast and efficiently? CSS3 dropdown menu – Red Team Design While this is still an up-to-date version, I just wanted to let you know I made an improved and animated version of this CSS3 menu. You may want to check that first. Today you'll learn how to create your own CSS3 dropdown menu, without any additional Javascript code. There are no images used and, as usual, minimal HTML markup. Let's see how is made: If you're in a hurry, here's the result:

Responsive Web Design Patterns Responsive Patterns A collection of patterns and modules for responsive designs. Submit a pattern Layout Reflowing Layouts Equal Width Game development Gaming is one of the most popular computer activities. New technologies are constantly arriving to make it possible to develop better and more powerful games that can be run in any standards-compliant web browser. Introducing web game development Introduction to game development for the Web An introduction to the technologies useful for game developers and how to get started developing games using Web technologies.

Related:  GraphismeDesign&Dev 1