Just a quick note to announce the second part of my IndexedDB series has been released at NetTuts: Working with IndexedDB - Part 2. You can (and should) read the first part here. I had hoped to finish the series with just two parts, but I really felt like it made sense to break it up into three. IndexedDB is a fairly complex topic and I'm trying my best to make it simpler to understand. Definitely let me know what you think!
So, I promise, this is the last Behance API demo this week. I don't know why this has been on my mind so much, but, screw it, when inspiration strikes I just go along with it. For today's demo I'm going to show something a bit different - search by color.
While it isn't terribly obvious on the web site, cfObjective 2014 has opened their call for speakers. If you want to speak at what is easily one of the best web conferences out there, you have from now till November 1st to get your submissions in. Here are the details: Call for Speakers
Here are the sessions I've proposed:
- Using Web Components
- Moving to Production
If you want to actually see me speak on these topics, be sure to give me a vote, as well as the other topics you think are cool!
Today we officially launched PhoneGap 3.0 support for PhoneGap Build. You can read the blog post on it here: PhoneGap 3.0 Now Supported in PhoneGap Build Before you get started, there are a few things I want to call out.
Edit on 12/6/2013: I forgot to update this post based on a bug from my earlier post. I used a for loop when forEach should have been used. I corrected this in the final code sample.
A few weeks back I wrote a blog post about adding image previews for multi-file upload controls. I didn't mention it at the time but I had an ulterior motive. A reader wrote to me a few weeks before with an interesting question.
Many months ago I participated in a tour where we showcased some of our initiatives to help make the web a better place. This involved our efforts with web standards as well as our Edge suite of tools.
These tools have come a long way since their initial release and I thought it would be great to give people an update on some of these tools and demonstrate how far they've come. If you've never tried them, then this will be an excellent way to check them out. If you have tried them before, then this is a chance to see where they are now.
On Friday October 11th at 12PM CST, I'll be hosting a Google Hangout focused on Edge Animate, Edge Reflow, Edge Code/Brackets, and Edge Inspect. I'll be joined by fellow evangelists Paul Trani and Serge Jespers.
To be clear, this is absolutely free and online only. All you need is a browser and some free time. The session will last for two hours with thirty minutes dedicated to each tool. If you have any questions, just comment below, and as I normally do with these online sessions, I'd love to get a basic idea of who is going to show up, so if you think you can, leave me a RSVP below!
I'm very happy to announce that the jQuery Mobile book that I wrote with Andy Matthews has now been updated to the second edition. It covers jQuery Mobile 1.3.2 (we couldn't wait for 1.4 unfortunately) and includes new UI features like panels and responsive tables.
You can order the book from Packt right now here: Packt
Another option is via the Amazon link below. I get a small kickback when you do and a kitten smiles. Amazon is showing the book as being unavailable till the end of October, but it really should just be a few more days.
I am proud of this book as I think it really helps explain jQuery Mobile in a simple, easy to approach manner. I hope you like it too.
Today our web platform team released a very cool article on CSS Regions and Edge Reflow. CSS Regions, if you don't know, is a specification that Adobe and others have been working on now for nearly two years. Even better, iOS7 landed support for this last week when it was released.
While I encourage you to actually read the spec (seriously, reading specs may not be exciting, but the level of detail is incredible), I'll do my best to explain the feature here. In a nutshell, CSS regions allow you to define how text should flow within a "region". You can think of a region as columns in a newspaper that flow naturally around pictures.
As I said above, regions have landed in iOS7, and they are available now via a flag in Chrome. You can see more detailed information about the support level at the CanIUse page:
Both Edge Reflow and Edge Code now have support for CSS Regions. In order to see this in Edge Reflow, be sure you update first (duh), but then check the View menu for "Shiny Web Features":
You can read more about Edge Reflow's update here: Shiny Web Features.
I also strongly recommend you check out Terry Ryan's article: Reflow Gets Support for Regions. His screen shots are particularly good I think at illustrating the feature. I also like Alan Greenblatt's excellent article on it: Cross-Browser Responsive Content with CSS Regions.
As a reminder - you can download Edge Reflow for free when you sign up at the free level of the Creative Cloud. If you have any questions about Reflow, or Regions, just let me know!
NCDevCon is over and once again it was an incredible conference. What makes NCDevCon especially good is that all of the presentations are recorded and available to anyone to see. Here are my videos as well as some others I thought were good.
I don't typically post simple links anymore but as this has a rather tight schedule and may not make it before my next podcast, I wanted to share it right away. I had the pleasure of seeing Rachel Nabors speak on CSS Animations a few months back. While animation is not really something I'm good at, I was blown away by how far CSS had come in terms of interactivity.
Rachel is hosting a one day workshop on October 4th. This will be available both to people local to the event as well as online. It is a full day and covers CSS (obviously), HTML5 Audio, performance, and more.
To find out more, and to book your ticket, follow this link. I've copied her course outline below the link, but obviously it may change so check the site for the most up to date information: Creating Animated Scenes (with CSS3 and HTML5) Workshop
Part 1: Transitions
- Anatomy of a Transition
- Shorthand and Transitioning Multiple Properties
- Focus on Timing Functions
- Focus on Play State
- Focus on Staging
- Showing and Hiding
- Scene Transitions: Iris Wipes, Fading to Black
- Browser Support
Part 2: Animations
- Anatomy of an Animation
- Advanced Anatomy of the animation Property
- Anatomy of a @keyframes block
- Multiple animations
- The steps() timing function
- The walk cycle
- Making a walk cycle with steps()
- Transitioning between a walk and a run cycle
- Using cutouts to save page weight
- Parallax Backgrounds
- Making a parallax background
- Parallax in Web Design
- Interactive Parallax with Skrollr
- Browser Support
- When to Use CSS Transitions vs. Animations
Part 3: HTML5 Audio
- Anatomy of an Audio Tag
- Attributes and Sources of an Audio Tag
- Making an audio element
- Gapless audio sprites with Seamlessloop.js
- Focus on Play State II: Sensing Audio Readiness
- Browser SupportPart 4: The Web Audio API
- Anatomy of the Web Audio API
- The Audio Context
- Inputs and Audio Buffers
- Doing Stuff with Audio Nodes
- Outputting to Speakers
- Manipulating a Loop
- Focus on Synching Music with Animation
- When to Use HTML5 Audio vs. Web Audio API
Part 5: Performance
- Frames Per Second
- Chrome's FPS Counter
- Hardware Acceleration
- Paint Rectangles
- Investigating with Timeline
- Part 6: Sass Animation Studio
- Intro to Sass and Compass
- Using the Sass Animation Studio Extension
- Part 7: Where to go from here
- People to Follow
- Keeping in Touch