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

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.

Поделиться:

11% американцев

“11% американцев думают, что HTML – это болезнь передающаяся половым путем”

html-11-percent-of-americans

Хороших вам выходных, други! 🙂

Поделиться:

Сайт по поиску работы “для IT-шников за 30”

Программисту отказали в работе, сославшись на то, что он не смог влиться в коллектив, но он понял, что проблема в возрасте, расстроился и создал новый сайт OldGeekJobs для IT-шников, которым за 30…

old-geek-job

У меня смешанные чувства по поводу этой новости. С одной стороны – это шаг в сторону нишевания в громадном рынке поиска работы. И это очень хорошо, потому что там пока живут только монстры навроде linkedin.com, monster.com, hh.ru, superjob.ru все пользуются только ими и не пытаются создавать более узкие решения. С другой стороны я не понимаю в чем тут проблема.

Да, возрастная дискриминация присутствует – есть работодатели, которым почему-то важен возраст и они не стесняются спрашивать его на собеседовании. Но это проблема только в малой степени зависит от нанимателя. Зачастую “бывалые” программисты не могут найти себе работу потому что планка требований так высока, что с потолка штукатурка сыпется. Как в таких условиях работать-то?

Поэтому очень осмотрительно я бы к таким сайтам подходил. Имхо надуманная проблема, сильно надуманная.

Ссылки по теме:
Разработчик создал сайт с вакансиями для программистов старше тридцати
OldGeekJobs.com

Поделиться:

regex101 поменял дизайн

Один из моих часто используемых онлайн инструментов – regex101 поменял свой дизайн. Стало приятнее и компактнее. Теперь больше влезает в окно браузера. Отлично, а то раньше вечно что-то не помещалось, что, однако, не мешало мне пользоваться этим сервисом. Ничего лучше чем этот сайт для составления регулярок я еще не встречал.


regex101-new-design

Поделиться:

Экспериментируем с emoji – replace

Продолжаем экспериментировать с emoji! Поскольку emoji – это составные картинки, то оказывается мы можем менять их составляющие:

emoji-replace

Лучшая новость дня! 😃

Поделиться:

Меняем в path атрибут “d” через css

Если кто не в курсе, то в SVG для описания некоей кривой используется строка, которая добавляется через атрибут “d”. Если нужно было его поменять то делали это при помощи JS. Оказывается, что уже можно и через CSS. Правде вопрос с поддержкой остается открытым 🙄

А теперь поясним коротеньким видео:

Поделиться:

vue.js 2.0 – сравнение с другими фреймворками, vue-native

Вам уже приходилось сталкиваться с vue.js? Может что-то слышали? Или кто-то уже использовал в продакшене?

Vuejs-logo

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

vue-js-performance

Кстати, вторя версия Vue.js вышла под кодовым названием Ghost in the Shell – отдельная радость для понимающих 😉

Но не только поэтому я пишу сегодня о нем. Дело в том, что ведется разработка в области использования его как замена react-native – проект называется weex и разрабатывается “небольшой” компанией Alibaba. Интересная новость, причем достаточно закономерная – react-native не мог быть единственным фреймворком, который бы пошел по пути browser → native, нужно было только подождать чтобы сошлись звезды – вот они и сошлись.

В общем с интересом буду следить за развитием событий.

Ссылки по теме:
vue.js
Vue 2.0 is Here!

Поделиться: