PHPStorm на мій погляд одна з найкращих середовищ розробки для web розробників. Вона вміє практично все, в тому числі і компілювати less в css. Правда для Цього я встановив додатковий плагін LESS CSS compiller. Налаштувати компіляцію дуже просто. Перше що потрібно зробити, це відкрити Preferences і створити LESS профіль: Далі просто необхідно заповнити поля: -вказати…
Дуже часто клієнти вимагають, щоб текст в поле введення зникав при появі на ньому фокуса, і з’являвся назад при втраті фокуса і за умови що в поле нічого не було введено. У HTML5 це можна зробити використовуючи атрибут data- і jQuery. Розмітка в цьому випадку буде виглядати наступним чином: <input type=”text” value=”Placeholder text” data-value=”Placeholder text”/>…
Не так давно я обзавівся макбуком з retina display і відразу зрозумів те, що більшість сайтів взагалі ніяк не дружать з retina display. На це можна закрити очі в нашій країні, де кількість пристроїв з retina display дуже мало. Але якщо орієнтувати свої проекти на захід то потрібно враховувати специфіку таких пристроїв. І так адаптація…
Робота в невеликій компанії часто виглядає як абсолютно неконтрольований процес. Вчора ти займався узгодженням документів з будівництва складу, сьогодні розробкою маркетингового плану, узгодженням макетів реклами, завтра у тебе спитають “а чи є у Вас сайт?”. І пішло поїхало! Зупинити цей ком постійної зайнятості можна тільки правильно виділивши головне і розділивши обов’язки. Керівнику невеликого підприємства дуже…
Отже, що ж таке LESS і як за допомогою LESS можна прискорити процес написання CSS стилів для вашого проекту? Як говорить нам Вікіпедія LESS – це динамічний мову стилів, який розробив Alexis Sellier. Він створений під впливом мови стилів Sass, і, в свою чергу, вплинув на його новий синтаксис «SCSS», в якому також використаний синтаксис,…
Структура сайту. Верстку сайту, на мій погляд, варто починати з аналізу дизайну і технічним вимогам що ставляться до майбутнього сайту. Проаналізувавши дизайн і технічні вимоги (або технічне завдання) необхідно вирішити якусь структуру матиме майбутня html сторінка. Більшість html сторінок складається з трьох основних частин: шапка header, основна частина content і нижня ділянка footer. Як правило…
CSS (Cascading Style Sheets Каскадні таблиці стилів) є наслідком розвитку html. Css дають нам можливість відокремити візуальне оформлення веб сторінки від її смислової розмітки. У класичному html структура і оформлення були об’єднані в єдине ціле, поруч з текстовим абзацом писався розмір шрифту, тип шрифту і т.д. Це дуже ускладнювало файл розмітки html для обробки його…
Існує велика різноманітність шрифтів які можуть застосовуватися при розробці дизайну. Але веб браузери розуміють тільки кілька стандартних шрифтів такі як Arial, Georgia, Helvetica, Times New Roman, Trebuchet, Palatino, Verdana і кілька інших менш поширених. Якщо ж ви хочете використовувати на своєму сайті шрифти які не входять до цього переліку, то вам необхідно використовувати нестандартні засоби…
Cufon конвертують свій нестандартний шрифт в свій внутрішній формат, і потім відображають сконвертовані шрифт за допомогою canvas в сучасних браузерах і VML в Internet Explorer’е. Великий плюс такого підходу в тому, що не потрібен плагін для відображення flash. У порівнянні з sIFR cufon володіє більшою швидкістю і працює абсолютно на всіх комп’ютерах. Cufon складається з…
HTML (Hyper Text Markup Language – мова гіпертекстової розмітки) був створений в начаале 1990 року працівником CERN (European Organization for Nuclear Research) Тімом Бернерс-Лі. Мова html був заснований на SGML (Standard Generalized Markup Language – стандартний узагальнений мову розмітки). Основною ідеєю SGML було створення між платформного мови для розмітки документів. Цю ідею реалізувала команда під…