HTMLCSS.ru https://htmlcss.ru Тематическое сообщество, обмен опытом, блоги Tue, 02 Oct 2018 17:55:37 +0000 ru-RU hourly 1 https://wordpress.org/?v=4.1.35 Голубое выделение при нажатии на ссылку https://htmlcss.ru/%d0%b3%d0%be%d0%bb%d1%83%d0%b1%d0%be%d0%b5-%d0%b2%d1%8b%d0%b4%d0%b5%d0%bb%d0%b5%d0%bd%d0%b8%d0%b5-%d0%bf%d1%80%d0%b8-%d0%bd%d0%b0%d0%b6%d0%b0%d1%82%d0%b8%d0%b8-%d0%bd%d0%b0-%d1%81%d1%81%d1%8b%d0%bb/ https://htmlcss.ru/%d0%b3%d0%be%d0%bb%d1%83%d0%b1%d0%be%d0%b5-%d0%b2%d1%8b%d0%b4%d0%b5%d0%bb%d0%b5%d0%bd%d0%b8%d0%b5-%d0%bf%d1%80%d0%b8-%d0%bd%d0%b0%d0%b6%d0%b0%d1%82%d0%b8%d0%b8-%d0%bd%d0%b0-%d1%81%d1%81%d1%8b%d0%bb/#comments Tue, 02 Oct 2018 17:55:37 +0000 https://htmlcss.ru/?p=747 На мобильных платформах в браузерах WebKit при касании на ссылку или кликабельного JavaScript элемента, элемент подсвечивается голубым цветом.  Чтобы убрать или изменить подсветку надо использовать свойство

-webkit-tap-highlight-color
-webkit-tap-highlight-color: transparent; - убирает подсветку

 

]]> https://htmlcss.ru/%d0%b3%d0%be%d0%bb%d1%83%d0%b1%d0%be%d0%b5-%d0%b2%d1%8b%d0%b4%d0%b5%d0%bb%d0%b5%d0%bd%d0%b8%d0%b5-%d0%bf%d1%80%d0%b8-%d0%bd%d0%b0%d0%b6%d0%b0%d1%82%d0%b8%d0%b8-%d0%bd%d0%b0-%d1%81%d1%81%d1%8b%d0%bb/feed/ 0 Отличные лоадеры на чистом CSS https://htmlcss.ru/%d0%be%d1%82%d0%bb%d0%b8%d1%87%d0%bd%d1%8b%d0%b5-%d0%bb%d0%be%d0%b0%d0%b4%d0%b5%d1%80%d1%8b-%d0%bd%d0%b0-%d1%87%d0%b8%d1%81%d1%82%d0%be%d0%bc-css/ https://htmlcss.ru/%d0%be%d1%82%d0%bb%d0%b8%d1%87%d0%bd%d1%8b%d0%b5-%d0%bb%d0%be%d0%b0%d0%b4%d0%b5%d1%80%d1%8b-%d0%bd%d0%b0-%d1%87%d0%b8%d1%81%d1%82%d0%be%d0%bc-css/#comments Thu, 11 May 2017 14:51:52 +0000 https://htmlcss.ru/?p=740 Хорошая подборка CSS лоадеров. Постоянно добавляются новые.

 

https://cssload.net/en/spinners

]]> https://htmlcss.ru/%d0%be%d1%82%d0%bb%d0%b8%d1%87%d0%bd%d1%8b%d0%b5-%d0%bb%d0%be%d0%b0%d0%b4%d0%b5%d1%80%d1%8b-%d0%bd%d0%b0-%d1%87%d0%b8%d1%81%d1%82%d0%be%d0%bc-css/feed/ 0 Animista — CSS animations collection https://htmlcss.ru/animista-css-animations-collection/ https://htmlcss.ru/animista-css-animations-collection/#comments Tue, 18 Apr 2017 10:57:04 +0000 https://htmlcss.ru/?p=734 amnista

Animista is a place where you can play with a of ready to use CSS animations, tweak them and download only those you will actually use.

https://animista.net/

]]> https://htmlcss.ru/animista-css-animations-collection/feed/ 0 FRONTday, Челябинск 08.06.2016 https://htmlcss.ru/frontday-%d1%87%d0%b5%d0%bb%d1%8f%d0%b1%d0%b8%d0%bd%d1%81%d0%ba/ https://htmlcss.ru/frontday-%d1%87%d0%b5%d0%bb%d1%8f%d0%b1%d0%b8%d0%bd%d1%81%d0%ba/#comments Fri, 27 May 2016 14:33:15 +0000 https://htmlcss.ru/?p=714 frontday

