background preloader

Modernizr: the feature detection library for HTML5/CSS3


ie7-js - A JavaScript library to make MSIE behave like a standards-compliant browser. IE7.js is a JavaScript library to make Microsoft Internet Explorer behave like a standards-compliant browser. It fixes many HTML and CSS issues and makes transparent PNG work correctly under IE5 and IE6. Current version: 2.1 beta4. IE7.js Web Tools - Google Developers Download Web Starter Kit (beta) What is Web Starter Kit? Web Starter Kit is an opinionated boilerplate for web development. Tools for building a great experience across many devices and performance oriented. Helping you to stay productive following the best practices outlined in Google's Web Fundamentals. A solid starting point for both professionals and newcomers to the industry. Essential JavaScript Design Patterns For Beginners Design patterns are reusable solutions to commonly occurring problems in software design. They are both exciting and a fascinating topic to explore in any programming language. One reason for this is that they help us build upon the combined experience of many developers that came before us and ensure we structure our code in an optimized way, meeting the needs of problems we're attempting to solve. Design patterns also provide us a common vocabulary to describe solutions.

Prefix free: Break free from CSS vendor prefix hell! -prefix-free lets you use only unprefixed CSS properties everywhere. It works behind the scenes, adding the current browser’s prefix to any CSS code, only when it’s needed. The target browser support is IE9+, Opera 10+, Firefox 3.5+, Safari 4+ and Chrome on desktop and Mobile Safari, Android browser, Chrome and Opera Mobile on mobile.

Fit To Scale My site is now responsive. The more I work with flexible images & grids and media queries, the more I appreciate what can be achieved. Any apprehension I may have had about whether or not a responsive approach would harmonize with my design sensibilities and Paravel’s workflow was erased while working on the redesign of The Do Lectures website. We didn’t have to overhaul our process, were able to stay on budget, and ensured that the site hierarchy remained intact all the way from desktop down to mobile device views. I had such a positive experience on the project that I decided to take what I learned and the opinions I formed to this site for an update.

15 Interesting JavaScript and CSS Libraries for March 2017 Danny Markov Our mission at Tutorialzine is to keep you up to date with the latest and coolest trends in web development. That’s why every month we release a handpicked collection of some of the best resources that we’ve stumbled upon and deemed worthy of your attention. Propeller Propeller is a CSS components framework based on Bootstrap and Google’s Material Design language.

20 Extremely Useful Coding Tools for Web Designers Never miss another deadline while using these 20 extremely useful coding tools for web designers! These great coding resources will help you in different kinds of tasks, ease your work and also speed it up! Enjoy an easier, more efficient and productive workflow with these useful coding tools we have gathered here, in this list. You will find tools for choosing colors, pairing the right fonts, turning Photoshop into HTML, CSS and more!

About Paper.js — The Swiss Army Knife of Vector Graphics Scripting. Paper.js is an open source vector graphics scripting framework that runs on top of the HTML5 Canvas. It offers a clean Scene Graph / Document Object Model and a lot of powerful functionality to create and work with vector graphics and bezier curves, all neatly wrapped up in a well designed, consistent and clean programming interface.

Skeleton: Beautiful Boilerplate for Responsive, Mobile-Friendly Development What Is It? Skeleton is a small collection of CSS files that can help you rapidly develop sites that look beautiful at any size, be it a 17" laptop screen or an iPhone. Skeleton is built on three core principles: Responsive Grid Down To Mobile Skeleton has a familiar, lightweight 960 grid as its base, but elegantly scales down to downsized browser windows, tablets, mobile phones (in landscape and portrait). Underscore.js Underscore is a JavaScript library that provides a whole mess of useful functional programming helpers without extending any built-in objects. It’s the answer to the question: “If I sit down in front of a blank HTML page, and want to start being productive immediately, what do I need?” … and the tie to go along with jQuery's tux and Backbone's suspenders.

Next.js We're very proud to open-source Next.js, a small framework for server-rendered universal JavaScript webapps, built on top of React, Webpack and Babel, which powers this very site! The "Hello World" of Next.js To start using it, run inside a new directory with a package.json:

Modernizr takes the pain out of cross browser development for mobile or the desktop experience. Detecting if a browser has certain HTML5 or CSS3 functionality can be difficult, but Modernizr makes it easy. The tool enables you to build basic if…then statements to determine whether certain features are available for use. Once the JavaScript utility is initialized, it scans through all the HTML5 and CSS3 features of the browser and adds them as a class to the BODY element. by indigetal Nov 29

Can automatically detect whether or not a browser supports a given feature and then serve up some JavaScript magic in response. This allows you to account for an impressively wide array of circumstances and provide JavaScript fallbacks and polyfills for older browsers with very little effort. by noeliafranco Jul 14

Related:  DesignHTML5Responsive WebCross-Browser Compatibility and Testingniklasfruthsocial networks / Search EnginessamycWeb DevelopmentWeb Design resourcesWeb DesignOutilsweb developmentWebdesign ToolsCSS+HTML5JavaScriptHTML5UX UICodingmarkohjJqueryCSSHTML5resourcesHTML5 and CSS3html codingWedesign