This example shows the power of the History API when combined with infinite scroll. Fluid user experience and hard linking all in one. Scroll down, click a link & press the back button, refresh the page — it all just works (well, mostly — still needs some polish).
A collection of resources about the various aspects of responsive web design.
Compatibility tables for support of HTML5, CSS3, SVG and more in desktop and mobile browsers.
This document contains guidelines for web applications built by the Creative Technology (front end engineering) practice of Isobar US. It is to be readily available to anyone who wishes to check the iterative progress of our best practices. If you have any feedback, please leave a comment on the announcement blog post.
This document's primary motivation is two- fold: 1) code consistency and 2) best practices. By maintaining consistency in coding styles and conventions, we can ease the burden of legacy code maintenance, and mitigate risk of breakage in the future. By adhering to best practices, we ensure optimized page loading, performance and maintainable code.
Over the past few weeks, we’ve produced a host of new educational material for our new Learning Center.
The Learning Center is where we host graded tutorials, FAQs, webinars, and screencasts for all of our products. It is designed to complement the frameworks’ API documentation (where you’ll find the canonical guides to using each and every package, guide, and class), and is where we encourage community members to get involved with sharing their experiences.
The Center has an RSS feed for new entries, but we thought we could also give you a quick update on a few of the recent highlights.
First up is last week’s webinar: the Ext Designer 1.2 beta Overview. This is a great introduction to, and demo of, this new version. We record and publish all of our webinars, since we know not everyone can attend at the time: last month’s Theming Sencha Frameworks with Sass and Compass is also up on the site.
As well as videos, we’re creating dedicated curricula of screencasts for the Learning Center. Our most recent episode, from Drew Neil, covers working with Sencha Touch Forms and is an excellent introduction to data binding in an MVC pattern.
One of our most active community members, Jay Garcia, has been busy in the screencast studio. Check out his newest: a tour through Ext JS 4’s Docked Items.
If you’re a newsletter subscriber, you’ll get early access to many of our tutorials and articles. For instance, we’ve been running an epic series from Tommy Maintz on architecting Ext JS 4 MVC apps (and part two). These are now available for general access. And of course stay tuned for part three by signing up in the sidebar on the right or in the newsletter subscribe form at the bottom of our website.
One of the Learning Center’s most popular tutorials ever is ‘A Sencha Touch MVC application with PhoneGap‘. The popular library recently reached its v1.0, and to celebrate, we gave the article a big overhaul. It also now covers using XCode 4.x and Weinre.
Staying on the hybrid native/web topic, we’ve also been playing with NimbleKit, which provides a selection of interesting iOS APIs that can be used in Sencha Touch. Our two-part article on the topic demonstrates how to embed internet radio and camera integration into a simple web app. Very cool.
New Guides and Getting Started
For those exploring our new Sencha Touch Charts package, you’ll find three new guides on the SDK: the basics, interactions, and theming. Stay tuned for more dedicated tutorials on what we think is a truly unique mobile visualization package.
Or are you still just dipping your toes into Sencha Touch? For beginners and hackathon contestants alike, our new Quick Start guide should prove useful. We’ve also got a new Sencha.io Src guide, which takes you on a gentle, but comprehensive, tour of the cloud API’s syntax.
Finally, have you noticed the GitHub links on many of the tutorials and screencasts? We know how helpful it can be for you to get into a topic quickly without having to copy and paste endless fragments of code. Take a look at the working repos on our Sencha Learn GitHub account, fork ‘em, hack ‘em, go crazy.
That’s it for this month. As ever, let us know how you get on with the resources. And good luck on your Sencha adventures!
from Sencha Blog: http://www.sencha.com/blog/whats-new-in-sencha-learn/#date:20:00
LimeJS is a HTML5 game framework for building fast, native-experience games for all modern touch screens and desktop browsers.
- We shifted to using normalize.css instead of the bulldozer reset.css and base approach. This ends up being smaller, faster, and easier to develop with.
- IE6 users will now be prompted to install Chrome Frame by default. Its time. :)
- The build script continues to get massively improved: any css @imports get inlined into your file before it gets concatenated with other files and minified together, the application caches manifest is generated automatically for you if you want to take your app offline, also this whole build process is way faster now.
- Build script also has optional tasks for CSSLint, JSHint, splitting your CSS into modules, and more customizability.
- Added respond.js to allow true responsive development; use media queries with full cross-browser support now!
- PNGFix, Handheld.css removed along with lots of other smart removals. The full h5bp payload is now smaller and faster than ever.