Pinboard: bookmarks for Mr0grog tagged 'webdev'

getBoundingClientRect() returns floats;
document.msCSSOMElementFloatMetrics = true; <- make offsetWidth, Height, etc. return floats instead of whole number values

webdev development javascript css browser ie
february 2012 by Mr0grog

copy to mine

SocketRocket - GitHub

ObjC library for connecting with websockets! Use the same websocket services for native and web apps :)

programming development ios mac osx objc objective-c webdev library opensource
february 2012 by Mr0grog

copy to mine

turn.js - The page flip effect for HTML5
javascript library opensource programming development webdev
february 2012 by Mr0grog

copy to mine

Annotated ES5
programming javascript ecmascript documentation reference webdev
december 2011 by Mr0grog

copy to mine

w3c/tidy-html5 - GitHub
html html5 webdev software tools
november 2011 by Mr0grog

copy to mine

has.js - GitHub

Simple JS library for feature detection: has("feature") ? [yes] : [no];

javascript webdev library opensource
november 2011 by Mr0grog

copy to mine

Well, I'm Back: Drawing DOM Content To Canvas

Holy moly it works. It even works in iOS 4.2+.

webdev javascript development tips
november 2011 by Mr0grog

copy to mine

WhatFont Tool - The easiest way to inspect fonts in webpages « Chengyin Liu

Bookmarklet for finding what font is being used on a page.

bookmarklet webdev webdesign fonts tools typography
november 2011 by Mr0grog

copy to mine

Colour Tool | PANDR

Bookmarklet for grabbing all the colors used on a page.

bookmarklet webdesign webdev
november 2011 by Mr0grog

copy to mine

JS DOM

A JS implementation of the DOM, meant for Node.js and other CommonJS platforms.

javascript development programming webdev library
november 2011 by Mr0grog

copy to mine

JSAPI.info

Neat little web-app that lets you explore the source of any method in a number of major JS frameworks.

javascript development webdev webapp software tools
november 2011 by Mr0grog

copy to mine

Query logging for mysql-proxy
webdev development mysql
november 2011 by Mr0grog

copy to mine

Slider.js

Nice little library for doing transitions between images.

javascript webdev library programming development
november 2011 by Mr0grog

copy to mine

Best Practices for Getting Started with SVG - IEBlog
svg webdev development tips howto
october 2011 by Mr0grog

copy to mine

manifestR - offline web apps made easy (well easier)

A nice little bookmarklet for generating an HTML5 cache manifest

development webdev html5 tools
october 2011 by Mr0grog

copy to mine

Handling Multi-touch and Mouse Input in All Browsers - IEBlog - Site Home - MSDN Blogs

Actually a very practical overview of how to manage touch and mouse input across both WebKit and IE.

programming development webdev javascript
october 2011 by Mr0grog

copy to mine

Styling button elements to look like links
webdev css tips
october 2011 by Mr0grog

copy to mine

d3.js

Successor to Protovis!

programming javascript webdev tools library information visualization infographics
september 2011 by Mr0grog

copy to mine

jQuery.fracs · larsjung.de

Interesting JS library that determines the portion of an element that is visible on-screen (and other related visibility metrics).

javascript library programming development webdev opensource
august 2011 by Mr0grog

copy to mine

Chosen - makes select boxes better
javascript library programming development webdev free opensource
july 2011 by Mr0grog

copy to mine

Live is beautiful. « IO 9elements

A brief overview of a live img.ly map developed by 9elements. Really cool stuff.

javascript canvas information visualization webdev beautiful
july 2011 by Mr0grog

copy to mine

jsOAuth Manual & Documentation

Nice little JS library for OAuth.

programming development webdev library opensource javascript
july 2011 by Mr0grog

copy to mine

Paper.js

JS vector graphics drawing library that renders to canvas. Interesting setup; c.f. Protovis.

javascript library webdev development programming graphics
july 2011 by Mr0grog

copy to mine

