Метка «css»

Мой первый пост.
Центрирование блока относительно другого блока относительно часто-попадающаяся задача, это очередное ее решение. Для меня оно стало самым универсальным и покрывающим все кейсы, с которыми я когда-либо сталкивался.
Читать полностью »

Привет! Хочу поделиться с Вами своим опытом в разработке приложений для Samsung SmartTV.

image
Читать полностью »

Всем доброго времени суток и с наступившим.

Prelude

Долго не решался написать. Не было подходящей темы, да и читая опубликованные статьи понимал, что сам не смог бы написать развернутый текст (Халк не уметь много писать).
Но прошло время и пришло понимание, что нужно поделиться всем тем, что копошится в голове. А именно: адаптивный шрифт текста, который изменялся бы пропорционально, отображался красиво не только на разных устройствах, но и при разных размерах экрана.
Читать полностью »

Semantic-UI 1.0.0 — CSS-фреймворк - 1

После публикации статьи «Semantic UI — почти альтернатива Bootstrap», за что отдельное спасибо автору статьи, мне как-то пришелся по душе данный CSS-фреймворк. Я стал иногда использовать его в свои проектах, так как частенько приходится использовать twitter bootstrap (не отступая от стандартной верстки). Мне просто было необходимо чем-нибудь его разбавлять, ну, в смысле надоедало использовать одно и тоже и придерживаться одного синтаксиса.

И вот, сегодня в очередной раз посетив сайт фреймворка, для того, что бы воспользоваться документацией, был приятно удивлен, что проект активно развивается. Последняя версия, которую я использовал меньше месяца, назад была 0.19.3, а сегодня вышла 1.0.0.
Читать полностью »

В этой статье я попытаюсь рассказать, как сделать простой шаблон адаптивным. И, конечно же, я попытаюсь объяснить, что такое адаптивный дизайн.

Что такое адаптивный дизайн?

Я уверен, что вы часто «серфите» по сайтам с мобильных устройств и не раз замечали, что есть сайты, где надо масштабировать страницу, чтобы прочитать текст. А бывает, что еще хуже — текст может не поместится на всю страницу и вам придется крутить страницу и по горизонтали, и по вертикали.

Зайдя на сайт с адаптивным шаблоном все меняется, ибо текст «подстраивается» под ваш телефон (разрешение экрана).
Читать полностью »

Любой человек, занимающийся fron-end'ом и даже веб-разработкой в целом знаком с Adobe Brackets или просто слышал о нем.
С каждым обновлением и с каждым удачным расширением этот редактор кода настойчиво переманивает пользователей на свою сторону.

Хочу рассказать вам об одном из таких удачных расширений. Оно называется PSD Lens, он же Extract for Brackets. Расширение сейчас находится на закрытом тестировании, но в один прекрасный день станет общедоступным.
На самом деле, я давно получил к нему доступ и не решался писать на Хабр. И вот, я решился.
Читать полностью »

Введение

В предыдущих статьях мы рассмотрели принципы верстки на чистом CSS и с помощью Bootstrap. Сегодняшней статьей мы начинаем рассматривать особенности верстки под популярные CMS. И начнем с WordPress, как самой популярной из них. Будем считать, что WordPress у вас уже установлен и перейдем непосредственно к созданию шаблона, в качестве которого у нас по-прежнему будет выступать Corporate Blue от студии Pcklaboratory. Если вы не знаете как установить WordPress, то инструкцию можно найти здесь. В данном руководстве мы не будем подробно описывать CSS стили и HTML код – это было сделано уже в предыдущих статьях. Вместо этого рассмотрим детально особенности создания темы именно под WordPress.
Читать полностью »

Комментарии к записи Get & Check — доставляем контент и шлём push уведомления на мобильные устройства отключены

Вступление

Давным давно, когда я администрировал сервер WoW (эмулятор), была у меня идея — доставлять информацию о сервере на мобильные устройства игрокам. А еще было бы круто им слать push уведомления. Все закончилось тогда на развернутом окружении для разработки под android. А еще и про iOS разработку почитал, что там не все так просто.
Года идут, сервер WoW давно закрыт, случилась другая ситуация — организация конференции. И раз конфа — надо расписание на мобильные устройства. Из плюсов — что сейчас уже появилось множество средств для того, чтобы это приложение сделать со знанием только js/html/css. Но опять — публикация в сторах, заморочки, модерация и т.п. Да и факт — push уведомления то слать хочется!
И я все искал сервис — где бы просто «запушать» свой контент (html/js/css), который бы просто кэшировался & рендерился на разных устройствах у пользователей. Да, push уведомления все также бы хотелось слать. Так ничего и не найдя — родился сервис http://getandcheck.com, в т.ч. благодаря моим друзьям со студенческой скамьи, которые написали клиенты-приложения для iOS (Андрей Ковалев), Android (Иван Лебедев) и WinPhone coming soon (Андрей Поляков)
Читать полностью »

Комментарии к записи Подборка полезных CSS рецептов, или чем мы занимаемся на голых пятницах отключены

Подборка полезных CSS рецептов, или чем мы занимаемся на голых пятницах

В нашем отделе веб-разработки есть хорошая традиция. Каждые 2 недели у нас проходят «голые пятницы» — это мини-конференции, на которых мы делимся интересными и полезными знаниями, накопенными в процессе работы. Сегодня таких знаний у нас накопилось довольно много, и мы решили начать постепенно делиться ими с общественностью в лице Хабрасообщества.

Итак, представляем вашему вниманию сборку интересных и (надеемся) малоизвестных HTML и CSS-рецептов. Будем рады, если каждый из вас узнает что-то новое!
Читать полностью »

Данная статья может быть интересной для начинающих web-разработчиков, или же обычных программистов, которые вёрстку учили только на первом курсе, и сейчас не до конца понимают как с html вообще можно играть.

image
Читать полностью »