| """ | |
| Script to create an image of a glyph in the current layer. | |
| Instructions: | |
| - Use within the Drawbot plugin of GlyphsApp. | |
| - Get this plugin via Window > Plugin Manager, then search for "Drawbot" and install it. | |
| - Then, go to File > New Drawbot, and paste in this code and run it. | |
| - You may need to restart glyphs for the Plugin to work. | |
Twitter abuses all media file uploads, each type in its own way. If we want to upload a good looking animation loop from some low-color, high-detail generative art, we have to game their system's mechanisms.
don't upload a video file, they will re-encode it into absolute 💩
create a GIF, which they will auto-convert into a video file 😱
The frames of the GIF will be resized to an even-sized width using an extremely naive algorithm. Your GIF should be an even size (1000, 2000,
Английская версия: https://evilmartians.com/chronicles/bootstrap-an-intervention
У CSS есть несколько базовых проблем, которые позволяют очень быстро отстрелить себе ногу при неправильном использовании:
Глобальный неймспейс – в серверном программировании все что написано в файле, в файле и остается. Все же что написано в css и js засирает глобальное пространство имен со всеми вытекающими. В JS эту проблему сейчас побороли всякими модульными системами, а вот с css сложнее. В идеальном мире это должен починить Shadow DOM и настоящие Web Components, но пока их нет единственный способ с этим бороться – следовать какой-то системе именований селекторов, которая по возможности уменьшает и исключает возможные конфликты.
Каскадность – если на один элемент может сработать несколько правил, то они все и сработают последовательно. Если есть элемент h1.title, на него сработают все правила для тегов h1 и все правила для класса .title. Так как весь html состоит из тегов, то правил которые п
(by @andrestaltz)
If you prefer to watch video tutorials with live-coding, then check out this series I recorded with the same contents as in this article: Egghead.io - Introduction to Reactive Programming.
Google Chrome Developers says:
The new WOFF 2.0 Web Font compression format offers a 30% average gain over WOFF 1.0 (up to 50%+ in some cases). WOFF 2.0 is available since Chrome 36 and Opera 23.
Some examples of file size differences: WOFF vs. WOFF2
Ideas are cheap. Make a prototype, sketch a CLI session, draw a wireframe. Discuss around concrete examples, not hand-waving abstractions. Don't say you did something, provide a URL that proves it.
Nothing is real until it's being used by a real user. This doesn't mean you make a prototype in the morning and blog about it in the evening. It means you find one person you believe your product will help and try to get them to use it.
| Function.prototype.compose = function(g) { | |
| var fn = this; | |
| return function() { | |
| return fn.call(this, g.apply(this, arguments)); | |
| }; | |
| }; | |
| Function.prototype.pipe = function(g) { | |
| var fn = this; | |
| return function() { |
| /* | |
| Photoshop script for adding measurements to your mockups, | |
| based on Pixel Measure v0.04 by Nikolaj Selvik (https://code.google.com/p/pixelmeasure/) | |
| To install: Place in /Applications/Adobe Photoshop CC/Presets/Scripts/ and restart Photoshop. | |
| To use: Draw a rectangle marquee and invoke from File > Scripts > Pixel Measure. | |
| Tips: | |
| - Set your pencil to 1x1 and your foreground color to something visible (e.g., red). | |
| - Set your Measurement Scale (Image > Analysis > Set Measurement Scale). |
| // as discussed by Crockford here: http://www.youtube.com/watch?v=dkZFtimgAcM | |
| // more detailed example here: https://github.com/douglascrockford/monad/blob/master/monad.js | |
| function MONAD() { | |
| return function unit(value) { | |
| var monad = Object.create(null); | |
| monad.bind = function (func) { | |
| return func(value); | |
| }; | |
| return monad; |
