Profile

Cover photo
Jonathan Souied
46 followers|7,221 views
AboutPostsPhotosVideos

Stream

Jonathan Souied

Shared publicly  - 
 
 
Debugging async JavaScript just got a whole lot nicer in Chrome DevTools

http://www.html5rocks.com/en/tutorials/developertools/async-call-stack/ by +Pearl Chen has all the details. 

Follow the write-up then try the feature out yourself on this demo page: http://www.html5rocks.com/en/tutorials/developertools/async-call-stack/past-scope/demo.html
1
Add a comment...

Jonathan Souied

Shared publicly  - 
1
Add a comment...

Jonathan Souied

Shared publicly  - 
 
 
The free version of “Speaking JavaScript” is now online at http://speakingjs.com/es5/
1
Add a comment...

Jonathan Souied

Shared publicly  - 
 
 
Looking to reduce the asset size of your sprite sheets?
Check out CRABBY; My texture compression project on GITHUB.

Crabby is an encoder / texture format for creating a compressed sprite sheet with direct-access decompression on the GPU w/o the need for an intermediate texture. 
1
Add a comment...
Have him in circles
46 people
Julien WAGUET's profile photo
Stephane Biancotto's profile photo
Benjamin Souied's profile photo
Vincent WAGUET's profile photo
Jamie Baughman's profile photo
Philippe Polutnik's profile photo
Tomasz Malisiewicz's profile photo
Raphaël Souied's profile photo
Candie CLUZEL's profile photo

Jonathan Souied

Shared publicly  - 
 
 
Chrome Developer Tools: Search or navigate to files, methods or line numbers. Shortcuts for text search and beyond

The ability to quickly find or navigate to specific files, methods or line numbers in an web app can be important in your day to day workflow in the Chrome DevTools. Today we've got some useful tips to help with these when working in the Sources panel.

To search scripts, stylesheets and snippets by filename you can use:

* Ctrl + O (Windows)
* Cmd + O (Mac OSX)

To perform a text search within the current file you can use:

* Ctrl + F (Windows)
* Cmd + F (Mac OSX)

To do a text search across all files you can use:

* Ctrl + Shift + F (Windows)
* Cmd + Opt + F (Max OSX)

If you need to dig down deeper, it's possible to filter for or navigate to a particular JavaScript function/method or CSS rule when viewing a file using:

* Ctrl + Shift + O (Windows)
* Cmd + Shift + O (Mac OSX)

The tools also support going to a specific line-number within the Sources editor. To launch the line number dialog when viewing a file you can use:

* Ctrl + L (Windows)
* CMD + L (Mac OSX)
1
Add a comment...

Jonathan Souied

Shared publicly  - 
 
 
Want to save all your tabs for later? You can quickly bookmark all your open tabs with shortcut Ctrl+Shift+D. #chrometip
1
Add a comment...

Jonathan Souied

Shared publicly  - 
 
 
This is not how #HTML and #CSS should be used! Part III: Circle, square, triangle, dolphin, all in CSS. See how it's done http://bit.ly/1iONBuZ

#webdevelopment   #animatedgif  
1
Add a comment...

Jonathan Souied

Shared publicly  - 
 
 
Monkey Testing Library

gremlins.js is a monkey testing library written in JavaScript, for Node.js and the browser. Use it to check the robustness of web applications by unleashing a horde of undisciplined gremlins.

While developing an HTML5 application, did you anticipate uncommon user interactions? Did you manage to detect and patch all memory leaks? If not, the application may break sooner or later. If n random actions can make an application fail, it's better to acknowledge it during testing, rather than letting users discover it.

Gremlins.js simulates random user actions: gremlins click anywhere in the window, enter random data in forms, or move the mouse over elements that don't expect it. Their goal: triggering JavaScript errors, or making the application fail. If gremlins can't break an application, congrats! The application is robust enough to be released to real users.

This practice, also known as Monkey testing, is very common in mobile application development. Now that front-end (MV*, d3.js, Backbone.js, Angular.js, etc.) and back-end (Node.js) development use persistent JavaScript applications, this technique becomes valuable for web applications.

Image / Source / Download:
https://github.com/marmelab/gremlins.js

License:
The MIT License (MIT)
http://www.opensource.org/licenses/mit-license.php
https://github.com/marmelab/gremlins.js/blob/master/LICENSE
1
Add a comment...