Лучшие практики стилизации элементов сейчас можно выразить следующими тезисами:

1. + развернуть текст   сохранённая копия
   
   
   

   Лучшие практики стилизации элементов сейчас можно выразить следующими тезисами:

   
   

   1. Старайтесь стилизовать элементы так, чтобы их визуализация не ломалась при перемещении их в другое место. Из этого принципа следует, что стоит минимизировать использование составных селекторов (например, вида header p a).
   2. Используйте пространства имён, чтобы минимизировать вероятность конфликтов правил относящихся к разным элементам. Это приводит к длинным именам, но избавляет от кучи проблем в будущем.

   
   

   Итак, какие возможности для привязки стилей к элементам у нас есть сейчас? У любого элемента есть следующие характеристики:

   
   

   1. Имя элемента
   2. Идентификатор
   3. Набор классов
   4. Набор атрибутов
   5. Набор свойств

   
   

   Давайте посмотрим, как мы можем их использовать, на примере простого списка задач, содержащего карточки с названием задачи и оценкой времени её выполнения...

   Читать дальше →
   
   
   Тэги: css, web-разработка, веб-сайтов, разработка
   
   
   

   Дайджест свежих материалов из мира фронтенда за последнюю неделю №223 (8 — 14 августа 2016)

      2016-08-14 23:43:50
   Предлагаем вашему вниманию подборку с ссылками на полезные ресурсы и интересные материалы из области ...
   + развернуть текст   сохранённая копия
   
   
   Предлагаем вашему вниманию подборку с ссылками на полезные ресурсы и интересные материалы из области фронтенда
   
   
   Читать дальше →
   
   
   Тэги: angular, css, es6, group, html5, javascript, react, vue, zfort, анимация, блог, браузеры, веб-сайтов, дайджест, компании, разработка, ссылки, фронтенд
   
   
   

   Альтернатива для .clearfix

      2016-08-09 23:33:45
   

   .clearfix — который так полюбился большинству верстальщиков, его использование ...
   + развернуть текст   сохранённая копия
   

   
   

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

   
   Читать дальше →
   
   
   Тэги: clearfix, css, html, веб-сайтов, разработка
   
   
   

   [Из песочницы] Управляем компьютером через браузер

      2016-08-08 12:58:34
   Компьютер давно многим заменил телевизор, а что не хватает компьютеру для комфортного просмотра кино ...
   + развернуть текст   сохранённая копия
   
   
   Компьютер давно многим заменил телевизор, а что не хватает компьютеру для комфортного просмотра кино, сериалов и прочего? Мне лично не хватало пульта дистанционного управления.
   
   

   

   
   Я не много увлекаюсь веб-программированием в свободное время. Было решено написать свой велосипед и заодно совместить приятное с полезным. Была изучена возможность с помощью консоли управлять компьютером, в первую очередь меня интересовал следующий минимальный объем задач (который немного увеличился в последствии):
   
   

   • Возможность отправить ПК в режим сна
   • Возможность выключить громкость

   
   С помощью известного поисковика нашел консольную программу, NirCmd, программа позволяет осуществлять достаточно много действий кроме указанных выше. С основной частью мы определились. Как я говорил, не много изучаю php, веб-сервер у меня как правило запущен постоянно, поэтому ничего специфичного в плане сервера я придумывать не стал. Сервер написан на php и состоит из двух классов: Control, который представляет собой методы которые исполняют консольные команды и Route, который делает валидацию приходящих запросов и исполняет методы класса Control.
   
   Control выгладит вот так (код однотипный, поэтому я сократил):
   Читать дальше →
   
   
   Тэги: ajax, control, css, css3, html, html5, javascript, pc-control, php, remote, web-interface, web-разработка
   
   
   

   Дайджест свежих материалов из мира фронтенда за последнюю неделю №222 (1 — 7 августа 2016)

      2016-08-07 22:47:31
   Предлагаем вашему вниманию подборку с ссылками на полезные ресурсы и интересные материалы из области ...
   + развернуть текст   сохранённая копия
   
   
   Предлагаем вашему вниманию подборку с ссылками на полезные ресурсы и интересные материалы из области фронтенда
   
   
   Читать дальше →
   
   
   Тэги: angular, css, es6, group, html5, javascript, react, vue, zfort, анимация, блог, браузеры, веб-сайтов, дайджест, компании, разработка, ссылки, фронтенд
   
   
   
   Страницы: ... 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 ...