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/

 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.

SWF Charts > Introduction XML/SWF Charts is a simple, yet powerful tool to create attractive charts and graphs from XML data. Create an XML source to describe a chart, then pass it to this tool's flash file to generate the chart. The XML source can be prepared manually, or generated dynamically using any scripting language (PHP, ASP, CFML, Perl, etc.) XML/SWF Charts makes the best of both the XML and SWF worlds. XML provides flexible data generation, and Flash provides the best graphic quality. Features: Sublime Text - Support HomeDownloadBuyBlogForumSupport Support Something not working right? Pop in to the Technical Support forum to get it sorted. For sales questions, see the Sales FAQ or contact sales@sublimetext.com. To find a lost license key, see the License Key Retrieval page.

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:

Javascript Syntax Checking From Vim Syntax checking from vim is handy. By checking your Javascript syntax from vim, rather than the browser, you'll save time and aggravation. To do it, you'll need Spidermonkey, which allows you to run Javascript without a browser, and JsLint, a Javascript syntax-checker writter in Javascript. 50 Useful HTML5 Tutorials, Techniques and Examples for Web Developers The revolutionary HTML 5 will soon conquer any respectable web designer who aims towards a good project. It was created in order to improve interoperability and to reduce the cost of web applications and that of developing websites. Due to the perpetual developing of technologies, I guess HTML 5 is an unstoppable feature for the next generation of web designers. It is indeed imperative for every web developer to start learning this new markup language, if they want their websites to be as good as other websites out there. Plus with the constant drop of Flash usage in practically all the web applications, HTML 5 should definitely be considered as important to know about and start using it. It might seem mind-blowing at the beginning, because HTML 5 includes many new features and functions, but it’s never too late to sit down and learn all of it step by step.

Hover on “Everything But” Adding a hover state to an element is durn easy. Let's use an opacity change as an example: But what if we want to have that hover state apply to everything but the element actually being hovered over? (e.g. other adjacent sibling divs) Let's assume this basic HTML: We'll apply the current CSS properties to all the children of the parent when the parent is in the hover state. 25 Handy Freelance Web Designer Tools A freelancer’s job can prove as hectic as any other profession, even more so when you consider all the documents, images, passwords, conversations, instructions etc that the freelancer must store and keep track of. Over the years keeping track of all that goes on within this profession has become somewhat easier with the introduction of a plethora of online tools. Services like Dropbox and Box have made it easier to access documents on the move, and other services such as Plaxo have given us the opportunity to merge all of our contacts from various services and access them on the go through a variety of devices. In this post you'll find a useful list of online tools that you can use to help organise and track your daily freelancing life. Also included are some websites that offer you free downloads such as PSD files, brushes and icons to help speed up the creative process of your work.

How to create slick effects with CSS3 box-shadow – Red Team Design Drop shadows and inner shadows are some of the effects I learned to apply using Photoshop's Blending options. But now, since CSS3 "hit the charts", you don't need Adobe's design tool to add a drop shadow or an inner shadow to a box. Nowadays, the cool thing is that you create beautiful CSS3 shadows without actually needing Photoshop anymore. 50+ Awesome CSS3 Techniques for Better Designs CSS3 is gaining momentum, despite the fact that the standard hasn’t even been finalized. There are hundreds of tutorials out there to teach designers how to use it, but unfortunately a lot of them cover the same ground. And some of the tutorials teach designers to do things that they might not think of as useful, though the techniques can usually be adapted to fit a project perfectly. Below are more than fifty awesome CSS3 tutorials. Many are strictly CSS and HTML based, while others also incorporate JavaScript.

Related: