recentpopularlog in

garrettc : html5   89

« earlier  
The practical value of semantic HTML
"If the importance of good HTML isn’t well-understood by the newer breed of JavaScript developers, then it’s my job as a DOWF (Dull Old Web Fart) to explain it."
accessibility  html  html5  semantic  webdevelopment  worldwideweb 
10 weeks ago by garrettc
I'm always forgetting the URL of this.
css3  funny  html5  humour  handbag 
february 2018 by garrettc
What Web Can Do
An overview of the device integration HTML5 APIs.
browser  html5  javascript  mobile  worldwideweb  api  technology 
november 2017 by garrettc
Babylon.js demos & documentation
A complete JavaScript framework for building 3D games with HTML5, WebGL, WebVR and Web Audio
javascript  3d  html5  webvr  webgl  webaudio  audio  vr  programming  library  framework 
july 2017 by garrettc
CreateJS | A suite of JavaScript libraries and tools designed for working with HTML5
CreateJS is a JavaScript suite for developers looking to control the true power of HTML5's canvas element.
javascript  animation  audio  canvas  html5  webdevelopment  programming 
december 2016 by garrettc
Fixed Scrolling Disappearing Banner
I recently saw a very interesting visual effect that I can only describe in a series of antonyms: a fixed, scrolling, disappearing banner. This article details my recreation and explanation of the effect.
css  css3  html  html5  scrolling  webdesign  inspiration 
november 2016 by garrettc
Learn to Code HTML & CSS
"Learn to Code HTML & CSS has one goal — to teach people how to build beautiful and intuitive websites by way of clear and organized lessons. The guide covers a variety of web design and development topics, ranging from beginner to advanced skill levels."
book  webdesign  webdevelopment  html5  css3  education  learning 
november 2016 by garrettc
"A free tutorial to learn HTML and CSS. It's short (just as long as a 50 page book), simple (for everyone: beginners, designers, developers), and free (as in 'free beer' and 'free speech'). It consists of 50 lessons across 4 chapters, covering the Web, HTML5, CSS3, and Sass."
book  webdesign  webdevelopment  html5  css3  sass  education  learning 
november 2016 by garrettc
Building in 10k: Markup for Accessibility, Clarity, and Affordance – On the Edge – Medium
In the previous post in this series, I talked a lot about how the 10k Apart contest site began to materialize in terms of structure and…
webdevelopment  webdesign  html5  semantics  accessibility  bestpractice 
october 2016 by garrettc
Introduction to Service Worker
Service Worker will revolutionize the way we build for the web. Learn about what it is, why it is important and how to use it.
html5  javascript  offline  serviceworker  webdevelopment 
june 2016 by garrettc
Ocus Puzzle
Great free web puzzle game. Connect all pieces together. Completely different type of jigsaw puzzle!
game  puzzle  html5 
march 2016 by garrettc
Caniuse for the command line
"Just what you've always wanted, it's a caniuse command line tool! All the power of with none of the nice UI or interactivity!"
caniuse  webdevelopment  browser  css  html  html5  css3 
june 2015 by garrettc
Form Follows Function
FFF is a collection of interactive experiences. Each experience has its own unique design and functionality.
animation  art  css  html5  inspiration  webdesign  webdevelopment 
april 2015 by garrettc
A peer-to-peer file sharing app powered by HTML5 WebRTC.
html5  file  webrtc  sharing  technology  tools 
february 2015 by garrettc
Kiwi.js is a mobile first HTML5 and Javascript game engine supporting both Canvas and WebGL rendering.
javascript  framework  game  html5  ios  android  mobile 
february 2015 by garrettc
three.js - Javascript 3D library
A lightweight 3D library with a very low level of complexity. The library provides <canvas>, <svg>, CSS3D and WebGL renderers.
javascript  3d  html5  library  animation  webdevelopment  development 
october 2014 by garrettc
The Truth About Multiple H1 Tags in the HTML5 Era
'Whether you're a webmaster or a web designer, there's a question you've most likely either asked or answered many times over the years. That question is, "How many <h1> tags can I use per page, and how exactly should I implement them?"'
html  html5  webdevelopment  markup  outline  sectioning 
september 2014 by garrettc
Guacamole | HTML5 Clientless Remote Desktop
Guacamole is a clientless remote desktop gateway. It supports standard protocols like VNC and RDP.
desktop  html5  vnc  rdp  remotedesktop 
august 2014 by garrettc
Breach - A browser for the HTML5 era
Entirely written in Javascript. Free. Modular. Hackable.
browser  html5  javascript  opensource 
july 2014 by garrettc
Lightweight charting library.
chart  code  html5  javascript  visualisation  data  analytics 
june 2014 by garrettc
Open source vector graphics scripting framework that runs on top of HTML5 Canvas
canvas  graphics  vector  javascript  library  html5 
february 2014 by garrettc
HTML5 Events
Events and their interesting targets.
html  html5  events  programming  webdevelopment 
january 2014 by garrettc
Application Cache is a Douchebag
Lanyrd's Jake Archibald on LocalStorage and ApplicationCache, and the perils and pitfalls that await.
html5  localstorage  webdevelopment  offline  mobile  appcache 
may 2012 by garrettc
Webapp Field Guide
A guide providing an introduction to the skills and best practices you need to build modern web apps.
webdevelopment  webdesign  html5  webapp  bestpractice 
february 2012 by garrettc
Octopress - an HTML5 mobile-first Jekyll-based static site generator
webdevelopment  ruby  html5  generator 
september 2011 by garrettc
Taking your web sites and apps offline with the HTML5 appcache
In-depth article on using HTML5 caching for apps and sites so they can work offline. Includes the ManifestR bookmarklet which can generate a cache manifest for you.
webdevelopment  html5  caching  offline  webapp  appcache 
july 2011 by garrettc
open source vector graphics scripting framework using HTML5 Canvas.
animation  canvas  html5  javascript  library  vector  webdesign 
july 2011 by garrettc
When can I use... Support tables for HTML5, CSS3, etc
Compatibility tables for support of HTML5, CSS3, SVG and more.
browser  css3  html5  reference  technology 
june 2011 by garrettc
HTML5 for Large Public Bodies
A nice post/presentation by to explain HTML5 to management types.
html5  management  business  technology  webdevelopment  video 
june 2011 by garrettc
Laker - Designing digital publications in HTML5
A collections of files, frameworks, styles and tips for designing digital publications in HTML5
ebook  publishing  framework  html5  css3  ipad  ipod  tablet 
april 2011 by garrettc
320 and up
A responsive boilerplate that starts with tiny screen first to reduce loading of unneeded assets. Can be used in conjunction with HTML5Boilerplate
responsivedesign  css3  mediaqueries  webdesign  webdevelopment  html5 
april 2011 by garrettc
Head JS :: The only script in your HEAD
"Load scripts like images. Use HTML5 and CSS3 safely. Target CSS for different screens, paths, states and browsers. Make it the only script in your HEAD. A concise solution to universal issues."
html  html5  css  css3  javascript  webdevelopment  performance 
april 2011 by garrettc
Responsive Images: Experimenting with Context-Aware Image Sizing
Using some htaccess directives, a smattering of javascript, and the HTML5 data-fullsrc attribute.
responsivedesign  html  html5  webdesign  webdevelopment  javascript  apache  htaccess  images 
march 2011 by garrettc
New York Metro System as an instrument.
music  html5  inspiration  audio  nyc  design  sound  art  visualisation 
february 2011 by garrettc
WebKit Clock
HTML5 canvas, CSS3, JavaScript, Web Fonts, SVG and no image files.
clock  css3  html5  canvas  javascript  webkit  demonstration 
december 2010 by garrettc
Head JS
Wrapper script for loading page resources like other scripts in parallel instead of blocking.
javascript  html5  css3  performance  webdevelopment  plugin  api  optimisation 
december 2010 by garrettc
Aloha Editor
New wysiwyg editor using the HTML5 contenteditable attribute released under the AGPL. Making some big claims about performance.
html5  editor  javascript  html  opensource  webdevelopment 
november 2010 by garrettc
Close Pixelate · David DeSandro
Converts an image into a pixelated version using an HTML5 canvas element.
html5  canvas  javascript  image  art  pixelate  imagedata 
october 2010 by garrettc
evercookie - virtually irrevocable persistent cookies
An open source javascript API that produces extremely persistent cookies using standard cookies, LSOs, PNGs and others. There's a fine line between genius and evil.
cookies  javascript  browser  privacy  security  html5  webdevelopment 
september 2010 by garrettc
VexFlow - HTML5 Music Engraving
An open-source web-based music notation rendering API. Supports HTML5 Canvas and SVG.
music  html5  canvas  guitar  tablature  opensource  webdevelopment 
september 2010 by garrettc
Biolab Disaster
Pure HTML5 and JS game. No plugin required
html5  javascript  game  canvas  webdevelopment 
september 2010 by garrettc
Less Framework 2
A useful little CSS framework for responsive web layouts. Contains a two-column layout at 320 px,, a five-column layout at 768 px and an eight-column layout at 1280 px, for desktops and laptops.
css  framework  html5  css3  mobile  layout  webdesign  webdevelopment 
september 2010 by garrettc
HTML5 Reset
Suite of templates from Tim Murtaugh at Happy Cog to get your HTML5/CSS3 project up and running quickly. A slimmer alternative to HTML5 Boilerplate.
html5  css3  css  framework  webdesign  webdevelopment 
august 2010 by garrettc
How to make your web content look stunning on the iPhone 4’s new Retina display
Aral Balkan's overview of what's required to transition to hi-DPI screens.
iphone  css  css3  webdesign  html5  optimisation 
july 2010 by garrettc
WTF is HTML5, an infographic (and quite nice it is too): /via @dknights
html5  html  reference  inspiration  design  infographics  visualisation  information 
june 2010 by garrettc
A Form of Madness - Dive Into HTML5
New form features coming in HTML5, all of which you can use now with no ill effects in browsers that don't support them.
html5  forms  html  reference  webdevelopment 
may 2010 by garrettc
Snow Stack
Photo gallery using CSS3 effects. Live demo requires Webkit
css  webkit  3d  css3  html5  webdesign  photography  gallery 
may 2010 by garrettc
Safari created in HTML5
Well this is a bit of a mindmender. The Safari UI created in HTML5. Requires Webkit nightly.
safari  css3  browser  html5  webkit  inspiration 
may 2010 by garrettc
Our Solar System — An experiment with CSS3 border-radius, transforms & animations.
Requires Webkit or Chrome. Still trying to work out how the phases of the moon are done. Very clever
css3  animation  css  webdesign  html5  design  html  astronomy  solarsystem 
may 2010 by garrettc
The Web Socket standard from HTML5 attempts to simplify much of the complexity around bi-directional web communication and connection management.
html5  javascript  ajax  html  webdevelopment  network  comet 
may 2010 by garrettc
HTML5 presentation
Impressive presentation of HTML5 features written in HTML5.
html5  javascript  html  presentation  css  css3  demo  webdevelopment 
april 2010 by garrettc
Blowing up HTML5 video and mapping it into 3D space
Using the canvas and video tags in HTML5 to manipulate video. Very cool.
html5  video  canvas  3d  javascript  animation  web 
april 2010 by garrettc
Time Zones
Very nice visualisation of time zones.
time  conversion  travel  reference  html5  css3  visualisation  timezones 
april 2010 by garrettc
CannyBill redesign goes live
The story behind the CannyBill redesign. Really lovely site making full use of HTML5, CSS3 and copywriting by Relly Annett-Baker. A masterclass.
html5  css3  webdesign  webdevelopment  copywriting  toread 
march 2010 by garrettc
JS solution to enable the <video> tag to work in all browsers, falling back to a Flash player if it can't work.
html5  video  javascript  embed  flash 
march 2010 by garrettc
CSS/JS Clock
Nice World Clock implementation.
javascript  css  clock  css3  html5  inspiration 
march 2010 by garrettc
Plupload upload tool
From the developers of TinyMCE, a file uploader using HTML5 Gears, Silverlight, Flash, BrowserPlus or normal forms. Uses jQuery and a core API so you can build your own implementations.
jquery  javascript  html5  flash  forms  opensource  file  upload  tools 
february 2010 by garrettc
Demo of a new HTML5 based video player, no plugins required, custom controls, full screen mode and more. Very nice. In the works for the public release are Firefox support, IE support using fallback to Flash
html5  video  javascript  webdesign  webdevelopment 
february 2010 by garrettc
Times Skimmer by The New York Times
Alternate way of browsing NYT content. Good use of layout and @font-face
news  nytimes  design  interface  html5  css3  userinterface  inspiration 
december 2009 by garrettc
« earlier      
per page:    204080120160

Copy this bookmark:

to read