Статьи

ES6: ловушки прокси изнутри

Перевод статьи ES6 Proxy Traps in Depth с сайта ponyfoo.com, опубликовано на css-live.ru с разрешения автора — Николаса Беваквы.

Встречайте «ES6 — неужели снова! — изнутри». Интересуетесь и другими вкусняшками ES6? Тогда загляните в краткую историю инструментария ES6. Затем изучите деструктирование, литералы шаблона, стрелочные функции, оператор расширения и оставшиеся параметры, улучшения в литералах объекта, новый «сахарок» — классы поверх прототипов, let, const и «Временную мёртвую зону», а также итераторы, генераторы, символы и объекты Map, WeakMaps, Sets и WeakSets и прокси. Ну а сегодня поговорим о ловушках прокси в ES6.

(далее…)

Один билет на конференцию МАТЕ открывает двери на четыре грандиозных события в сфере инноваций!

Это рекламная статья. Ради поддержки сайта, чтобы мы могли публиковать больше переводов (прим. редакции css-live.ru).

АКЦИЯ НА ПОКУПКУ БИЛЕТОВ ДЕЙСТВУЕТ  

с 11 по 18 апреля !!!

26 апреля в Courtyard Marriott Moscow City Center состоится главное ежегодное событие в области мобильных приложений и технологий – MATE 2016. Организатор бизнес-встречи компания Smile-Expo подготовила специальную акцию: при покупке билета на конференцию MATE посетить демозоны мероприятий, посвящённых инновационным технологиям (M-Health Congress, Connected Car и SNCE), можно будет абсолютно бесплатно!

(далее…)

ES6: прокси изнутри

Перевод статьи ES6 Proxies in Depth с сайта ponyfoo.com, опубликовано на css-live.ru с разрешения автора — Николаса Беваквы.

Ура, милости просим. Это «ES6 — Элейн, тебе нужно родить! — изнутри». Что? Никогда о нём не слыхали? Тогда начните с краткой историей инструментария ES6. Затем изучите деструктирование, литералы шаблона, стрелочные функции, оператор расширения и оставшиеся параметры, улучшения в литералах объекта, новый «сахарок» — классы поверх прототипов, let, const и «Временную мёртвую зону», а также итераторы, генераторы, символы и объекты Map, WeakMaps, Sets, и WeakSets. Ну а сегодня поговорим о прокси в ES6.

(далее…)

Только 3 дня – 6, 7 и 8 апреля – скидки на участие конференции МАТЕ 2016!

Это рекламная статья. Ради поддержки сайта, чтобы мы могли публиковать больше переводов (прим. редакции css-live.ru).

Совсем скоро, 26 апреля, в Москве пройдет IV международная бизнес-конференция МАТЕ 2016! 

МАТЕ 2016 – возможность узнать всё о завтрашнем дне мира мобильных технологий и на шаг опередить конкурентов в развитии собственного бизнеса!

(далее…)

МАТЕ 2016 «Мобильные приложения-эффективный инструмент для бизнеса»

Это рекламная статья. Ради поддержки сайта, чтобы мы могли публиковать больше переводов (прим. редакции css-live.ru).

26 апреля 2016 года в Москве пройдет  IV международная бизнес-конференция, посвящённая новейшим разработкам в индустрии мобильных приложений и IT-технологий, MATE 2016.

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

(далее…)

Создание системы SVG-иконок с помощью React

Перевод статьи Creating an SVG Icon System with React с сайта css-tricks.com для css-live.ru. Автор — Сара Дрэснер.

Недавно я прошла обучение ReactJS у Майкла Джексона и Райана Флоренса. И мне очень понравилось, частично потому, что я нашла ответы на множество вопросов про SVG и React. В том, что касается работы с Реактом и SVG, есть много мелочей, которые еще не совсем поддерживаются. Одной из главных загадок для меня был элемент <use>, поскольку большинство систем SVG-иконок строятся именно на нём.

Я спросила Майкла, станет ли в будущем поддержка этих фич лучше, на что он показал мне отличный способ работы с ними, полностью обходя этот метод. Рассмотрим эту технику, чтобы вы смогли начать писать масштарибуемые системы SVG-иконок, и некоторые хитрости, которые также пригодились бы в работе.

(далее…)

Антипаттерн для веб-шрифтов: Data URI

Перевод статьи WEB FONT ANTI-PATTERN: DATA URIS с сайта zachleat.com, опубликовано на css-live.ru с разрешения автора — Зака Лезермана.

После того, как я поделился своей статьей «Минимально необходимые шрифты» в Твиттере, у меня состоялся занимательный разговор с одним разработчиком по имени Вим Лирс про веб-шрифты в виде Data URI.

Вим Лирс (@wimleers), твит.

Почему бы просто не встроить шрифты как data URI в минимально необходимом CSS? Грузится из кеша, никакого мелькания неоформленного текста. Пример: http://wimleers.com/

(далее…)

48 часов науки и технологий в Санкт-Петербурге нон-стоп

Это рекламная статья. Ради поддержки сайта, чтобы мы могли публиковать больше переводов (прим. редакции css-live.ru).

От идеи до ИТ-проекта за 48 часов: 25-27 марта в Санкт-Петербурге пройдет HackDay #41

У вас есть идея IT-проекта, но нет команды и времени для ее воплощения? Приглашаем всех, кто хотел бы запустить собственный ИТ-проект и провести выходные с пользой!

25-27 марта в пространстве «Noname Coworking-Center» (Аптекарский проспект, 2) пройдет HackDay #41, в рамках которого участники получат возможность за 48 часов собрать команду и разработать первую версию собственного ИТ-проекта, а на закрытии представить проект широкой аудитории коллег, инвесторов и экспертов рынка.

