This is your work, valued

Toronto

Michael Mrowetz

Expert
@micmro

performance-bookmarklet. Performance-Bookmarklet helps to analyze the current page through the Resource Timing API, Navigation Timing API and User-Timing - requests by type, domain, load times, marks and more. Sort of a light live WebPageTest.

1.2k

PerfCascade. Responsive, SVG based HAR waterfall viewer

285

Stylify-Me. Website style analyzer for designers. This is the service part that does the analyzation etc.

277

bookmarklet-to-chrome-extension-boilerplate. Boilerplate project to port your bookmarklet to a Chrome extension

22

Vagrant-play. Vagrant box with the Typesafe Activator / play! framework

19

bookmarklet-to-firefox-addon-boilerplate. Boilerplate to port your bookmarklet to a Firefox Add-on

12

Vagrant-MEAN. Vagrant box for MEAN Stack

12

har-format-ts-declaration. TypeScript typing for HAR (HTTP Archive) 1.2

11

ts-webpack-boilerplate. Simple Typescript + Webpack boilerplate code, with uglify, tslint and LESS support

8

svg-spinner. Themeable SVG loading spinner using CSS animation.

6

storybook-conditional-toolbar-selector. Helper Storybook addon to define story specific toolbar dropdown to use in custom decorators

5

Grid-Generator. Fluid flexible nested grid generator, based on a prototype from Khoa Nguyen (@khoaski) as a base for responsive design. Current functionality: set context size (for calculation and max width) set number of columns set the gutter size set the nested level to generate (code might get large easiely - but note HTTP compression (e.g. gzip) available on most servers reduces this dramatically due to the huge redundancy). custom pre- and postfixes features as content ordering or comments can be turned on and off to reduce generated css

3

Cross-Browser-Linear-Gradient-jQuery-CSS-Hook. Prototype of a cross browser jQuery CSS hook that falls back to Microsofts filter gradient (IE6-8) or SVG (e.g. IE9) if CSS3 gradients are not supported. It also handels Webkit's old gradient syntax (still used on a lot of mobile devices).

2

event-chat. minimal realtime chat

2

toronto-web-performance-bookmarklet-slides. Slides from the talk "Tutorial: How to build a handy performance bookmarklet" at the Toronto Web Performance Group

2

text2audio. Converts a word to an mp3 file via Google Translate (check their licence)

2

mSwipeSlider. Minimalist, responsive, touch enabled slider developed with performance in mind (size/responsiveness/battery)

1

require-demo. Demo of using require in a multi-page app (a global and 0-n secondary entry files) structured with requireJS and optimized via r.js.

1