15 February 2012
Lazy Load Plugin for jQuery
by rvuong & 9 others
Lazy Load is a jQuery plugin written in JavaScript. It delays loading of images in long web pages. Images outside of viewport (visible part of web page) wont be loaded before user scrolls to them. This is opposite of image preloading.
Using Lazy Load on long web pages containing many large images makes the page load faster. Browser will be in ready state after loading visible images. In some cases it can also help to reduce server load.
Lazy Load Plugin for jQuery
by srcmax & 9 others
Lazy Load is a jQuery plugin written in JavaScript. It delays loading of images in long web pages. Images outside of viewport (visible part of web page) wont be loaded before user scrolls to them. This is opposite of image preloading.
Using Lazy Load on long web pages containing many large images makes the page load faster. Browser will be in ready state after loading visible images. In some cases it can also help to reduce server load.
Danger Cove, HTML5 Web Notifications
semantics collapse. s/for chrome/for browser/HTML5 Web Notifications. Basically Growl for Chrome.
13 February 2012
CALL FOR ACTION: THE OPEN WEB NEEDS YOU *NOW* - <Glazblog/>
by sylvainulg (via)
I am asking [...] Web Users community to stop recommending web sites that require *one single browser* while they could be open to multiple ones.
I am asking the Web Authors community to update their online services to *support the other browsers* if these other browsers offer a level of CSS support they did not offer in the past.
CSS3 Click Chart | CSS3 Browser Support and Information
by 84GHz
live testen, was der Browser so alles (nicht) kann und gleich den Code abgreifen…
How to Approach a Responsive Design | Upstatement
by sbrothier & 2 others
So I’ve got a confession to make: When we started working on the new Boston Globe website, we had never designed a responsive site before.
This shouldn’t come as some huge shock. I mean, raise your hand if you’d built a full responsive site back in November 2010. (You can put your hand down now, Mr. Marcotte, that was rhetorical.) Since so few had done it — and certainly not on this scale — we kind’ve made things up as we went along. In fact, the entire Boston Globe team worked in a laboratory environment.1
Here at Upstatement, we experimented with how to solve design and layout problems within a responsive framework. We learned a helluva lot as we went, like how to choose the right design software, strategies for thinking through breakpoints, and some best practices for designing in the browser.
Ready? Good. Cos here we go …
How to Approach a Responsive Design | Upstatement
by srcmax & 2 others
Here at Upstatement, we experimented with how to solve design and layout problems within a responsive framework. We learned a helluva lot as we went, like how to choose the right design software, strategies for thinking through breakpoints, and some best practices for designing in the browser.
How to Approach a Responsive Design | Upstatement
by Spone & 2 others
Here at Upstatement, we experimented with how to solve design and layout problems within a responsive framework. We learned a helluva lot as we went, like how to choose the right design software, strategies for thinking through breakpoints, and some best practices for designing in the browser.
11 February 2012
09 February 2012
08 February 2012
Sony KDL-26EX320 (Bravia 2011) Demo of menu and EPG - YouTube
The built in browser is based on Opera and does NOT support online videos as it has NO Adobe Flash support.
A better way to use icon fonts — yatil. Eric Eggert about web development & design.
by Spone
There are some browser and screen reader combinations that treat CSS not only as a presentational thing, but apply meaning according to the used properties. For example some won’t read a list if you use list-style: none; in your CSS. This assumes that the meaning of your HTML is overwritten by the visual style: If it doesn’t look like a dumb bullet list, it must be no list at all. I’m not sure I conclude with that assumption, but that isn’t the main point of the article here.
01 February 2012
Comparison of browser synchronizers - Wikipedia, the free encyclopedia
by holyver (via)
The following tables compare general and technical information for a number of browser synchronizers
31 January 2012
JavaScript pattern and antipattern collection
by Spone & 1 other
A JavaScript pattern and antipattern code collection that covers function patterns, jQuery patterns, design patterns, general patterns, literals and constructor patterns, object creation patterns, code reuse patterns (upcoming), DOM and browser patterns (upcoming).
29 January 2012
Wikipedia Map Interface
The dynamic map is completely created in your browser. This has the advantage that the map is interactive, you can zoom into it, change colors, and see for every point what article it is and link to it. But it has the major disadvantage that it requires some heavy resources. This link may crash your browser. Use a reasonably fast machine, a current version of Chrome, and be patient while loading the data — your browser is loading more than 50 MB of data and processing it via JavaScript into an HTML5 Canvas.
25 January 2012
HTML5 Please
by emmanuelc & 7 others
HTML5 HTML5 Logo Please
Use the new and shiny responsibly.
Look up HTML5, CSS3, etc features, know if they are ready for use, and if so find out how you should use them – with polyfills, fallbacks or as they are. tell me more
When Can I Use tells you the browser support story, while Modernizr gives you the power of feature detection. HTML5 Please helps you out with recommendations for polyfills and implementation so you can decide if and how to put each of these features to use.
The recommendations below represent the collective knowledge of developers who have been deep in the HTML5 trenches. We hope they serve you well.
Read Divya's backstory about this site if you like.
23 January 2012
Mac OS X Lion with CSS3
by 84GHz (via)
Fake-OSX im Browser mit CSS3
Demo:
http://www.alessioatzeni.com/mac-osx-lion-css3/
18 January 2012
13 January 2012
Home | Design in the browser with web fonts and real content — Typecast
by gregg & 1 other
Design with web fonts, in the browser
Home | Design in the browser with web fonts and real content — Typecast
by sbrothier & 1 other
The web’s most beautiful typefaces
Try typefaces from the web’s best known web font services.
Design with real content
Kiss goodbye to Lorum Ipsum. Get real web content in place, fast.
Create HTML & CSS in the browser
Quickly get to a working, standards-compliant prototype.
12 January 2012
10 January 2012
The Emperor's New Client
It's funny how you don't hear so much about service mashups these days, despite their undeniable coolness. I'll assert that it's because developing for Web data in the browser is bloody hard work, especially when there are NxN arbitrary API mappings to know.
