Какой рейтинг вас больше интересует?
|
Главная / Главные темы / Тэг «response»
[Из песочницы] Отзывчивый размер шрифта 2016-09-16 14:11:00
Уверен, что никому не нужно объяснять почему сайты должны быть гибкими и адаптивными. Все ...
+ развернуть текст сохранённая копия
Уверен, что никому не нужно объяснять почему сайты должны быть гибкими и адаптивными. Все используют проценты и медиа-запросы в своей верстке. Сейчас это уже стандарт.
Но типографика до недавнего времени не была столь гибкой. Все что мы могли — изменять размеры шрифта от брейкпоинта к брейкпоинту. В таком случае мы получали скорее адаптивную типографику нежели отзывчивую. Для каждого медиа-запроса нужно задавать свои значения. Можно конечно использовать компонентный подход с относительными размерами шрифта, что может существенно ускорить процесс редактирования, но принципиально это ничего не меняет. При перемещении компонента в другое место нужно будет опять пробегать по всем медиа запросам и подставлять новые значения.
Но потом появились они — vw, vh, vmin, vmax — единицы измерения, которые базируются на viewport. У нас появился шанс на отзывчивую типографику.
Читать дальше →
Тэги: calc, css, design, responsive, sass, scss, web, веб-сайтов, разработка
New Themes: Rowling and Scratchpad 2016-04-14 19:00:19
Meet Rowling and Scratchpad, the latest additions to our free theme collection.< ...
+ развернуть текст сохранённая копия
Meet Rowling and Scratchpad, the latest additions to our free theme collection.
Тэги: free, responsive, rowling, themes
Визуальные тесты с Galen Framework. Улучшаем читабильность кода 2015-12-09 11:21:12
Два года прошло с момента написания первой статьи о Galen Framework. На тот момент все, что из ...
+ развернуть текст сохранённая копия
Два года прошло с момента написания первой статьи о Galen Framework. На тот момент все, что из себя представлял Galen, это лишь простенький набор проверок для расположения элементов страницы относительно других элементов. Тогда еще в нем не было ни возможности проверить скриншот по-пиксельно, ни расширить язык Galen Specs, который, собственно, и является основой фреймворка. Также тесты могли запускаться только с использованием одного формата тест-сьютов, что очень ограничивало возможности Galen тестов. С тех пор, благодаря поддержке сообщества, многое изменилось в Galen. Сегодня, это уже полноценный инструмент для визуального тестирования, который может не только проверять скриншоты по-пиксельно и накладывать фильтры на тестируемые изображения, но также предоставляет богатый набор фич, позволяющих расширять возможности языка Galen Specs. В этой статье я бы хотел продемонстрировать новые возмножности языка Galen Specs, а также показать, как улучшить читаемость визуальных тестов в Galen Framework на примере этой страницы.
Читабельность — одно из важных свойств любого тест-кода. Один мой сотрудник даже утверждал, что читабельность тестов важнее читабельности основного кода, т.к. именно тест будет входной точкой при попытке разобраться, как работает какой-либо функционал в приложении. Мне эта идея понравилась, и я решил применить ее для визуальных тестов в Galen Framework. Моей целью было написать тест, прочтя который, станет понятно, как должен выглядеть сайт в разных размерах браузера. Давайте взглянем на самые распространенные случаи при тестировании верстки адаптивного сайта и попробуем разобраться, как же улучшить наши тесты.
Читать дальше →
Тэги: design, framework, galen, it-систем, responsive, selenium, tdd, web, webdriver, веб-дизайн, веб-разработка, визуальное, дизайн, отзывчивый, тестирование
Тактические ботинки Reebok Rapid Response RB8977 2015-07-22 09:55:37
... «быстрого реагирования» Rapid Response RB8977. Модель предназначена ...
+ развернуть текст сохранённая копия
Компания Reebok представила новые 8-дюймовые тактические ботинки в линейке «быстрого реагирования» Rapid Response RB8977. Модель предназначена для проведения бесшумных операций в зонах боевых действий, а потому ее можно классифицировать как берцы для спецназа и диверсантов.
Тэги: rapid, rb8977, response, армейские, берцы, ботинки, военные, диверсанта, обувь, походные, спецназа, тактические, трекинговые, туристические
[Из песочницы] Чуть более адаптивный сайт на 1C-Bitrix, аналог классов видимости от bootstrap 2015-07-14 11:18:41
Как всем нам известно, с 21 апреля 2015 года Google будет пессимизирует сайты, непригодные к ...
+ развернуть текст сохранённая копия
Как всем нам известно, с 21 апреля 2015 года Google будет пессимизирует сайты, непригодные к просмотру на мобильных устройствах при ранжировании. Со многими бедами помогают бороться CSS фреймворки типа Bootstrap, настройки CMS, в частности, 1С-БУС последних версий. Но все они не решают другой, очень важной проблемы: мало просто скрывать ненужный контент на определенных устройствах, нужно предотвращать его загрузку.
В данной статье я расскажу о расширении написанном мной для 1C-Bitrix управление сайтом, которое решает объявленную выше проблему.
Читать дальше →
Тэги: 1c-bitrix, 1с-битрикс, developer, development, html, marketplace, responsive, tools, веб-разработка
Страницы: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19
Главная / Главные темы / Тэг «response»
|
Взлеты Топ 5
Падения Топ 5
|