Какой рейтинг вас больше интересует?
|
Главная / Главные темы / Тэг «webyog»
[Из песочницы] Конец эры глобального CSS 2016-02-02 13:15:56
Все CSS-селекторы живут в глобальной области видимости.
Каждому, кто когда-либо имел ...
+ развернуть текст сохранённая копия
Все CSS-селекторы живут в глобальной области видимости.
Каждому, кто когда-либо имел дело с CSS, приходилось мириться с этой глобальной особенностью. Модель, некогда созданную для стилизации академических документов, сейчас едва ли можно назвать удобным инструментом для создания современных веб-приложений.
Абсолютно каждый селектор потенциально может вступить в борьбу с другим селектором или стилизовать «посторонний» элемент. В этой «глобальной» борьбе селектор может даже полностью проиграть, в итоге не применив к странице ни одного из своих правил.
Каждый раз модифицируя css-файл, необходимо хорошо подумать о глобальной среде, в которой будут существовать наши стили. Ни одна другая технология веб-разработки не требует столько усилий только для того, чтобы обеспечить коду минимальный уровень поддерживаемости.
Так не должно быть. Пора оставить позади эру глобальных стилей. Наступило время закрытого CSS.
Читать дальше →
Тэги: css, javascript, webpack, бэм, веб-разработка, изоляция, модульность, перевод, ресурсов, сборки, системы
[Перевод] How to ReactJS 2016-01-16 17:51:08
Для новичка, экосистема вокруг React (как и фронтэнда в целом) может показаться запутанной. ...
+ развернуть текст сохранённая копия
Для новичка, экосистема вокруг React (как и фронтэнда в целом) может показаться запутанной. Этому есть несколько причин.
- Изначально, React был нацелен на экспертов и ранних последователей
- Facebook открывает исходный код только тех продуктов, которые использует сам, т. е. не нацеленные на проекты-меньше-чем-Facebook
- Огромное количество гайдов по React совершенно разной сложности
Здесь и далее, я предполагаю, что вы уже знакомы с HTML, CSS и JavaScript.
Читать дальше →
Тэги: bem, es6, falcor, flux, immutable.js, javascript, reactjs, redux, relay, webpack, веб-разработка
[Перевод] How to ReactJS 2016-01-16 17:51:08
Для новичка, экосистема вокруг React (как и фронтэнда в целом) может показаться запутанной. ...
+ развернуть текст сохранённая копия
Для новичка, экосистема вокруг React (как и фронтэнда в целом) может показаться запутанной. Этому есть несколько причин.
- Изначально, React был нацелен на экспертов и ранних последователей
- Facebook открывает исходный код только тех продуктов, которые использует сам, т. е. не нацеленные на проекты-меньше-чем-Facebook
- Огромное количество гайдов по React совершенно разной сложности
Здесь и далее, я предполагаю, что вы уже знакомы с HTML, CSS и JavaScript.
Читать дальше →
Тэги: bem, es6, falcor, flux, immutable.js, javascript, reactjs, redux, relay, webpack, веб-разработка
[Из песочницы] Webpack ProvidePlugin: как не писать простыню import/require в начале javascript модуля 2015-12-31 13:42:55
Если вы разрабатываете на современном javascript, то почти любой ваш модуль содержит простыню ...
+ развернуть текст сохранённая копия
Если вы разрабатываете на современном javascript, то почти любой ваш модуль содержит простыню таких строк:
import React from 'react'
import $ from 'jquery'
...
Как оказалось, большинство этих строк можно не писать, доверив их генерацию автоматике. И помогает в этом новомодный webpack, в котором, как оказывается, полно приятных сюрпризов. Кроме всем известных require и import для любых файлов и уже описанного на хабре «hot module replacement», webpack может проанализировать ваш исходный код и автоматически включить нужные модули на основании используемых литералов. Под катом — краткое описание как работает эта магия.
Ознакомиться с заклинанием
Тэги: es6, javascript, webpack, веб-разработка, ненормальное, программирование, разработка
[Из песочницы] «Война и мир» – испытание временем 2015-12-17 11:08:24
+ развернуть текст сохранённая копия
4 декабрьских дня подряд, порядка 1300 человек на протяжении 60 часов из 30 городов читали «Войну и мир». Беспрецедентный мультимедийный проект от ВГТРК, в течении которого произведение Льва Толстого было прочитано от первой и до последней строчки. Проект захватывает своей грандиозностью и тянет на книгу рекордов Гиннесса.
Помимо литературного марафона была выпущена серия интерактивных инфографических работ под эгидой аналитического сообщества Tolstoy Digital. Каждая инфографика, а всего их 4, анализирует произведение под различнымы углами: человеческие отношения, места, время, история, предметы, культура в целом.
Под катом отрывки из романа, немного кода и мои мысли по процессу инфографирования данных на примере событийного таймлайна.
Читать дальше →
Тэги: d3.js, javascript, webpack, веб-разработка, визуализация, война, данных, инфографика, лев, литература, марафон, мир, толстой
Страницы: 1 2 3 4 5 6 7 8 9 10 11 12
Главная / Главные темы / Тэг «webyog»
|
Взлеты Топ 5
Падения Топ 5
|