Конференция
Frontend-разработчиков
Челябинск
08.06.2016 18:30
https://frontday.ru/

Мы решили организовать мероприятие для Frontend-разработчиков, где каждый сможет поделиться своим опытом или просто вынести свой вопрос на общее обсуждение и узнать что-либо новое.

Для этого мы выбрали формат мини-конференции, которая проходит в уютном местечке, где может разместиться около 30-40 разработчиков. Для подогрева атмосферы и налаживания дружеского диалога мы всем предложим бесплатную кружку вкусного кофе.

Доклады специально подбираются небольшие, 20-30 минут, но интересные. На подобных мероприятиях больший интерес представляет обмен опытом и обсуждение после доклада.

]]> https://htmlcss.ru/frontday-%d1%87%d0%b5%d0%bb%d1%8f%d0%b1%d0%b8%d0%bd%d1%81%d0%ba/feed/ 0 Анимированная CSS(Sass) Хаски https://htmlcss.ru/%d0%b0%d0%bd%d0%b8%d0%bc%d0%b8%d1%80%d0%be%d0%b2%d0%b0%d0%bd%d0%bd%d0%b0%d1%8f-csssass-%d1%85%d0%b0%d1%81%d0%ba%d0%b8/ https://htmlcss.ru/%d0%b0%d0%bd%d0%b8%d0%bc%d0%b8%d1%80%d0%be%d0%b2%d0%b0%d0%bd%d0%bd%d0%b0%d1%8f-csssass-%d1%85%d0%b0%d1%81%d0%ba%d0%b8/#comments Thu, 26 May 2016 12:40:33 +0000 https://htmlcss.ru/?p=706 huskycss

See the Pen Alex the CSS Husky by David Khourshid (@davidkpiano) on CodePen.

https://codepen.io/davidkpiano/pen/wMqXea

]]> https://htmlcss.ru/%d0%b0%d0%bd%d0%b8%d0%bc%d0%b8%d1%80%d0%be%d0%b2%d0%b0%d0%bd%d0%bd%d0%b0%d1%8f-csssass-%d1%85%d0%b0%d1%81%d0%ba%d0%b8/feed/ 0 FrontendConf в Сколково 31 мая и 1 июня https://htmlcss.ru/frontendconf-%d0%b2-%d1%81%d0%ba%d0%be%d0%bb%d0%ba%d0%be%d0%b2%d0%be-31-%d0%bc%d0%b0%d1%8f-%d0%b8-1-%d0%b8%d1%8e%d0%bd%d1%8f/ https://htmlcss.ru/frontendconf-%d0%b2-%d1%81%d0%ba%d0%be%d0%bb%d0%ba%d0%be%d0%b2%d0%be-31-%d0%bc%d0%b0%d1%8f-%d0%b8-1-%d0%b8%d1%8e%d0%bd%d1%8f/#comments Thu, 26 May 2016 12:03:03 +0000 https://htmlcss.ru/?p=693 frontendconf2

Профессиональная конференция Frontend Conf посвящена всем аспектам разработки клиентской части веб-проектов: дизайн, юзабилити, вёрстка, JavaScript, rich-медиа и так далее. Концепция толстого клиента стала стандартом де-факто — в разработке клиентской части веб-приложений свои правила, законы, фреймворки, подходы к тестированию и проектированию.

Продолжительность конференции — два полных дня. Первый доклад начинается ежедневно в 10:00, а последний заканчивается в 19:00. Регистрация открывается в 9:00 утра.

Фестиваль будет состоять сразу из нескольких узкотематических мероприятий и большой технологической выставки. Все выступления будут представлены в двух параллельных потоках. Длительность докладов — по 40-50 минут, включая ответы на вопросы.

URL: https://frontendconf.ru/

]]> https://htmlcss.ru/frontendconf-%d0%b2-%d1%81%d0%ba%d0%be%d0%bb%d0%ba%d0%be%d0%b2%d0%be-31-%d0%bc%d0%b0%d1%8f-%d0%b8-1-%d0%b8%d1%8e%d0%bd%d1%8f/feed/ 0 CSS селекторы, обучающая игра https://htmlcss.ru/css-%d1%81%d0%b5%d0%bb%d0%b5%d0%ba%d1%82%d0%be%d1%80%d1%8b-%d0%be%d0%b1%d1%83%d1%87%d0%b0%d1%8e%d1%89%d0%b0%d1%8f-%d0%b8%d0%b3%d1%80%d0%b0/ https://htmlcss.ru/css-%d1%81%d0%b5%d0%bb%d0%b5%d0%ba%d1%82%d0%be%d1%80%d1%8b-%d0%be%d0%b1%d1%83%d1%87%d0%b0%d1%8e%d1%89%d0%b0%d1%8f-%d0%b8%d0%b3%d1%80%d0%b0/#comments Wed, 25 May 2016 12:13:24 +0000 https://htmlcss.ru/?p=687 cssrock

