Making an iPad HTML5 App & making it really fast. June 4th, 2010 About a month ago or so, Amy and I release a little (literally, it’s about 5k) HTML5 iPad App for looking up time zones. I don’t mean select-box wasteland like all other time zone sites (who likes select boxes anyway?!) , I mean a nicely polished, touch-enabled UI that works offline, too. The site uses no images (‘cept for the ad), no JavaScript framworks, and no external CSS, and fits quite comfortably in a few k’s of gzipped HTML.
First visit the site on your iPad (desktop browsers work, too!) , and play around with it a bit. Our first attempt ran really great on the Apple-supplied SDK iPad Simulator. And here’s what we did: 1. At first, we used a quite complex -webkit-gradient for the gradients in the “day bars” for the various cities. We replaced those bars with a big canvas element that sits in the background, and we redraw only those portions of the screen that undergoes changes (the different highlighting when you drag around the green bar). 2. 3. 4. 5. 6. 7. Beta) | Javascript | What is Javascript. HTML, CSS, and Javascript from the Ground Up - Google Code University - Google Code.
The Big List of JavaScript, CSS, and HTML Development Tools, Libraries, Projects, and Books. I’ve been meaning to do a roll-up of top JavaScript, CSS & HTML development tools that I use or have been recommended to me and after having lunch with my bud Brian Wilpon today, I realized I just needed to do it. He asked me what some of the newer tools are and I think this is the best way to help him (and the community in general). It’s definitely not an all-inclusive list so if you see some that you feel I should add or remove, let me know in the comments.
Here they are by category: Sites and Lists to Learn FromDebugging Tools That Make Life MUCH EasierCSS EditorsCSS FrameworksCSS ResetsJavaScript LibrariesJavaScript MinifiersJavaScript ShellsColor ManagementEditors and IDEsWireframingBrowser TestingTestingDocumentationServer-Side JavaScriptBooks – JavaScript/DOMBooks – JavaScript LibrariesBooks – HTML & CSSBooks – PerformancePodcasts & VideosConferencesBlogs Sites and Lists to Learn From: Debugging Tools That Make Life MUCH Easier: CSS Editors: I prefer to write my CSS code by hand.
A re-introduction to JavaScript - MDC Docs. Why a re-introduction? Because JavaScript is notorious for being the world's most misunderstood programming language. It is often derided as being a toy, but beneath its layer of deceptive simplicity, powerful language features await. JavaScript is now used by an incredible number of high-profile applications, showing that deeper knowledge of this technology is an important skill for any web or mobile developer. It's useful to start with an overview of the language's history. Several months later, Microsoft released JScript with Internet Explorer 3. Because it is more familiar, we will refer to ECMAScript as "JavaScript" from this point on.
Unlike most programming languages, the JavaScript language has no concept of input or output. Overview JavaScript is a multi-paradigm, dynamic language with types and operators, standard built-in objects, and methods. Let's start off by looking at the building blocks of any language: the types. And there are some built-in Error types as well. Numbers. Javascript: 101 | p2pu. OnClick="javascript: function('value');" or onClick="function('value');"? [Archive] Javascript101 • View topic - Useful Links.
Web Design/JavaScript Challenges. Are you ready for the Javascript challenges? These challenges aim to build your Javascript skills with practical activities that can be immediately useful for your own websites! Please make sure you are familiar with the window and document objects in Javascript before taking on these challenges (see the activities Getting to know Javascript events and Getting to know the Document Object Model with Javascript.) Challenge 1: Peekaboo Elements[edit] Paste the following code into a new HTML document and view it in your browser. <! The aim of this challenge is to only display the email paragraph when the checkbox is checked, but we'll break that down into smaller tasks! Step 1: Hiding the email fields by default Add some plain old CSS style so that the "emailpara" paragraph isn't displayed when the page first loads (using the CSS 'display' property). Step 2: Adding a function template Add an event so that when the checkbox is clicked your function is called and test that it works!
Not bad! Mozilla Firefox. Welcoming all the 170 + participants who have been accepted in this course. Everyone who applied and completed both parts of the sign-up task have been accepted. To all the participants who were not accepted, the entire content of this course is being made available online, and you are very welcome to follow along. Please continue reading for course details. Course Philosophy: I am very inspired by the concept of Massive Open Online Courses (MOOC). A teacher is also a student who is further ahead on the road. The facilitators of this course, Ozzie and myself (Parag) are also students of Javascript who are perhaps a few miles ahead on the road. Teaching is the best way of learning something.
Course Facilitators: Ozzie, and myself (Parag) are the facilitators of this course. Course Duration and schedule: This course will last for 6 weeks, beginning from 26th January 2011, and ending on 8th March, 2011. Learning Process: Besides this, P2PU has a chat facility which will also be used.