Beating 60fps in Javascript
javascript performance optimization tips webdev
june 2011 by Mr0grog

copy to mine

The Arcturo Library - Free and open source technical books for your enjoyment!
webdev books reference howto tutorial programming development
june 2011 by Mr0grog

copy to mine

Know Your Engines

Awesome overview of how modern JS engines optimize code and how you can write more optimizable JS.

javascript programming performance optimization webdev filetype:pdf media:document
june 2011 by Mr0grog

copy to mine

pdf.js - GitHub

JS Library for rendering PDF files in a canvas! (andreasgal)

webdev programming development javascript library
june 2011 by Mr0grog

copy to mine

Styling ordered list numbers | 456 Berea Street

Very nice use of CSS counters to generate new numbers for ordered lists.

webdev css
may 2011 by Mr0grog

copy to mine

JavaScript Madness: Keyboard Events

A pretty good and in depth reference on how various key events work across browsers, although it hasn't been updated in a while.

javascript programming development webdev tips reference events
april 2011 by Mr0grog

copy to mine

How (not) to trigger a layout in WebKit

A very useful list of methods/property accessors that trigger layout in WebKit.

webkit browser performance javascript webdev development
april 2011 by Mr0grog

copy to mine

Everything you always wanted to know about touch icons · Mathias Bynens

Pretty good guide to the exact best practices for bookmark icons on iOS, Android, and Blackberry. Leaves out WebOS, though.

webdev icons ios android webdesign
march 2011 by Mr0grog

copy to mine

Visualizing WebKit’s hardware acceleration (mir.aculo.us/Thomas Fuchs)
webdev browser webkit safari testing debugging development
march 2011 by Mr0grog

copy to mine

Vendor-prefixed CSS Property Overview « Peter Beverloo
css browser webdev reference
march 2011 by Mr0grog

copy to mine

JAWS Support for ARIA | The Paciello Group Blog
accessibility screenreaders ARIA reference development webdev
february 2011 by Mr0grog

copy to mine

CSSOM, Vars, Mixins, etc.

Presentation by Tab Atkins on ideas for improved CSS and improved JS-CSS API, hopefully for prototyping in Chrome.

css javascript webkit chrome webdev presentation
january 2011 by Mr0grog

copy to mine

Harmony Of My Dreams | Brendan Eich

Interesting write-up of Brendan Eich's personal goals for how JS should evolve.

javascript programming webdev ecmascript
january 2011 by Mr0grog

copy to mine

Setup Guide: Rails Stack with Passenger, RVM, Bundler, Apache, and MySQL on Ubuntu (Hivelogic)
rails ruby apache howto webdev development server mysql linux
january 2011 by Mr0grog

copy to mine

IE9 Pinned Sites Docs

Documentation for using IE9's new pinned sites feature.

webdev development programming reference browser ie
january 2011 by Mr0grog

copy to mine

Media queries, viewport width, scrollbars, and WebKit browsers | 456 Berea Street

CSS Media Query for max-width does not include scrollbars in WebKit.

CSS webkit mediaqueries webdev
january 2011 by Mr0grog

copy to mine

Audio Sprites (and fixes for iOS)
html5 javascript apple ios webdev tips reference
january 2011 by Mr0grog

copy to mine

Generating High-Resolution Graphics for iPhone 4 with HTML5’s Canvas Element - WaltPad
canvas html5 javascript webdev development tips reference howto
december 2010 by Mr0grog

copy to mine

ImageOptim – a PNG/JPEG/GIF optimizer for Mac OS X
compression optimization performance webdesign webdev free opensource mac osx software tools
november 2010 by Mr0grog

copy to mine

CSS Cursors (WebKit)

List of all the cursors available in CSS (in WebKit).

webdesign webdev css reference webkit
october 2010 by Mr0grog

copy to mine

Computer science in JavaScript: Base64 encoding

Nick Zakas writes a brief overview of Base64 encoding and encoding/decoding with JavaScript.

