Заказать консультацию

+7 (3902) 26-34-06
+7 923 213-66-21

Что почитать на выходных - часть 2 ( для css ) ?

×

Сообщение об ошибке

Notice: Undefined index: und в функции special_page_preprocess_page() (строка 16 в файле /home/seryak/web/blog.wtolk.ru/public_html/public/sites/all/modules/wtolk/special_page/special_page.module).

Данная подборка будет больше интересна для фронтэнд разработчиков. В будущем скорее всего будут публиковаться такие материалы по тематикам. Например одни выходные - для фронтэндера, вторая неделя - для маркетолога, третья - для дизайнера. 

 

 

Режимы наложения слоёв в Web

Источник

Одна из главных причин тяжёлых увечий дизайнеров претензий к неопытным дизайнерам от верстальщиков, при получении от них PSD-макетов — это наличие слоёв с заданными режимами смешивания, отличными от normal. Вполне возможно, что скоро это уйдёт в прошлое!

Двойные и одинарные кавычки в php

Источник

Кавычки, что логично, бывают одинарными и двойными. Различие их использования в php заключается в следующем. Строку, заключенную в одинарные кавычки, интерпретатор php выводит как есть, заключенную же в двойные кавычки парсит на наличие в ней переменных и, найдя таковые, подставляет их значения.

кавычки

 

Ещё один способ устранить ВОШ

источник

ВОШ — эффект, возникающий при стилизации текста подключаемым шрифтом, не установленным на компьютере пользователя. Проявляется, когда подключаемый шрифт ещё не успел скачаться, и стилизуемый текст отображается следующим шрифтом из значения свойства font-family этого элемента. Такое переключение шрифтов также может повлиять на размеры элемента, если они зависят от размеров текста в нём.
Эффект известен также как FOUT — так его назвал Пол Айриш.
пропавшие шрифты

 

Несколько полезных CSS-трюков

источник

На повестке дня

  • Событие автоподстановки в инпут поля
  • :hover в мобильных устройствах
  • Прячем placeholder при получении фокуса инпутом
  • Некорректный рендер картинки при background-size:cover в webkit браузерах (и не только)
  • Лесенка вокруг элемента при применении к нему трехмерных трансформаций в Firefox

 

Новый тег <template>: введение стандарта шаблонизации на стороне клиента

источник

Тег обозначают место, куда можно поместить большой кусок HTML, который вы хотите оградить от какого-либо влияния со стороны браузера…какой бы ни была причина для этого.

<template id="mytemplate">
  <img src="" alt="красивая картинка">
  <div class="comment"></div>
</template>

 

Заказать консультацию