Пишу про разработку вообще и в частности про: JavaScript, HTML5, CSS3, AngularJS, ReactJS, Agile, Bitcoins

IT-профессионалы и расходы

Простите, накипело…
© Народная мудрость

Как ни странно, но есть один вопрос, которым задаются многие IT-профессионалы – платить или нет за курсы, книги, лицензии и тому подобные не материальные блага? Причем вопрос свойственен не только на территории СНГ, как может показаться. Тратить деньги никто не любит и все стараются делать это как можно реже. Сложно их упрекнуть в этом, потому что экономика, все-таки должна быть экономной.

roll-dollars_

К слову хочу отметить, что подобное отношение больше наблюдается у тех кто только начинает свой путь в IT. Оно и понятно – огромное количество бесплатных материалов, программ, курсов создают впечатление, что так и должно быть. Раз с меня с самого начала не требовали деньги то почему же я должен сейчас платить? Пусть это делает кто-то другой!

Отличный подход! Все правильно, только давайте теперь и вы будете оказывать услуги не требуя за это денег. Вот предположим вы научились по бесплатным курсам клепать сайтики: уверенно пишете на PHP, знаете чем отличается HTML от HTML5, что такое CSS3 и как при помощи jQuery сделать ajax запрос. Вы за все эти уникальные знания ничего не заплатили, только потратили свое время. Ну раз расходов нет, то зачем вам платить-то? Разве не та же логика? Нет?

Я даже готов закрыть глаза на то, что свежий разработчик после таких курсов ничего из себя толком не прадставляет. Ладно, пусть называется кем хочет. Но вот почему он свое время и труд ценит больше чем труд других мне не до конца понятно. Разумеется мы стараемся грести под себя, но гордится этим точно не стоит.

Труд должен быть оплачен и мой, и твой и тех парней, которые написали программу, сделали сайт, нарисовали иконки.

В конце концов, если вы работаете в IT, то у вас должно хватать денег на такие мелочи. Программное обеспечение сегодня либо бесплатно, либо очень дешево. Это же касается и всех подручных материалов – скриптов, шаблонов и т.д. и т.п.

Поэтому предлагаю не тратить времени и сил н поиск бесплатных или ворованных решений. Лучше заплатите автору, а освободившееся время потратьте на саморазвитие.

Поделиться:

Chrome 55 обещает улучшить работу с памятью

Chrome 55 обещает работать лучше и быстрее. В частности использовать меньше памяти. Сравнение исполнения js на популярных сайтов гигантов впечатляют. Ура, у нас теперь будет значительно больше мощностей чтобы писать говнокод лучшие приложения в мире.

chrome-55-memory-use

Ссылки по теме:
Fall cleaning: Optimizing V8 memory consumption

Поделиться:

Короткие команды для npm

А давайте экономить время при использовании npm команд. Скажем “да” коротким версиям горячо любимых строк:

Поделиться:

Fizzy sparks – пример работы с canvas

Симпатичный пример работы с canvas – Fizzy sparks. Canvas отлично подходит для таких анимаций – быстрый, поддерживается всеми современными браузерами.

fizzy-sparks

See the Pen Fizzy Sparks by Bennett Waisbren (@waisbren89) on CodePen.

Поделиться:

Как выводить unicode символы в react компонентах

Итак, если вы пишите react приложение, то рано или поздно вам потребуется вывести какой-нибудь unicode символ. Например вот такой: ♞, или такой: ☂ или что в этом духе: ☭. Все эти (как и многие другие) являются частью юникода и могут быть использованы очень просто. Не мне вас учить, но упомяну на всякий случай – каждый символ имеет html код, который можно использовать для вывода.

unicode

То есть вариантов несколько. Можно просто скопировать символ, вставить его в текст компонента и он отобразится. А можно использоваться html описание и он тоже должен отобразится. Для тех символов, что я перечислил коды будут следующие:

– ♞
– ☂
– ☭

Но вот тут-то и начинается проблема – если использовать html-код в реакте, то он выведет сам код, а не символ. Связанно это с тем, что реакт старается быть максимально правильным и безопасным и текст выводит текстом, а не старается отобразить юникодовские символы. Нужно самому решать этот вопрос, например вот так:

В чем тут магия? Все просто – метод fromCharCode возвращает юникодовские символы из переданных кодов.

Ссылки по теме:
Unicode character table
String.fromCharCode()

Поделиться:

WebGL particles demo

Очень симпатичная демонстрация WebGL particles. Если после этого вам не захочется сесть и разобраться с вами, то я не знаю чем вас можно удивить!

webgl-particles
WebGL particles

Да и вообще загляните вот на эту страничку yiwenl.github.io/Sketches/ – там много интересных работ. И ведь все это рендерится в браузере.

webgl-sketches

Поделиться:

Safari 10 полностью поддерживает ES6

Safari 10 оказался первым браузером со 100% поддержкой ES6. Как раз на прошлой неделе вышло обновление для маков с новой операционной системой. Вот с ней и пришла новая версия Safari. А там внутри бах и сюрприз!

safari-10

Я разумеется собственноручно пошел и проверил. Не врут, все действительно так. Не скрою, приятно.

Ссылки по теме:
What’s New in Safari 10

Поделиться:

Работаем с буфером обмена

Вы пробовали когда-нибудь работать с буфером обмена в браузере? Нет? Кто сказал “нет”? Вы столько незабываемых моментов упустили в этой жизни. Они, можно сказать, мелькнули у вас перед носом и вы продолжили свой путь не задумываясь.

Основная проблема копирования в буфер разумеется в том, что не так-то просто добиться адекватной поддержки в всех бразуерах. Внезапно! Как буд-то это не та проблема, с которой мы и так все время боремся работая фронтенд разработчиками 🙄 🤔

Однако, тут интересно вот что – в некоторых особо одаренных браузерах (привет, IE) копирование в буфер поддерживалось, но при этом всплывало милое сообщение с просьбой одобрить это. Потрясающее решение! Невероятный пользовательский дизайн, теперь все будут думать, что мой сайт пытается их взломать.

Ну да ладно, благо есть решения, которые позволяют заставить буфер работать вполне адекватно, хотя бы в некотором количестве браузеров:

Screen Shot 2016-10-07 at 23.52.48

clipboard.js

Работает вроде очень просто. Если нужно просто предоставить функционал, то просто навешиваем на кнопку вот так:

Есть и более продвинутые подходы. Работа с событиями:

И, конечно, динамическая работа:

В общем выглядит вполне пристойно.

Ссылки по теме:
JavaScript Copy to Clipboard
clipboard.js

Поделиться:

Набор иконок – Streamline Icons

Любите ли вы иконки так, как люблю их я? Считаю, что ничто так не оживляет сайт как хорошие иконки, так что все время их коллекционирую. Вот спешу поделиться новой находкой:

streamlineicons

Streamline Icons

Огромный набор иконок для всего что угодно. Аж 5000 штук. Правда не бесплатный, но и не за такие уж нереальные деньги. Вполне себе подъемно, вполне.

Поделиться:

Анимация текста

Совершенно потрясающая анимация текста. Правда, работает только с латиницей. Начните набирать текст:

See the Pen Franchise – Animography Text Editor by kittons (@airnan) on CodePen.

Поделиться: