Это работа является логическим продолжением моего первого подробного текста для сообщества об актуальных подходах к верстке Как верстать веб-интерфейсы быстро, качественно и интересноЧитать полностью »
Рубрика «stylus»
Как правильно верстать 2, или зачем я написал еще одну UI-библиотеку, мой первый npm-модуль?
2021-10-10 в 14:36, admin, рубрики: css, javascript, stylus, vue, атомарный дизайн, библиотеки, веб-дизайн, верстка, интерфейсы, компоненты, ненормальное программированиеОбзор активного стилуса Adonit Dash 2
2017-01-12 в 14:04, admin, рубрики: adoint, adonit dash, adonit dash 2, android, ipad, iphone, stylus, гаджеты, стилус, стилус для емкостного экрана, метки: adoint, adonit dash, adonit dash 2
Adonit Dash 2 — стилус для емкостных экранов в формате полноразмерной шариковой ручки. Совместим со всеми современными телефонами и планшетами. По сравнению с обычными недорогими стилусами, он обладает очень тонким и точным наконечником, но требует зарядки, так как работа тонкого наконечника обеспечивается электричеством.
В данной заметке я делюсь первыми впечатлениями от стилуса в паре с телефоном OnePlus 3, а также сравниваю его с S-Pen — стилусом серии смартфонов Samsung Note, выполненным по технологии Wacom.
Ещё больше комфорта в разработке фронтенда с TARS
2016-06-02 в 7:33, admin, рубрики: css, gulp, handlebars, html, jade, javascript, less, open source, postcss, scss, stylus, tars, автоматизация frontend, Блог компании 2ГИС, Разработка веб-сайтов
Прошли очередные полгода с последних новостей о TARS (раз и два), а значит настало время поделиться новинками. Как всегда напомню, что TARS — это основанный на Gulp сборщик фронтенда, который помогает фронтенд-разработчику или даже целой команде создавать проекты любой сложности. Мы продолжаем уверенное шествие по России и не только. TARS уже используют в Нидерландах, Японии, Китае, Украине, Польше и других странах. Это можно заметить и по количеству звёзд на github, и по числу участников чата в gitter, и по количеству установок TARS-CLI за последний месяц (больше тысячи, а в пике больше 3 тысяч). Мы закрыли почти две сотни issue, выпустили два крупных обновления. Пользователи сборщика активно репортят, участвуют в разработке. Можно сказать, что у нас родилось маленькое сообщество.
Читать полностью »
TARS, сделай уровень frontend-рутины 0%
2015-03-26 в 12:15, admin, рубрики: css, gulp, handlebars, html, jade, javascript, less, open source, scss, stylus, автоматизация frontend, Блог компании 2ГИС, Веб-разработка, метки: автоматизация frontend 
Frontend с каждым днём становится сложнее. Задачи — объёмнее, пользовательский интерфейс — насыщеннее, HTML, CSS и Javascript — огромнее, а сон фронтендера — короче и беспокойнее. Необходимо грамотно структурировать код, выполнять множество рутинных задач (компиляция css- и js-препроцессоров, сборка спрайтов, подготовка и оптимизация изображений, минификация файлов и др). Если вы работаете в команде — это автоматически увеличивает сложность разработки. Чтобы решить эти проблемы, я создал TARS — сборщик html-вёрстки, основанный на gulpjs.
Читать полностью »
Ещё один пост о сборке front-end проекта
2015-03-02 в 12:36, admin, рубрики: babel, browserify, css, ES6, gulp, html, jade, javascript, stylus, Веб-разработка 
Я потратил прилично времени на структуризацию и автоматизацию сборки фронта. Задача это интересная и стоит того, чтобы о ней рассказать.
Что умеет делать сборщик:
- Собирать front-end проект для development & production окружений.
- Собирать по несколько js/css бандлов на проект.
- Использовать стиль CommonJS модулей в браузере.
- Использовать ES6-синтаксис.
- Спрайты, картинки и многое другое
Генерация CSS-спрайтов с Gulp
2014-07-07 в 5:13, admin, рубрики: css, gulp, javascript, stylus, автоматизация рутины, Веб-разработка, спрайт 
Работая над одним большим проектом, мы с напарником задумались над тем, чтобы автоматизировать процесс сбора спрайтов на проекте.
До этого спрайты собирались ручками или с помощью онлайн сервисов, что отнимало достаточно времени.
Проект уже собирался Gulp'ом и было принято решение найти адаптированный под него сборщик спрайтов.
Читать полностью »
Подарок всем front-end разработчикам. grunt(Jade+Stylus+Watch)
2013-12-31 в 22:41, admin, рубрики: css, grunt, html, jade, javascript, stylus, метки: css, grunt, html, jade, stylus .jpg "Подарок всем front end разработчикам. grunt(Jade+Stylus+Watch)")
Здравствуйте Уважаемые хабра-пользователи!
Во-первых, всех с уже наступившем Новым Годом. Желаю Вам добра и развития в Вашей области деятельности!
Во-вторых, в качестве небольшого подарка я подготовил небольшой инструмент, которым сам пользуюсь уже порядка полугода. Данный инструмент требует минимального времени на настройку, но это никак не влияет на отдачу, которую Вы получаете от его использования.Читать полностью »
Новый PhpStorm 7: за пределами языка
2013-10-22 в 12:09, admin, рубрики: composer, drupal, ejs, google app engine, IDE, javascript, jetbrains, php, phpstorm, rest, ssh, stylus, symfony2, vagrant, Блог компании JetBrains, Веб-разработка, отладка, метки: composer, drupal, ejs, google app engine, IDE, javascript, jetbrains, PHP, phpstorm, rest, ssh, stylus, symfony2, vagrant, отладка 
Спешим сообщить о выходе PhpStorm 7 — новой версии IDE для разработки на PHP от JetBrains.
PhpStorm 7 позволит вам не отставать от последних изменений в PHP и других языках для веб-разработки. В этом выпуске IDE интегрирован ряд современных инструментов и предусмотрено еще больше возможностей для расширения за счет поддержки основных PHP-фреймворков.
В 7-й версии вас ждут многие новые фичи, а также улучшения, коснувшиеся всех подсистем продукта.
Давайте посмотрим, что нового в PhpStorm 7!
Читать полностью »
Новый WebStorm 7: все необходимое под рукой
2013-09-26 в 12:53, admin, рубрики: compass, javascript, node.js, stylus, TypeScript, webstorm, Блог компании JetBrains, Веб-разработка, метки: compass, javascript, node.js, stylus, TypeScript, webstormПривет!
Мы выпустили WebStorm 7 — новую версию нашей JavaScript IDE, и с радостью хотим рассказать вам о том, что же нового в ней появилось.
Конечно же, в новом WebStorm 7 вы сможете порадоваться поддержке новых и востребованных технологий, например, JavaScript шаблонов, Stylus, Web Components. К тому же мы значительно переработали и улучшили внутренние инструменты IDE, что должно положительно отразиться на удобстве использования WebStorm и на вашей продуктивности.
Читать полностью »
Prepros: open-source компилятор файлов для front-end разработки
2013-08-04 в 13:58, admin, рубрики: coffeescript, css, haml, html, jade, javascript, less, livereload, livescript, markdown, open source, sass, scss, slim, stylus, web, web-разработка, Веб-разработка, препроцессор, метки: coffeescript, css, haml, html, jade, javascript, less, livereload, livescript, markdown, open source, sass, scss, slim, stylus, web, web-разработка, препроцессор 
Здравствуйте, уважаемые читатели.
Данная статья посвящена фантастическому, на мой взгляд, open-source приложению Prepros, которое может облегчить рабочий процесс многим фронт-энд разработчикам.
Prepros умеет компилировать файлы LESS, Sass, SCSS, Stylus, Jade, Slim, Coffeescript, LiveScript, Haml и Markdown, минифицировать и объединять в один JavaScript-файлы и это еще не все.
Под катом — более подробный обзор приложения.