Bisous les copains — Weekly Animated Gifs by Guillaume Kurkdjian

Voila Capture48

Check out Guillaume Kurkdjian’s beautifully hand-crafted animated Gifs full of life and humor.

Hat tip: @hellohynes.

 

ThreeJS playGnd — A sandbox for learning WebGL

threeJS playGrnd

If you’ve always wanted to learn three.js, now is the time. Three.js playGnd lets you learn by playing with examples and live manipulation of settings. Check out the video for an overview.

 

Learning Regex

Regex, Regexp or Regular expressions are a special syntax used in programming to search for patterns in a text. They are often used to validate form input, or for intelligent search and replace. The Regex markup looks very complicated as it is often a long string of characters.

(\d{5}([\-]\d{4})?)
This Regex pattern validates the US-postal code format

Regex itself follows a very logical pattern and can be very powerful and much easier than other attempts at parsing text. Whether you need simple format conversion (US to European numbers, “–” to “—”), email address validation in web forms, or validate if the password your users create matches your required format, Regex can be of help.

Learn:

Watch Lea Verou’s Talk

The internet is full of resources for learning this wizardry. A good starting point is Lea Verou’s celebrated presentation at O’Reilly’s Fluent Conference 2012: /Reg(exp){2}lained/: Demystifying Regular Expressions

Try it out at Regexplained

She also created Regexplained, a nifty tool to help you learn.

Learn it step by step at RegexOne

Regex One

RegexOne is a short little course that helps you earn Regex with simple, interactive examples and a comprehensive list of exercises.

Reference

HTML5 Pattern

Don’t reinvent the wheel. Learn from and build on existing patterns at html5pattern.com. 

HTML5 Pattern

Mozilla Developer Network – Regex Reference

The group at mozilla has put together a Regex reference that will come in handy, especially if you work with JavaScript.

Apps

Oyster ($4.99)

Oyster

Oyster calls itself an IDE for Regex. It serves as a reference, a development environment as well as a library for your Regex patterns. It also allows you to export your patterns for a large number of programming languages. (Unfortunately Regex has been implemented slightly different across languages). You can get Oyster on the Mac App Store. 

Reggie (Free)

Reggy

Reggie is an open-source Regex tester/viewer.

 

Too complicated?

Try VerbalExpressions by Jehna. VerbalExpressions create RegEx using natural language in JavaScript.

 

Have you used Regex?

What was your experience? How did you learn it? Do you find it useful?

 

Emmet LiveStyle — Syncing up Chrome Developer Tools and Sublime Text

Emmet LiveStyle

This feels like a big break-through. Emmet LiveStyle updates the CSS you are working on live in the browser, without the need to save. This includes SCSS. As if this wasn’t nice enough, this also goes the other way. Styles changed in Chrome’s Developer Tools will be updated in Sublime Text. Check out Emmet LiveStyle for live bi-directional CSS editing here.

 

Concentrate – an rdio playlist that helps you focus

concentrate

Concentrate is a playlist for getting work done, curated by the fantastic Trent Walton.