Записи в категорії «HTML/CSS»

Пару слів про meta-тег viewport та масштабування в мобільних браузерах

Трохи історії

Був час, коли мобільних пристроїв (смартфонів, планшетів) не було чи були, але не в тій кількості, в якій вони є зараз. Веб-майстри оптимізовували сайти в основному під десктоп (від англ. desktop). Роздільна здатність настільний моніторів потрохи зростала — якийсь час веб-майстри орієнтувалися на 800 пкс., згодом на 1024 і так далі.

Час йшов і в мережі з’явилась величезна кількість сайтів оптимізованих під певну ширину монітора. Адже на загал всі мали монітори плюс-мінус такої ширини і вище.

І тут на арену вийшли мобільні пристрої, в яких кількість пікселів поступалася тим, що була в той час на десктопах.

Що робити? Треба якось правильно показувати власникам цих пристроїв веб-сторінки, які на той час були.

Примусити всіх переробити сайти було нереально, тож розробники мобільних браузерів придумали маштабувати веб-сторінки.

Читати далі

Про деякі обмеження стилів в Internet Explorer’і

Internet Explorer 6—9

  • таблиця стилів (CSS-файл) може містити до 4095 правил;
  • за допомогою правила @import можна імпортувати в поточну стильову таблицю вміст не більше 31 файлу;
  • @import підтримує не більше 4 рівнів вкладеності в глибину.

Internet Explorer 10

  • таблиця стилів може містити до 65534 правил;
  • документ може використовувати до 4095 каскадних таблиць стилів;
  • @import обмежується 4095 рівнем вкладеності.

CSS-фреймворк в один рядок

Чи обов’язково корисні речі мають бути великими за розмірами? Мабуть, ні. На підтвердження хочу навести переклад статті «1 line CSS Grid Framework». Її автор спробував довести наскільки легким може бути CSS. Потрібно лише трохи фантазії і можна створювати класні речі.

Читати далі

Fluid 960 Grid System — набір інтерактивних шаблонів

Сьогодні ми поговоримо з вами про шаблони Fluid 960 Grid System, які дають можливість веб-майстрам мінімізувати загальний час, затрачений на розробку сайту. Динамічна частина цих шаблонів написана на бібліотеці MooTools, а каркас реалізовано на CSS-фреймворку 960 Grid System. Ну, але давайте по порядку.

Читати далі

HTML-верстка і Web-програмування сайту. З чого почати?

Дана стаття написана для тих, хто самостійно намагається розібратися в програмуванні сайтів. Вона показує шлях, по якому може рухатися початківець, який розгубився в різноманітності сучасних мов програмування для Web, а також вона намагається обґрунтувати даний вибір. Кроки запропоновані в цій статті не варто вважати абсолютно правильними. Це лише авторське (суб’єктивне) бачення можливого розвитку Web-програміста.

Читати далі