(далее…)

Оформление незагруженных изображений

Перевод статьи Styling Broken Images с сайта bitsofco.de, опубликовано на css-live.ru с разрешения автора — Ире Адеринокун.

Незагруженные изображения уродливы

Эта картинка не загрузилась. Безобразие, правда?

Но им необязательно всегда быть такими. Можно воспользоваться CSS для оформления элемента <img>, чтобы впечатление от них было лучше, чем по умолчанию.

(далее…)

На освоение React мне потребовалась всего неделя, а чем вы хуже?

Перевод статьи I Learned How to be Productive in React in a Week and You Can, Too с сайта css-tricks.com для css-live.ru. Автор — Сара Дрэснер.

Эта статья предназнаена не для бывалых React-профи, а скорее для тех, кто зарабатывает разработкой сайтов и кому любопытно, что Реакт может нам подсказать насчет осовременивания пользовательских интерфейсов. React уже давно занимает меня, и поскольку теперь он завоевал определённое положение и хорошие отзывы в сообществе, не жалко потратить время на его изучение. Во фронтенд-разработке постоянно  появляется так много новых технологий, что порой даже трудно понять, стоит ли тратить силы на их изучение. В этой статье я собираюсь рассмотреть самые ценные на мой взгляд, практические соображения, чтобы вы смогли начать работать с React.

(далее…)

Любовное письмо к jQuery

Перевод статьи A love letter to jQuery с сайта madebymike.com.au, опубликовано на css-live.ru с разрешения автора — Майка Ритмюллера.

jQuery, любимая! Мы провели 10 лет вместе, а по меркам JavaScript-библиотеки это больше, чем все 50. Пусть сейчас мы и видимся реже, чем некогда, но ты нужна мне ничуть не меньше, чем в дни нашей первой встречи.

Никогда не забуду нашей первой совместной функции:

	$(document).ready(function(){
	  alert(‘страница загрузилась’);
	});

Эх! Надеюсь, ты простишь, что я тогда вызвал у тебя это тревожное всплывающее окошко. Так уж было заведено в ту пору, а я хотел лишь убедиться, что ты работаешь: конечно же, ты работала, сейчас бы я ни на миг не усомнился в этом. Теперь нам не так часто бывает нужен $(document).ready(), но я помню те наши замечательные деньки. А также помню, как мучительно бывало, когда я пытался делать это без тебя!

(далее…)

Если вы знаете Sass — вы знаете и ES2015

Перевод статьи If You Know Sass, You Know ES2015 с сайта una.im, опубликовано на css-live.ru с разрешения автора — Юны Кравец.

Если вы знаете Sass — вы знаете и ES2015!… ну не то чтобы совсем, но на удивление есть много общего! Изучая последнюю спецификацию ECMAScript, ES2015 (ранее известную как ES6), я наткнулась на несколько функций, котрые тут же узнала по Sass. И я продолжана находить всё больше и больше общего. Множество идей здорово переносятся из разработки на Sass, и если вы хоть немного с ней знакомы, то, возможно, вы намного ближе к пониманию современного JavaScript, чем думаете, и наоборот.

sass-js

(далее…)

Краткий обзор «object-fit» и «object-position»

Перевод статьи A Quick Overview of `object-fit` and `object-position с сайта css-tricks.com для css-live.ru. Автор — Роберт Рендли.

Последнее время object-fit и object-position — мои любимые CSS-свойства. С ними разработчики могут управлять содержимым внутри img или video, подобно манипулированию содержимым background с помощью background-position и background-size.

Для начала, подробнее про object-fit

(далее…)

Управление загрузкой CSS с помощью пользовательских свойств

Перевод статьи Control CSS loading with custom properties с сайта jakearchibald.com, опубликовано на css-live.ru, автор — Джейк Арчибальд.

На прошлой неделе я писал о простом методе постепенной загрузки CSS, и в этот же день учёные заставили гравитацию поволноваться. Совпадение? Не иначе.

Паттерн из предыдущей статьи охватывал 90% случаев многоэтапной загрузки CSS, и его простота вполне очевидна. Но не угодно ли вам послушать про паттерн, который подходит к ~100% случаев и при этом до нелепого сложен? Тогда приглашаю вас пройти вместе со мной в следующий абзац…

(далее…)

Мысли вслух о подсетках в CSS Grid Layout

Перевод статьи Subgrids thinking out loud с сайта blogs.igalia.com, опубликовано на css-live.ru с разрешения автора — Мануэля Рего Касановаса.

Итоги наших размышлений о функции подсеток из спецификации CSS Grid Layout.

За последние недели подсетки стали острой темой, в основном из-за статьи «Подсетки в Grid Layout жизненно важны» Эрика Мэйера (кстати, первод есть у нас на сайте — прим. перев.), в которой он привёл несколько примеров того, где подсетки могут оказаться весьма кстати. Эти примеры так или иначе связаны с предыдущей статьёй fantasai на эту же тему. К тому же Рэйчел Эндрю рассказывала про подсетки в своём блоге и в своей последней электронной книге про Grid Layout (что вполне достаточно, чтобы получить представление о синтаксисе и основных функциях грида).

Возможно вы в курсе, что последнее время Igalia работает над реализацией CSS Grid Layout в Chromium/Blink и Safari/WebKit. Как разработчики, мы решили, что неплохо будет поделиться нашим откликом на эту тему, так что на этой неделе команда, работающая над Grid Layout (Серхио, Хави и я) договорились о встрече для рассмотрения функции подсеток. Вот наши первые соображения об этом и первое черновое предложение насчет возможной реализации.

(далее…)