From the notebookIssue 47
UI development
- Animating List Items a sweet technique of introducing content with some fancy animations. Useful for all sorts of listings.
- Grunticon— a Grunt.js task that makes it easy to use SVGs, auto-generates bitmap (PNG) fallback images and loads the right format for compatibility with pretty much any browser. Sounds promising.
- Polylion at CSStricks guides you through creating one awespiring SVG animation.
- Awesomeplete, a 2KB customizable autocomplete widget with zero dependencies by Lea Verou.
- Awesome React, a monster collection of React tools, resources, videos and all that.
- A tiny thing to speed up your GIT sync workflow: pull with automatic rebase and here all the whys.
$ git config branch.*branch-name*.rebase true # Force existing branches to use rebase.
$ git config branch.autosetuprebase always # Force all new branches to automatically use rebase.
UI Design
-
Subway, a 300+ set of icons in a variety of formats, including svg and sketch.
-
On the “My content” vs. “Your content” language conventions front, a few resources—one, two—though, in the end, I’m leaning towards this approach as per Microsoft User Experience Interaction Guidelines:
“Use the second person (you, your) to tell users what to do.” So use second person for error messages, help, window or page labels, on-page documentation, and other places where the app is telling the user about the user’s content. “Use the first person (I, me, my) to let users tell the program what to do.” So use first person for buttons, menu items, and other controls where the user commands the app.
Design
- Deceptive Simplicity gathers a couple of good arguments against hamburger icons, toggle menus, services like The Grid and all that.
Data visualization
- A fine example of customizable radar chart built with d3.
- For the times when you have some temporal data to display, a d3 timeseries chart with brush.
- Slides from a great Hacks/Hackers Zurich talk about shaping textual data visualizations with Latent Dirichlet allocation model. All by (twitter: nzzdata)’s (twitter: tpreusse).
Journalism
- 6 tips for finding your perfect story where it all starts with a dream. Great read.
