Задать вопрос
  • Как из HTML страницы с помощью регулярного выражения выбрать все значения value из конкретного select?

    Alexandroppolus
    @Alexandroppolus
    кодир
    Проще всего выловить весь селект целиком, а потом спокойно забрать из него опшены
    Ответ написан
    3 комментария
  • Как настроить пробелы между скобок в WebStorm?

    @kacheleff
    fullstack developer
    Editor -> Code Style -> JavaScript -> Spaces -> Within -> ES6 import/export braces
    5d4fd18fcb78e680478660.png
    Ответ написан
    1 комментарий
  • Какие есть инструменты для начинающего верстальщика?

    @IoannGrozny
    Front-end разработчик
    А я вот буду оригинальным и посоветую идти постепенно. Сначала блокнот, потом Notepad++ + Emmet, потом IDE(Идеал именно для вёрстки - WebStorm), потом уже шаблонизаторы - Jade для HTML, Sass, Less, Stylus для CSS, и системы сборки - Grunt,Gulp,Yeoman и т.д.

    Но сначала именно основы - чистый HTML, чистый CSS, чистый Javascript.
    Ответ написан
    Комментировать
  • Какой софт использовать для верстки / программирования (Front-end)?

    Советую начать работать с IDE, WebStorm, NetBeans, Eclipse ... все-равно рано или поздно сделаете это и пожалеете, что не сделали это сейчас.
    Работать с node.js и начать использовать сборщики всякие, Grunt или Gulp - там в плагинах найдете много вещей, которые вам помогут в разработке (в связке с bower - закачивать библиотеки, минифицировать и собирать в один файл код, оптимизировать картинки, использовать SASS, LESS, Stylus, Jade и т.д.). Есть еще какой-то yeoman - но я сам пока не использовал.

    Жирным выделил то, что использую я, но это дело вкуса.
    Ответ написан
    Комментировать
  • Дайте советы по оптимизации css кода?

    rockfeeler
    @rockfeeler
    Фронтендер, дизайнер, верстальщик-перфекционист
    Как писал Компьюций,
    В программировании примерно 30% времени уходит на собственно программирование, а остальные 70% – на придумывание имён переменных и функций.

    Это же справедливо и для верстки.

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

    Из инструментария.
    1. Хорошо бы перейти на BEM от нашего всеми любимого Яндекса.
    2. Использовать препроцессоры css типа less или sass, что значительно упрощает как чтение, так и редактирование css.
    3. Поисковые системы, в которых можно найти ответ на вопрос.
    4. Youtube с профильными уроками.
    5. Светлая голова, которая может подсказать правильные решение и подход.
    6. Инструмент вроде map для любимого IDE.
    7. Сам IDE, который в разы упрощает жизнь. Варианты, лучшие на мой вкус: Brackets, Atom, WebStorm.
    Ответ написан
    2 комментария
  • Какими инструментами пользуйтесь Вы фронт/бэкендеры?

    Yesley
    @Yesley
    Front-end/Smart TV developer
    Моё front-end/Smart TV окружение:

    Процесс разработки
    • WebStorm (IDE лучше не встречал, стоит своих денег)
    • Gulp (сборка проектов)
    • Yeoman (скаффолдинг)
    • Bower (управление используемыми библиотеками)
    • LESS (CSS-препроцессор)
    • Spy-js (JavaScript трассировка)
    • CSSComb (сортировка и форматирование стилей)
    • JSDoc (создание документации)
    • weinre (удалённая отладка)
    • Chrome DevTools (инструменты разработчика)
    • Adobe Photoshop / Extract (макеты)

    Приложения и расширения для Chrome
    • Postman (HTTP/REST-клиент)
    • Cacoo (прототипирование и построение диаграмм)
    • IcoMoon (иконки)
    • RegExp Tester (тестирование регулярных выражений)
    • Google Docs (замена Windows Officce для документов)
    • Cookies (работа с cookies)
    • Emmet Re:View (тестирование брейкпоинтов вёрстки)
    • Fontface Ninja (позволяет узнать название шрифта на странице и скачать его)
    • JetBrains IDE Support (live-reload для WebStorm)
    • Perfmap (профилирование загрузки ресурсов с использованием Resource Timing API)
    • qSnap (скриншоты страницы + хостинг скриншотов)
    • Tape (инструмент для измерения расстояний на странице, линейки, сетки)
    • Web Developer Checklist (чеклист для front-end разработчика)

    Разное
    • preloaders.net (генератор индикаторов загрузки)
    Ответ написан
    Комментировать