Встретилась браузерная игра, обучалка по CSS селекторам. В общем-то не сложная, но процентов 20% селекторов не знал, часть знал но не использовал. Игру прошел, считаю время потратил не зря. Рекомендую! Век живи — век учись =)

Игра тут: https://flukeout.github.io/

Суть состоит в том, что нужно выбирать указанный движением элемент. Теги там не реальные, придуманы для иллюстрации, на этом заморачиваться не стоит.
Например на первом уровне нужно выбрать две тарелки. Выбираем так:  plate
На втором выбрать две салфетки: bento

Родительский контейнер div.table использовать не нужно.

Игра состоит из 26 уровней.

  1.  A
  2.  A
  3. #id
  4.  A  B
  5.  #id  A
  6.  .classname
  7.  A.className
  8.  Put your back into it!
  9.  A, B
  10.  *
  11.  A  *
  12.  A + B
  13.  A ~ B
  14.  A > B
  15.  :first-child
  16.  :only-child
  17.  :last-child
  18.  :nth-child(A)
  19.  :nth-last-child(A)
  20.  :first-of-type
  21.  :nth-of-type(A)
  22.  :nth-of-type(An+B)
  23.  :only-of-type
  24.  :last-of-type
  25.  :empty
  26.  :not(X)

Если кому встречались еще не плохие обучающие тематические игры пишите в комментах.

]]> https://htmlcss.ru/css-%d1%81%d0%b5%d0%bb%d0%b5%d0%ba%d1%82%d0%be%d1%80%d1%8b-%d0%be%d0%b1%d1%83%d1%87%d0%b0%d1%8e%d1%89%d0%b0%d1%8f-%d0%b8%d0%b3%d1%80%d0%b0/feed/ 0 Web Standards Days в Киеве, 2014 https://htmlcss.ru/web_standards_days_v_kieve_2014/ https://htmlcss.ru/web_standards_days_v_kieve_2014/#comments Mon, 30 Nov -0001 00:00:00 +0000

Прямой эфир: 6 дек. 2014 г.

45:15 — Предисловие
50:00 — Сколько нужно верстальщиков, чтобы вставить picture?
1:26:37 — Правила хорошего тона в HTML и CSS
2:11:21 — Пишем БЭМ правильно
2:50:28 — Доступный веб для всех
4:40:31 — PostCSS — что такое постпроцессоры CSS
5:09:44 — Зачем нам функциональное программирование
5:56:34 — Swarm.js: реактивная синхронизация данных
6:39:17 — Режимы наложения в CSS

Описания докладов и слайды: https://webstandardsdays.ru/2014/12/06/

]]> https://htmlcss.ru/web_standards_days_v_kieve_2014/feed/ 0 подскажите какую-нибудь карусель, или слайдер но без overflow:hidden; https://htmlcss.ru/podskazhite_kakujunibud_karusel_ili_slajder_no_bez_overflowhidden/ https://htmlcss.ru/podskazhite_kakujunibud_karusel_ili_slajder_no_bez_overflowhidden/#comments Mon, 30 Nov -0001 00:00:00 +0000 внутри слайдера есть блок с огромной тенью, все слайдеры, или карусели которые я использовал, обрезают тень добавляя к блокам overflow:hidden. Есть какой-то без overflow?

]]> https://htmlcss.ru/podskazhite_kakujunibud_karusel_ili_slajder_no_bez_overflowhidden/feed/ 3 плавное затухание анимации https://htmlcss.ru/plavnoe_zatukhanie_animatsii/ https://htmlcss.ru/plavnoe_zatukhanie_animatsii/#comments Mon, 30 Nov -0001 00:00:00 +0000 как сделать плавное затухание анимации изображения когда отводишь курсор?
jsfiddle.net/x5n7ky9v/

]]> https://htmlcss.ru/plavnoe_zatukhanie_animatsii/feed/ 5