Links

CodeKit: automatically compile Less, Sass, Stylus, CoffeeScript & Haml files

CodeKit automatically compiles Less, Sass, Stylus, CoffeeScript & Haml files. It effortlessly combines, minifies and error-checks Javascript. It supports Compass. It even optimizes jpeg & png images, auto-reloads your browser and lets you use the same files across many projects. And that's just the first paragraph.

Bbfagabc

http://incident57.com/codekit/

Filed under  //   coffeescript   css   html   javascript   mac   osx   tools   ui   web  
Posted February 3, 2012 by email 

Cytoscape Web: embed network graphs into HTML

  • ... a reusable component that allows you to embed networks within HTML documents.
  • ... easily integrated in HTML via its Javascript API.
  • ... customisable in what data it loads and how it visually displays that data.
  • ... an open source project to which anyone can contribute.

Fgiajbbf

http://cytoscapeweb.cytoscape.org/
http://www.cytoscape.org/

Filed under  //   LGPL   graphs   html   network   ui   web  
Posted September 19, 2011 by email 

Bootstrap: toolkit (CSS + HTML) to kickstart development of webapps and sites

Bootstrap is a toolkit from Twitter designed to kickstart development of webapps and sites.
It includes base CSS and HTML for typography, forms, buttons, tables, grids, navigation, and more.

http://twitter.github.com/bootstrap/

Filed under  //   css   html   template   twitter   ui   web  
Posted August 22, 2011 by email 

HTML5 Boiler plate (+mobile version)

Along with HTML5 Boilerplate's rock solid commitment to cross-browser consistency, H5BP brings you delicious documentation, a site optimizing build script, and a custom boilerplate builder. In addition to this, we now support lighttpd, Google App Engine, and NodeJS with optimized server configurations (along with Apache, Nginx, and IIS) and we've reduced the overall size of the published boilerplate by 50%.

Why it is awesome

Cross-platform compatible (Android, iOS, Blackberry, Symbian)
CSS class to target IE Mobile 7
Home screen icon (Android, iOS, Symbian)
Cross browser viewport optimization for Opera Mobile, Android,iOS,IE,Nokia,Blackberry.
Optimized viewport scaling (Opera Mobile, Android, iOS, Mobile IE, Blackberry)
Option to enable iOS start-screen in full screen mode
Better font rendering on IE Mobile
Adaptable markup and CSS skeleton
CSS stylesheet for low-end devices
Mobile sitemap
Mobile MIME type support
Build tool for mobile
Integrates well with PhoneGap and Appcelerator

Why it is awesome-er

HTML5 offline caching for smartphones
Hide URL bar to maximize screen area
Button clicks that don't wait for the default 300ms delayed click event
Textarea autogrow
Hide Safari browser chrome
Mobile bookmark bubble
Browser Database Wrapper API
Robust optional User Agent Detection in .htaccess
Mobile optimized default CSS
Media queries polyfill for Windows Mobile
Google Analytics for low end mobile devices


http://html5boilerplate.com/
http://html5boilerplate.com/mobile/

Filed under  //   html   html5   mobile   ui   web  
Posted April 1, 2011 by email 

CSS drop-shadows without images

Drop-shadows are easy enough to create using pseudo-elements. It’s a nice and robust way to progressively enhance a design. This post is a summary of the technique and some of the possible appearances.

Image001

http://nicolasgallagher.com/css-drop-shadows-without-images/demo/

Filed under  //   css   html   html5   ui   web  
Posted February 17, 2011 by email 

HTML5 Boilerplate: HTML5/CSS/JS template

HTML5 Boilerplate is the professional badass's base HTML/CSS/JS template for a fast, robust and future-proof site.

After more than two years in iterative development, you get the best of the best practices baked in: cross-browser normalization, performance optimizations, even optional features like cross-domain Ajax and Flash. A starter apache .htaccess config file hooks you the eff up with caching rules and preps your site to serve HTML5 video, use @font-face, and get your gzip zipple on.

Boilerplate is not a framework, nor does it prescribe any philosophy of development, it's just got some tricks to get your project off the ground quickly and right-footed.

http://html5boilerplate.com/
https://github.com/paulirish/html5-boilerplate/wiki

Filed under  //   html   html5   ui   web  
Posted November 12, 2010 by email 

Dive Into HTML5

"Dive Into HTML5" by Mark Pilgrim
The Work shall remain online under the CC-BY-3.0 License.

http://diveintohtml5.org/

Filed under  //   audio   canvas   form   html   html5   input   location   offline   storage   validation   video   web  
Posted November 11, 2010 by email 

Periodic Table of the HTML-Elements

http://joshduck.com/periodic-table.html

(download)

Filed under  //   html   ui   web  
Posted September 7, 2010 by email