A free, once–weekly round-up of HTML5 and browser technology news and links. CSS 3, Canvas, WebSockets, WebGL, Native Client, and more.
Another nice newsletter about HTML5 that I subscribe to.
Update: Recently renamed to ‘Frontend Focus’, which I appreciate them dropping the overused ‘HTML5’ moniker.
What is Jetstrap?
Jetstrap is a 100% web-based interface building tool for Twitter Bootstrap. No software to download, just log in and build. Your work is accessible from anywhere.
Object Oriented Cascading Style Sheets, or just OOCSS, was coined by Nicole Sullivan. Nicole, on her blog:
Object Oriented CSS allows you to write fast, maintainable, standards-based front end code. It adds much needed predictability to CSS so that even beginners can participate in writing beautiful websites.
Sounds like a sane way to manage, and think about your CSS, IMHO.
From Addy Osmani, Tweeting, originally.
Telemetry is the performance testing framework used by Chrome. It allows you to perform arbitrary actions on a set of web pages (or any android application!) and report metrics about it.
From Intuit.css’s homepage, created by Harry Roberts of CSSWizardry, a nominee for .net’s Young Developer of the Year award:
inuit.css – a powerful, scalable, Sass-based, BEM, OOCSS framework.
Often you hear the question asked by newbies, “What JS framework should I learn?” There are so many JavaScript frameworks out there, it’s hard to decide which one to choose for your next project.
Might I suggest you try Vanilla JS before these other frameworks?
From the homepage of Vanilla JS:
Vanilla JS is a fast, lightweight, cross-platform framework for building incredible, powerful JavaScript applications.
I recently tried this new JavaScript framework out, and I have to say, it is pretty awesome. Also, if you read this post, and thought I was suggesting another JavaScript framework to try, read it again, carefully.
Hint: For the newbies, or those unable to detect sarcasm: Learn the language before you dive into frameworks. Bravo to Eric Wastl for creating the term, and creating awareness.
The web, and native apps debate rages. But can’t we all just get along?
From the 37signals blog:
Some of my favorite feedback on Basecamp for iPhone has been that the app feels wicked fast, and all native. The app actually is a mix of web and native UI, but it’s difficult to see where the line is drawn. The majority of the content shown in the app is web: From the login screen, to posting a message, and even uploading photos on a comment, that’s all done using UIWebView.
I like their balanced approach. We are in a huge transition period (aren’t we always?), with the web trying to catch up with native applications on mobile. With 37signals’ app, here’s where the line is:
Where’s the line?
The line between native and web inside of the app is kind of blurry, but there’s a simple rule I’ve used: All content inside of projects are rendered by web views, and everything else is native.
An interesting approach, and a good read if you’re a frontend engineer thinking about mobile web vs. native mobile apps. I feel like Gmails native iPhone app, is a hybrid as well. A lot of companies are going with these hybrid approaches.
From the Twitter Engineering Blog:
Twitter typeahead.js is a fast and battle-tested jQuery plugin for auto completion. Today we’re open sourcing the code on GitHub under the MIT license. By sharing a piece of our infrastructure with the open source community, we hope to evolve typeahead.js further with community input.
When I first saw this, I thought, “What about Twitter Bootstrap’s auto completion jQuery plugin? How do they compare?”
In the readme, it talks about Bootstrap Integration:
- If you’re customizing Bootstrap, exclude the typeahead component. If you’re depending on the standard bootstrap.js, ensure typeahead.js is loaded after it.
- The DOM structure of the dropdown menu used by typeahead.js differs from the DOM structure of the Bootstrap dropdown menu. You’ll need to load some additional CSS in order to get the typeahead.js dropdown menu to fit the default Bootstrap theme.