Как стать автором
Обновить
0
0

Пользователь

Отправить сообщение

Как создавать иконки сайтов в 2022 году — всё о favicon

Время на прочтение9 мин
Количество просмотров38K

Пришло время переосмыслить то, как мы создаем набор иконок для современных браузеров, и остановить безумные генераторы. Фронтенд-разработчики сейчас вынуждены создавать более 20 PNG-файлов, чтобы отобразить крошечный логотип веб-сайта на вкладке браузера или сенсорном экране. Статья расскажет, как использовать более разумный подход и создать минимальный набор иконок, соответствующий большинству современных потребностей.

Статья глубоко погружается в тему, поэтому в начале я даю два фрагмента кода для тех, кто уже достаточно настрадался и понимает, что делать. Тем не менее, я всем рекомендую читать статью целиком!

Статья целиком
Всего голосов 39: ↑39 и ↓0+39
Комментарии33

SVG спрайт с webpack одной строкой

Время на прочтение5 мин
Количество просмотров41K

Пару дней назад вышла полностью обновлённая версия svg-sprite-loader — webpack лоадера для создания SVG спрайтов. Внутри я подробно рассскажу о том как он работает и чем облегчает жизнь разработчику.

Читать дальше →
Всего голосов 13: ↑13 и ↓0+13
Комментарии10

Простой статический сайт на Webpack 4

Время на прочтение15 мин
Количество просмотров142K


После прочтения ряда статей (например, этой) решил перейти на современный подход с использованием Node.js при написании простых сайтов с подхода «динозавров». Ниже представлен разбор примера сборки простого статического сайта с помощью Webpack 4. Статья написана, так как инструкции с решением моей задачи не нашел: пришлось собирать всё по кусочкам.

Читать дальше →
Всего голосов 26: ↑25 и ↓1+24
Комментарии88

Пособие по webpack

Время на прочтение8 мин
Количество просмотров347K


Давайте сначала разберемся, зачем нужен вебпак (webpack), и какие проблемы он пытается решить, а потом научимся работать с ним. Webpack позволяет избавиться от bower и gulp/grunt в приложении, и заменить их одним инструментом. Вместо bower'а для установки и управления клиентскими зависимостями, можно использовать стандартный Node Package Manager (npm) для установки и управления всеми фронтэнд-зависимостями. Вебпак также может выполнять большинство задач grunt/gulp'а.


Bower это пакетный менеджер для клиентской части. Его можно использовать для поиска, установки, удаления компонентов на JavaScript, HTML и CSS. GruntJS это JavaScript-утилита командной строки, помогающая разработчикам автоматизировать повторяющиеся задачи. Можно считать его JavaScript-альтернативой Make или Ant. Он занимается задачами вроде минификации, компиляции, юнит-тестирования, линтинга и пр.

Допустим, мы пишем простую страницу профиля пользователя в веб-приложении. Там используется jQuery и библиотеки underscore. Один из способов — включить оба файла в HTML:

Читать дальше →
Всего голосов 42: ↑41 и ↓1+40
Комментарии13

10 особенностей Webpack

Время на прочтение8 мин
Количество просмотров78K
Webpack считается лучшим инструментом для сборки приложений на React и Redux. Полагаю, многие из тех, кто сегодня использует Angular 2 и другие фреймворки, не обходят вниманием и Webpack. И поскольку начинать работу с данным инструментом всегда непросто, я решил посвятить этой теме несколько публикаций в надежде облегчить старт другим разработчикам и заодно продемонстрировать некоторые особенности Webpack.

Читать дальше →
Всего голосов 51: ↑48 и ↓3+45
Комментарии52

«Киев-30»: как я снимал на «шпионский» фотоаппарат

Время на прочтение5 мин
Количество просмотров58K
Я уже писал, что снимаю фотоаппаратами прошлого века, использующими пленку формата 127 (ширина 46 мм). Чтобы ее получить, приходится разрезать вдоль пленку формата 120 (ширина 62 мм), а оставшуюся полоску (16 мм) выбрасывать. При нынешней цене на фотоматериалы это барство и расточительство. Чтобы не рыдать каждый раз над мусоропроводом, я купил «Киев-30» — советский «шпионский» фотоаппарат, использующий 16-миллиметровую пленку.


Читать дальше →
Всего голосов 100: ↑98 и ↓2+96
Комментарии79

Как я использую AirDrop вместо Тиндера

Время на прочтение10 мин
Количество просмотров171K


В устройствах Apple есть прекрасная функция Airdrop — она сделана для пересылки данных между устройствами. При этом никакой настройки и предварительного сопряжения устройств не требуется, все работает из коробки в два клика. Для передачи данных используется надстройка над Wi-Fi, и поэтому данные передаются с огромными скоростями. При этом используя некоторые трюки, можно не просто пересылать файлы, но и узнать телефонный номер человека, находящегося с тобой в одном вагоне метро.

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

Под катом я расскажу за всю хурму.
Компания RUVDS.COM не несёт ответственности за повторение действий описанных в данном материале.
Читать дальше →
Всего голосов 232: ↑218 и ↓14+280
Комментарии174

Твердотельные батареи изменят мир?

Время на прочтение2 мин
Количество просмотров71K
Applied Materials объявила о начале отгрузки оборудования, необходимого для производства твердотельных аккумуляторов, которые по своим характеристикам превосходят существующие Li-ion в два раза.

Твердотельные аккумуляторы, как их принято называть, используются в специализированном оборудовании, например, в беспроводных автономных датчиках. Но они слишком дороги, если речь идет о выпуске элемента емкостью необходимой, например, современному смартфону. Хотя они и обладают целым рядом интересных характеристик, до настоящего момента они покорили лишь узкие ниши.

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



Читать дальше →
Всего голосов 51: ↑45 и ↓6+39
Комментарии41

Как внедрить у себя back-to-back-тестирование. Опыт Яндекса

Время на прочтение8 мин
Количество просмотров20K
При ускорении разработки возникает потребность ускорить и написание автотестов. К числу подходов, позволяющих покрывать тестами значительные куски функциональности за небольшое время, относится back-to-back-тестирование. Одна из наиболее распространенных разновидностей подобного тестирования для веб-сервисов – это сравнение скриншотов. Мы рассказывали о том, как используем его в тестировании поиска Яндекса. Если у вас имеется протестированная версия продукта, то создать набор автотестов для следующих версий достаточно просто и на это не потребуется много времени. Основная трудность состоит в том, чтобы в разных версиях сервиса воспроизводились идентичные ситуации. Для этого зачастую приходится поддерживать большое количество тестовых данных в нескольких средах.



Когда задумываешься об использовании back-to-back-подхода, первое, что приходит в голову, – проводить сравнение со стабильной средой. Но как эталон она подходит для очень ограниченного круга продуктов, потому что данные в стабильном и тестовом окружении зачастую расходятся. Нередко, убедившись, что проводить сравнение со стабильной средой не удастся, исследователь отказывается от использования back-to-back-тестирования. Читайте под катом о паре стандартных способов внедрения данного подхода, которые мы используем для сервисов Яндеса и которые решают многие проблемы, возникающие при использовании стабильной среды. Также мы расскажем об их достоинствах и недостатках, которые мы обнаружили.
Читать дальше →
Всего голосов 44: ↑41 и ↓3+38
Комментарии9

Информация

В рейтинге
Не участвует
Откуда
Тбилиси, Грузия, Грузия
Зарегистрирован
Активность

Специализация

Frontend Developer