javascript programming encoding webdev development
october 2010 by Mr0grog

copy to mine

php.js - php.js

PHP functions implemented in JS. Some good some bad.

javascript library opensource programming webdev
october 2010 by Mr0grog

copy to mine

Polymaps

A very nice API and map set for developing interactive, tiled maps with SVG. From Stamen, of course.

javascript programming development library opensource webdev webdesign api geography cartography maps svg
august 2010 by Mr0grog

copy to mine

Fixing the background 'bleed'

Fix for backgrounds bleeding through the edges of CSS rounded corner boxes. INCREDIBLY valuable.

css webkit webdev tips reference
august 2010 by Mr0grog

copy to mine

Resizable Webkit Animated Loading Indicator

Clever little bit of CSS to do a loading indicator.

webdev css webkit
august 2010 by Mr0grog

copy to mine

XRegExp: JavaScript regex library

Extended regular expression library for JS which adds lots of nice features (named capture!) and fixes cross-browser inconsistencies. MIT Licensed.

javascript library programming regex tools webdev development opensource
july 2010 by Mr0grog

copy to mine

The CSS 3 Flexible Box Model ✩ Mozilla Hacks

Best overview/tutorial/description I've seen of how the flex-box works.

css webdev webdesign reference tutorial development
july 2010 by Mr0grog

copy to mine

@font-face gotchas « Paul Irish
css design webdesign webdev fonts typography development reference tips
july 2010 by Mr0grog

copy to mine

Icons

SVG Paths for some common icons, readymade for RaphaelJS.

webdesign webdev javascript svg vector raphael opensource images graphics
june 2010 by Mr0grog

copy to mine

How to make a good ID in Atom [dive into mark]

All about how to use tag URIs.

atom rss webdev development howto tutorial reference tips standards
june 2010 by Mr0grog

copy to mine

Atom Syndication Spec
development documentation reference rss atom standards webdev
june 2010 by Mr0grog

copy to mine

django-picklefield (GitHub)

Pickled object field type for Django.

django library python webdev opensource programming development
june 2010 by Mr0grog

copy to mine

Maxvoltar - -webkit-font-smoothing
css webdesign webdev webstandards standards browser safari chrome webkit typography design
may 2010 by Mr0grog

copy to mine

A tale of two viewports — part one

All about viewport and pixel measurement issues on desktop browsers. Some interesting and subtle bits about which properties operate on CSS pixels and which operate on device pixels.

webdev css javascript reference
may 2010 by Mr0grog

copy to mine

The All-In-One Almost-Alphabetical No-Bullshit Guide to Detecting Everything - Dive Into HTML5

Guide to detecting HTML5 features via JavaScript. Appendix A of Dive Into HTML5.

javascript development standards webstandards webdev html html5 reference
may 2010 by Mr0grog

copy to mine

Mozilla CSS Extensions - MDC

Official MDC page on CSS extensions in Gecko/Mozilla platform.

css standards webstandards webdev reference mozilla firefox development browser
may 2010 by Mr0grog

copy to mine

Webkit CSS Properties

Useful list of -webkit CSS extensions.

css standards webstandards webdev development browser webkit safari iphone webdesign reference
may 2010 by Mr0grog

copy to mine

mechanize

Stateful HTTP library for Python. Looks super useful for filling out forms or moving through pages in series. Could probably do a lot of things Selenium is used for, too (except testing JS interactions).

python http library programming development testing webdev
april 2010 by Mr0grog

copy to mine

Labs/Weave/Identity/Account Manager/Spec/Latest - MozillaWiki

New spec (in active development) around informing the browser itself about login/registration abilities of a website and letting the browser handler the auth. Pretty interesting.

browser firefox mozilla webdev identity standards
april 2010 by Mr0grog

copy to mine

Web Designer's Checklist, Web Designers' Browser Support Checklist : FindMeByIP : what browser am I using, how modern is my web browser, and what's my IP address?

Similar to whencaniuse