8 npm трюків, які ви можете використовувати для враження своїх колег

У цій статті ви знайдете кілька зручних команд для роботи з npm – менеджером пакетів, що входять до складу Node.js. З усього безлічі існуючих ми вибрали ті, які можуть бути найбільш корисні при щоденному використанні. Базові скорочення Спочатку згадаємо найвідоміші скорочення для установки: встановити пакет: npm install pkg, скорочення: npm i pkg; встановити пакет глобально:…

Обробка помилок у React 16

Оскільки випуск React 16 ближче, ми хотіли б оголосити кілька змін у тому, як React обробляє помилки JavaScript усередині компонентів. Ці зміни включені в бета-версії React 16 і стануть частиною React 16. До речі, ми просто випустили першу бета-версію React 16 для вас, щоб спробувати!

Компіляція LESS в PHPStorm

PHPStorm на мій погляд одна з найкращих середовищ розробки для web розробників. Вона вміє практично все, в тому числі і компілювати less в css. Правда для Цього я встановив додатковий плагін LESS CSS compiller. Налаштувати компіляцію дуже просто. Перше що потрібно зробити, це відкрити Preferences і створити LESS профіль: Далі просто необхідно заповнити поля: -вказати…

Зникаючий текст в поле введення HTML5 і jQuery

Дуже часто клієнти вимагають, щоб текст в поле введення зникав при появі на ньому фокуса, і з’являвся назад при втраті фокуса і за умови що в поле нічого не було введено. У HTML5 це можна зробити використовуючи атрибут data- і jQuery. Розмітка в цьому випадку буде виглядати наступним чином: <input type=”text” value=”Placeholder text” data-value=”Placeholder text”/>…

Адаптація сайту під Retina Display

Не так давно я обзавівся макбуком з retina display і відразу зрозумів те, що більшість сайтів взагалі ніяк не дружать з retina display. На це можна закрити очі в нашій країні, де кількість пристроїв з retina display дуже мало. Але якщо орієнтувати свої проекти на захід то потрібно враховувати специфіку таких пристроїв. І так адаптація…

Аутсорсинг. Як економити час?

Робота в невеликій компанії часто виглядає як абсолютно неконтрольований процес. Вчора ти займався узгодженням документів з будівництва складу, сьогодні розробкою маркетингового плану, узгодженням макетів реклами, завтра у тебе спитають “а чи є у Вас сайт?”. І пішло поїхало! Зупинити цей ком постійної зайнятості можна тільки правильно виділивши головне і розділивши обов’язки. Керівнику невеликого підприємства дуже…

Прискорюємо процес написання CSS за допомогою LESS.

Отже, що ж таке LESS і як за допомогою LESS можна прискорити процес написання CSS стилів для вашого проекту? Як говорить нам Вікіпедія LESS – це динамічний мову стилів, який розробив Alexis Sellier. Він створений під впливом мови стилів Sass, і, в свою чергу, вплинув на його новий синтаксис «SCSS», в якому також використаний синтаксис,…

Методика верстки сайту. Структура сайту.

Структура сайту. Верстку сайту, на мій погляд, варто починати з аналізу дизайну і технічним вимогам що ставляться до майбутнього сайту. Проаналізувавши дизайн і технічні вимоги (або технічне завдання) необхідно вирішити якусь структуру матиме майбутня html сторінка. Більшість html сторінок складається з трьох основних частин: шапка header, основна частина content і нижня ділянка footer. Як правило…

Розвиток CSS

CSS (Cascading Style Sheets Каскадні таблиці стилів) є наслідком розвитку html. Css дають нам можливість відокремити візуальне оформлення веб сторінки від її смислової розмітки. У класичному html структура і оформлення були об’єднані в єдине ціле, поруч з текстовим абзацом писався розмір шрифту, тип шрифту і т.д. Це дуже ускладнювало файл розмітки html для обробки його…