CSS font-size: единицы измерения

understanding-property-font-size-CSS-px-vs-em-rem

Один из наиболее распространенных вопросов CSS это единицы измерения шрифта. Разработчик может указать их в px, %, em, pt и rem. Давайте рассмотрим их по отдельности. Читать далее

Рубрика: HTML/CSS | Метки: , | Добавить комментарий

Используем RequireJS и AngularJS вместе

require-angular

Хотя и RequireJS и AngularJS используют Dependency Injections и могут делить функционал на модули, эти фреймворки созданы для абсолютно разных целей. RequireJS нужен для асинхронной загрузки скриптов и установления зависимостей между модулями. AngularJS — фреймворк для создания SPA. Мне нравится их совместное использование и ниже я приведу пример как это можно сделать. Читать далее

Рубрика: JavaScript/JQuery | Метки: , | Добавить комментарий

Jasmine. Тестируем AngularJS контроллеры

jasmine-banner-wide

Благодаря использованию DI (dependency injections) тестирование контроллеров в AngularJS довольно простое дело. Для себя я выбрал Jasmine, хотя можно использовать и Mocha + Chai. Читать далее

Рубрика: JavaScript/JQuery | Метки: , | 1 комментарий

Использование Font Awesome и Bootstrap 3

font-awesome

Казалось бы библиотека шрифтов-иконок Font Awesome была создана для работы с Bootstrap. Но есть пару тонких моментов, которые необходимо учитывать.  Читать далее

Рубрика: HTML/CSS | Метки: , , , | 2 комментария

Grunt.js. Установка.

grunt-logo

Grunt.js — это инструмент для сборки frontend проектов. Используется для автоматизации выполнения различных заданий (минификация, конкатенация, прекомпиляция и т.д.). Читать далее

Рубрика: JavaScript/JQuery | Метки: , | Добавить комментарий

Анимация в браузере. Рекомендации

images

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

Рубрика: HTML/CSS, JavaScript/JQuery | Метки: , , | 1 комментарий

Git. Шпаргалка

git

Команды для git, которыми я пользуюсь чаще всего:

Читать далее

Рубрика: CVS | Метки: , | Добавить комментарий

Правильные CSS селекторы

css

Довольно часто нахожу в различных проектах небрежное отношение к CSS селекторам. Хотя современные браузеры и позволяют не обращать особого внимания на их написание, все же я рекомендую пользоваться основным правилом.

В сложном селекторе самый правый селектор должен быть как можно лучше определен (специфичен). Читать далее

Рубрика: HTML/CSS | Метки: | Добавить комментарий

Ember.js — как узнать время создания DOM дерева?

Очень часто при создании приложения на Ember.js возникает необходимость держать под контролем время генерации DOM дерева. Существует довольно простой способ выводить это время в консоли как для всего приложения так и для отдельных View.  Читать далее

Рубрика: JavaScript/JQuery | Метки: | Добавить комментарий

vw, vh и vmin — единицы измерения для CSS3

В CSS3 появились новые единицы измерения, зависящие от размеров окна браузера.

  • 1vw — 1% ширины окна
  • 1vh — 1% высоты окна
  • 1vmin — 1vw или 1vh, в зависимости от того, что меньше

На момент написания статьи поддерживается почти всеми современными браузерами. Проверить можно тут.

Рубрика: HTML/CSS | Метки: , , , | Добавить комментарий
  • Страница 3 из 6
  • <
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • >