Кілька цікавих і корисних для веб-розробника # 14

  Доброго часу доби шановні хабравчане. За останній час я побачив кілька цікавих і корисних інструментів / бібліотек / подій, якими хочу поділитися з Хабре.
 
 

FastClick.js

Note Bene. Практично завжди сторінка в браузері на вашому тач пристрої реагує недостатньо швидко. Все через затримки в 300ms, щоб переконатися, що це не double tap. FastClick.js — це Поліфему які позбавляє користувачів вашого сайту від цієї затримки.
 
До речі це репозиторій від розробників найвідомішого Financial Times і у них же є ще один корисний проект на GitHub — ftscroller , за допомогою якого легко створити адаптивний скролінг і мульти-скролінг для будь-якого еленмента.
 
 
Читати далі →

Дайджест цікавих матеріалів зі світу веб-розробки та IT за останній тиждень № 102 (23 - 29 березня 2014)

  Пропонуємо вашій увазі підбірку з посиланнями на корисні ресурси, цікаві матеріали та IT-новини
 
 
 
Читати далі →

Кольори і різниця між ними в LESS (SASS)


 
Як зрозуміти в чому різниця між двома кольорами? Як з однієї колірної схеми зробити 360? Як перетворити наявні у нас кольору схеми в змінні, які залежать від одного базового кольору і використовувати це в CSS-препроцесор? Про це ми дізнаємося далі: навіщо нам це, які юскейси можливі з квітами і схемами в LESS (SASS), а також які сервіси допоможуть нам у перетворенні двох кольорів в один і функції над першим. Стаття буде цікава тим, хто використовує CSS-препроцесори, змінні в них, а також функції / домішки.
 
Читати далі →

Спливаючі мітки в формах на чистому CSS

      Можливо, вам вже попадався на очі цей прийом. Це поле введення, яке виглядає так, начебто в ньому є текстова підказка (placeholder), але при початку набору тексту вона не зникає, а відсувається в сторону. Мені подобається ця ідея. Бред Фрост написав дуже гарну статтю про це прийомі, детально розглянувши всі «за» і «проти».
 
Більшість прикладів використання цієї техніки покладаються на JavaScript. В один прекрасний день я зайшов на nest.com, побачив там цей прийом і задумався: а чи не можна реалізувати те ж саме без JavaScript? І ось що з цього вийшло.
 
Ось так виглядає форма на nest.com:
 
 image
 
Читати далі →