Featured Article : Best of JavaScript, HTML & CSS - Week of May 13, 2013
A busy week of tutorials this week, with the majority focusing on straight HTML, CSS and JavaScript (i.e. no frameworks). This week was also Google I/O where they announced a new web/UI framework called Polymer that is currently available as a pre-alpha. Also, please be sure to check out the three new articles on Flippin' Awesome this week covering topics in CSS, LESS, Sass and JavaScript.
Continue Reading →Latest Articles :
Best of JavaScript, HTML & CSS - Week of May 6, 2013
While there were a lot of great tutorials and new projects, as expected, this week, only one new project has the ability to thoroughly transform a common interaction with the browser and web pages. This project, of course, is fartscroll.js by the Onion. Enoy!
Continue Reading →Best of JavaScript, HTML & CSS - Week of April 29, 2013
As usual, a number of great posts this past week with no particularly discernible trend. Hopefully everyone attending Adobe MAX, which kicks off today, is having a great time. I am wishing I were there (this is my first time missing since joining Adobe).
Continue Reading →Build Your First Mobile App with PhoneGap Build
As many of you know, I recently launched a new web site for articles and tutorials covering web and mobile development called Flippin' Awesome. One of the features I've been releasing over the last month was a detailed 7 part series I wrote covering how to build a mobile app using jQuery Mobile and PhoneGap Build. This was based on a workshop I gave at Web Unleashed last year and walks through in detail every step of the process. It only assumes you have some web development experience and does not require any prior experience building mobile apps or using PhoneGap.
If you are looking for a way to get started, please check it out. All seven parts are listed below.
Create Your First Mobile App with PhoneGap Build
- Setup
- Using PhoneGap Build
- Connecting to an API
- Adding jQuery Mobile
- Adding Pages with jQuery Mobile
- Using the Storage API
- Using the Nofication API
Continue Reading →
Designing responsively from the ground up with Edge Reflow
A few weeks ago, my latest Adobe Inspire article was published. It follows up an intro to responsive web design article I wrote for the prior issue. In this case, it imagines I were to redesign this web site using Edge Reflow (currently available as a preview via the free Creative Cloud subscription) to make the design responsive. Obviously, the current version is not at all responsive (laughably unresponsive even). However, if I were to take my initial assets from Photoshop to build a layout in Edge Reflow, I could then hand that to my web developer (still me in this scenario) who could interactively see how it should look and behave in various widths and use the CSS and other design hints inside Reflow to guide his development of the HTML and CSS for the actual site. It's a bit of a new workflow from what many teams are accustomed to right now, where they may hand off a series of PSD's that staticly illustrate how various screen sizes should look (I know because I received a ton of questions along these lines when I have presented it both to the HTML5 Developers Conference and the Adobe Community's Tech Wednesday). In this case, the designer and developer are, in essence, "speaking the same language." Hope you enjoy the article.
Continue Reading →