Ви добре знайомі з CSS, впевнені що знаєте всі наявні на сьогоднішній день одиниці розмірів шрифта? Чи знаєте, що вони означають? Ось відповіді на ці запитання ми сьогодні і дамо.
CSS від Twitter
CSS від Twitter
Не так давно у dev блозі компанії Twitter було анонсовано фронт-енд інструментарій для швидкої розробки веб додатків під назвою Bootstrap. Фактично Bootstrap це не що інше, як набір CSS та HTML прикладів з використанням найновіших технік для представлення стильної типографії, форм, кнопок і інших веб елементів. Повний архів можна завантажити з офіційного сайту Bootstrap на github. Інструментарій доступний не лише у звичному файлі стилів з розширенням .css, а й у форматі динамічної мови стилів LESS. Кому як зручніше користуватись. Крім самих файлів стилів є також приклади розмітки сторінок. Bootstrap тестувався і підтримує найновіші версії браузерів Chrome, Safari і Firefox, а також Internet Explorer 7+. За підтримки: Студия Ardiz – профессиональный ремонт и дизайн интерьеров
Чи ІЕ 9 сучасний браузер? Ні!
Чи ІЕ 9 сучасний браузер? Ні!
Наскільки добре ІЕ 9 підтримує HTML5? У цій статті Microsoft пояснює, що тести на зразок caniuse та html5tests не є хорошими, бо вони просто перевіряють наявність фіч, тож краще користуватись тестом W3C. Чи підтримує ІЕ9 99% специфікацій HTML5, як у тому запевняють нас у Microsoft? Ні, насправді вони досить далеко від цього. Тести, про які говорить Microsoft є тестами, що вони створили під час розробки ІЕ9. Тож не дивно, що браузер проходить всі тести, що вони використовували під час його розробки та дизайну – ми завжди набираємо максимум очок у власних тестах. Основна ж мета подібних тестів – фіксувати чи немає регресії та перевіряти на валідність зміни у коді. Іншими словами: тести підтверджують, що майбутні зміни не поламають щойно збудовані [...]
Посторінкова навігація у WordPress без плагіна
Посторінкова навігація у WordPress без плагіна
Переклад статті з англ. автора Kriesi ВордПрес має лише посилання “наступна сторінка” та “попередня сторінка” для навігації між різними сторінками блога. Якщо сталось так, що ви маєте блог з великою кількістю постів або просто хочете запропонувати відвідувачам більше зручності я рекомендую видалити згадані посилання і замінити їх посторінковою навігацією (як і більшість людей, включаючи мене, роблять для своїх блогів).
Креативний розум
Креативний розум
Думаєте, ось це зображення-постер у ретро стилі? А от і ні. Це зовсім навіть зверстаний сайт! Оце я розумію можливості CSS3!! Увага: навіть не думайте відкривати посилання у ІЕ – так можна і нервовий тік вхопити…
Простий і ефективний прелоадер
Простий і ефективний прелоадер
В інтернеті є багато прикладів прелоадерів для зображень. Хороших прикладів і класних прелоадерів зображень. Проте зовсім бракує повно-сторінкових прелоадерів. Ось знайденим одним з них сьогодні я з вами і поділюсь. Він простий у встановленні та використовує зовсім трішки JavaScript.
AIR програми для веб-дизайнера: EM Calculator
AIR програми для веб-дизайнера: EM Calculator
Як часто доводиться перераховувати одиниці виміру у пікселях у одиниці виміру в .em? Правда ж, достатньо часто за час верстки. Щоб полегшити працю веб-дизайнера, розумні люди придумали гарну програму EM Calculator. Вона маленька, швидка, працює на Adobe AIR. Ось скріншот: Так, вона робить лише одну річ – перераховує значення у .px в значення у .em’ах. У процесі роботи вам потрібно вписати назву css елемента і потрібний розмір шрифта у пікселях. Далі натискаємо кнопочку і програма перераховує величини і видає готовий сніпет коду таблиці стилів!
Можливості HTML 5 та CSS 3
Можливості HTML 5 та CSS 3
Правильные книги по бизнесу, интернет магазин. Сьогодні неділя і просто чудовий день! Минулого тижня ми надихались інновативними прикладами макетів у веб-дизайні, а сьогодні ще раз звернемось до можливостей HTML 5 та CSS 3. Відчуваю, що започатковую традицію недільних inspiration. У якому там році очікується, що HTML 5 стане стандартом, десь 202..? Воно може й так, але ця мова розмітки достатньо практична вже сьогодні! А точніше – ще вчора. Адже Smashing HTML5! була розроблена ще у 2009 році.
CSS: “безболюча” верстка – каскадування та умовні коментарі
CSS: “безболюча” верстка – каскадування та умовні коментарі
Друга (та не остання ) частина серії статтей “CSS: “безболюча” верстка”. Першу частину читайте тут. Каскадування Вже у самій назві CSS – Cascading Style Sheet присутнє слово “каскадування”. Що це означає? Метод каскадування є засобом вирішення конфліктів правил у середині таблиці. На практиці ж це означає, що при двох одинакових записах у таблиці стилів, застосовуватиметься те, що розміщене нижче. Наприклад у документі є два одинакові селектори з однаковими властивостями але різними
CSS: “безболюча” верстка – скидання стилів
CSS: “безболюча” верстка – скидання стилів
За підтримки: Ein professionelles Webdesign bei einer erfahrenen Internetagentur aus Dortmund bestellen. Коли займаєшся веб-дизайном, то неодмінно одразу постає питання веб-програмування. І перш за все це верстка сайта. А всі ми добре знаємо, про підступи веб-агентів і що автор, якому цілком підконтрольне написання стилів, всупереч очікуванням надто мало контролює їх відображення. Тож цим дописом я пробую розпочати цикл статтей на блозі, про “CSS – техніки і тактики “безболючої” верстки”. Планую висвітлювати різні прийоми, техніки і “хаки” CSS. Рівний “старт” для всіх браузерів Різні браузери по замовчуванні по різному відображають деякі html елементи. Не буду вдаватись у подробиці виникнення такої ситуації (скоріш за все егоїзм розробників ), але наслідки саме такі. Щоб згладити ці відмінності знадобиться техніка “скидання” стилів. Раніше універсальним [...]
Кращі коментарі