Velocity New York: Ticket Giveaway
A few months back, O'Reilly gave me two free tickets to give away for Velocity Conference in Santa Clara. The chosen two reported back to me that the conference was incredible, as did a Mozilla colleague that quickly came back and implemented a bunch of speed updates for the Mozilla Marketplace. Well, you're all in luck -- O'Reilly has given me four (!) tickets to give away over the weeks leading up to the next Velocity Conference in New York from September 15-17.
You know the deal -- I can't just, you know, give you a ticket for a lame comment. In the interest of teaching something through this giveaway, I'd like you to post a link to an article you've read recently that taught you something brilliant for the front end. CSS, JavaScript, HTML5, WebGL, Canvas, whatever -- share a link to an article that others will learn from.
If you don't want to risk not winning and simply want to save some cash on the conference, click here and use promo code AFF20. Good luck!
As always, remember to provide a real email address in case you're the lucky winner.
![6 Things You Didn’t Know About Firefox OS]()
Firefox OS is all over the tech news and for good reason: Mozilla's finally given web developers the platform that they need to create apps the way they've been creating them for years -- with CSS, HTML, and JavaScript. Firefox OS has been rapidly improving...
![CSS 3D Folding Animation]()
Google Plus provides loads of inspiration for front-end developers, especially when it comes to the CSS and JavaScript wonders they create. Last year I duplicated their incredible PhotoStack effect with both MooTools and pure CSS; this time I'm going to duplicate...
![Create Snook-Style Navigation Using MooTools]()
Jonathan Snook debuted a great tutorial last September detailing how you can use an image and a few jQuery techniques to create a slick mouseover effect. I revisited his article and ported its two most impressive effects to MooTools.
The Images
These are the same...
![MooTools CountDown Plugin]()
There are numerous websites around the internet, RapidShare for example, that make you wait an allotted amount of time before presenting you with your reward. Using MooTools, I've created a CountDown plugin that allows you to easily implement a similar system.
The MooTools JavaScript
The CountDown class...
Casually, I readed this article about the myth that responsive web design is the silve bullet for web design. Very interesting.
http://www.smashingmagazine.com/2014/07/22/responsive-web-design-should-not-be-your-only-mobile-strategy/
Hope you like it.
Showing off a tool to measure your frontend performance using grunt and phantomas.
http://4waisenkinder.de/blog/2013/12/22/how-to-measure-frontend-performance-with-phantomas-and-grunt/
I watched this Google I/O video and I was amazed at the declarative nature that services can be used in the future with Custom Elements. So much so that I’m using Polymer in an admin interface right now and will be shipping in an app here in the near future as well. Here is the video, https://www.youtube.com/watch?v=eORqFaf_QzM.
This is a pretty old article, but I needed a parallax effect, but I did not want to load an entire library, so, this helped me
http://code.tutsplus.com/tutorials/a-simple-parallax-scrolling-technique–net-27641
This one is great because this is a conversation I keep having with the decision makers at my company.
The Principles of Adaptive Design by Brad Frost.
http://bradfrostweb.com/blog/post/the-principles-of-adaptive-design/
A great article on responsive design and prioritizing mobile load time in addition to making sure the page renders correctly.
http://www.smashingmagazine.com/2014/07/22/responsive-web-design-should-not-be-your-only-mobile-strategy/
I’ve been into AngularJS for a while now, I came across an article on year of moo on Angular animations. It’s a little older but a super awesome in-depth look at doing animations specifically with Angular. Kind of blew my mind with the possibilities.
http://www.yearofmoo.com/2013/08/remastered-animation-in-angularjs-1-2.html
And this one that just came out the other day is along the same lines, but more of a one-off guide to nested animations in Angular.
http://thewaterbear.com/nested-animations-in-angularjs-using-ui-router
I read this article from Luke Wroblewski recently explaining some of the downsides of dropdowns and found it to be pretty interesting and informative.
https://storify.com/lukew/drop-downs-are-the-ui-of-last-resort
Not exactly front-end but still very interesting http://www.stevesouders.com/blog/2014/06/08/http-archive-new-stuff/
Intro to reactive programming
gist.github.com/staltz/868e7e9bc2a7b8c1f754
I love CSS and the web, but I keep seeing articles about how the web is going to be doomed by native apps. This article gives hope to the web and suggests ways in which the web can compete in terms of functionality with native apps. From the CSS man himself: http://alistapart.com/blog/post/ten-css-one-liners-to-replace-native-apps
The best article you’ll see all day :)
Myth Busting: CSS Animations vs JavaScript
http://css-tricks.com/myth-busting-css-animations-vs-javascript/
https://hacks.mozilla.org/2014/08/using-mozjpeg-to-create-efficient-jpegs/
If Steve likes it, it’s a good article in terms of performance.
https://twitter.com/souders/status/497058800277274624
B
Talking about flux architecture since it is such a hot topic right now.
https://writehub.io/people/simen/pages/public/53916823685e820001000073
How to generate code coverage reports for your AngularJS tests:
http://blog.sergiocruz.me/angularjs-how-to-generate-code-coverage-for-yeoman-scaffolded-apps/
Great article to get started with SVG – http://sarasoueidan.com/blog/svg-coordinate-systems/
The future building blocks of UI in the browser:
http://webcomponents.org