Двусторонняя связь данных (data-binding) — это действительно важно, так как позволяет реализовать постоянную синхронизацию JS моделей с представлением, избежать массового дублирования кода, отвечающего за его обновления, и улучшить опыт использования приложения. Мы рассмотрим два метода использования этой возможности на чистом JavaScript, без фреймворков: один из них основан на революционной технологии (Object.observe), а другой — на оригинальной концепции (расширения get/set).
Проблемы от рассеянности или внезапный редизайн
На сегодняшнее воскресенье у меня было много планов, но я почему-то сел переводить статью для журнала (скоро будет ссылка) и довёрстывать редизайн блога.
На работе в последнее время всё больше работаю с командной строкой и использование git-а с помощью программы с графической оболочкой кажется избыточным. В общем, для этого наконец настроил SSH на домашней машине, где у меня винда. Спустя n времени я решил запаковать старый дизайн и удалить с удалённого сервера все лишние темы (около десяти), немного запутался, написал rm -rf tar -cf jclear и… удалил только ту папку, которую хотел запаковать 🙂
rm -rf tar -cf jclear pic.twitter.com/9iaEwbL3EA
— Shu Buznik (@beshur) 23 ноября 2014
Что дальше
Ещё есть несколько блоков, которые я хочу обновить — это Хотелка и, собственно, использовать этот движок для портфолио.
Если найдёте ошибки и проблемы — пишите в комментариях или на почту.
Известные, ещё не исправленные баги — страницы ошибок.
HSB в Sass
Внезапно HSB-цвета в фотошопе не то же самое, что HSL в Sass, требуется немного математики.
Небольшая статья на английском: http://www.sitepoint.com/hsb-
Я просто сохранил код функции в отдельном гисте здесь:
Впечатление от доклада «36» Вадима Макишвили
Недавно наткнулся в сети на этот доклад и проникся. Видно, что Вадим рассказывает от всей души о вещах, которые его очень волнуют.
В конце своего доклада он раздаёт Lifechart — табличку с клетками, которые обозначают прожитые недели, и которые предлагается зачёркивать каждую неделю.
Я решил оцифровать эту табличку и сделал визуализацию (canvas с фолбеком на CSS).
Коды клавиш Javascript
Просто печатайте
Update:
javascript keycodes keydown
Сделал интранет для компании
С помощью коллег запустил мини-сайт для внутренних потребностей.
В первую очередь, это карта офиса:
Про каждого человека есть попапчик с небольшим текстом, должностью, контактными данными, а самое главное (на мой взгляд) — со списком интересов:
Коллег можно отфильтровать по интересам:
Это была моя инициатива, вдохновлённая одним случаем в офисе.
Мы работаем на разных проектах небольшими командами, и между собой в неформальной обстановке общаемся не так уж много времени. Поиск по интересам должен помочь выявить потенциальных сподвижников. По идее всё это должно быть крайне полезно для новичков 🙂
Ещё есть пара текстовых страниц с разной информацией, полезной в хозяйстве, и, конечно, блоги.
Да, этот минисайт на вордпрессе я называю интранетом) Вордпресс потому, что больше половины наших разработчиков им и занимаются.
Расширение функционала есть в планах, но будем делать по мере необходимости.
А вам бы пригодилась такая штука?
Маленький баг в jQueryUI Resizable
Событие resize в jQueryUI Resizable вызывает ресайз всего окна.
Чтобы избавиться от этого достаточно проверить, если ли у цели метод, свойственный только для ДОМ-элемента:
Фронтенд Средиземья, часть вторая (перевод для frontender.info)
Вторая часть статьи от разработчиков сайта про Хоббита.
Здесь про более мелкие оптимизации фронт-енда, в основном, про Javascript.
Фронтенд Средиземья: часть первая (перевод для frontender.info)
Перевёл статьи про разработку сайта для нового фильма про Бильбо.
Было приятно поработать с ребятами из журнала. Собственно, перевод здесь.