Предлагаем вашему вниманию подборку с ссылками на полезные ресурсы, интересные материалы и IT-новости
Рубрика «css» - 102
Дайджест интересных материалов из мира веб-разработки и IT за последнюю неделю №133 (3 — 9 ноября 2014)
2014-11-09 в 20:14, admin, рубрики: api, css, css3, html, html5, jquery, JS, Блог компании Zfort Group, браузеры, веб-дизайн, Веб-разработка, дайджест, Новости, ресурсы, ссылки, ссылки на сми
Создаем портфолио на основе фотографий из Instagram
2014-11-08 в 21:41, admin, рубрики: Bootstrap, css, html, instafeed, Instagram, javascript 
Здравствуй, дорогой хабрадруг! В этом уроке мы создадим простой сайт-портфолио, который будет базироваться на фотографиях из вашего аккаунта в Instagram. Дизайн сайта сделал Tomas Laurinavicius, и он получился у него простым, функциональным и просторным. Итак, начнем!
Brackets для сомневающихся и новичков
2014-11-08 в 12:15, admin, рубрики: brackets, css, IDE, javascript, JS, web, Веб-разработка, ПрограммированиеСД: НЧ
Без плагинов Brackets не лучше других редакторов, но с ними его стоит хотя бы попробовать.
Введение
Не так давно на Хабре было опубликовано множество статей, касающихся тем или иным образом редактора Brackets. У многих людей сразу же появились вполне справедливые вопросы:
- Чем он лучше используемого мной %EDITOR_NAME%?
- Много ли под него плагинов?
- Стоит ли связываться или лучше использовать какую-нибудь известную IDE или текстовый редактор?
Надеюсь, после чтения этой статьи каждый сможет найти для себя ответы на эти вопросы.
Читать полностью »
Практическое применение FlexBox
2014-11-07 в 7:09, admin, рубрики: css, css3, flexbox, responsive design, адаптивная разметка, Веб-разработкаПривет!
Одним прекрасным вечером, не предвещающим ничего интересного, в наш чатик поступило предложение от автора публикации «Переводим в код 5 действительно полезных шаблонов адаптивной разметки», написанной им весной 2012 года, написать статью-ремейк, но с применением FlexBox и сопутствующим пояснением что и как работает. После некоторой доли сомнений, интерес глубже разобраться в спецификации все таки победил и я благополучно сел верстать те самые примеры. В ходе погружения в эту область стало выясняться множество нюансов, что переросло в нечто большее чем просто переверстать макетики. В общем в данной статье хочу рассказать о такой чудесной спецификации, под названием «CSS Flexible Box Layout Module» и показать некоторые ее интересные особенности и примеры применения. Всех кому интересно, любезно приглашаю под хабракат.
Читать полностью »
Несколько интересностей и полезностей для веб-разработчика #32
2014-11-03 в 12:00, admin, рубрики: css, html, javascript, веб-дизайн, Веб-разработкаДоброго времени суток, уважаемые читатели. За последнее время я увидел несколько интересных и полезных инструментов/библиотек/событий, которыми хочу поделиться с Хабром.
ICEcoder
Это не просто песочница, а полноценный open source редактор в вашем браузере. Вообще существуют десктопные версии, но по-моему, наибольшие внимание разработчики уделают веб-версии. ICEcoder поддерживает HTML, CSS, LESS, SASS, JS, Coffee, PHP, RonR, Python, C/C++/C#, Java, Lua, Rust, SQL, Markdown, всего более 60 языков! Фичи: возможность совместной работы с кодом, Emmet, LiveReload, работа с БД, колопикер, diff tool, линтеры и еще целое множество удачных интерфейсных решений. Повторюсь — это все в вашем браузере!
Дайджест интересных материалов из мира веб-разработки и IT за последнюю неделю №132 (27 октября — 2 ноября 2014)
2014-11-02 в 20:43, admin, рубрики: api, css, css3, html, html5, jquery, JS, Блог компании Zfort Group, браузеры, веб-дизайн, Веб-разработка, дайджест, Новости, ресурсы, ссылки, ссылки на смиПредлагаем вашему вниманию подборку с ссылками на полезные ресурсы, интересные материалы и IT-новости
Наступают тёмные времена: тема HabraDarkAge
2014-11-02 в 0:59, admin, рубрики: css, css3, HabraDarkAge, Night Mode, usability, userstyles, Хабрахабр API 
Сейчас ночь. Самое время для презентации тёмной темы стилей Хабра.
Для стилей ZenComment настали тёмные времена. В век засилья ноутбуков, смартфонов и планшетов большое значение для аккумулятора имеет то, в каком цвете ты показываешь фон сайта. Если ты не пользуешься ЭЛТ-монитором, то яркость LED-экрана влияет на потребление энергиии. Белые бизнес-стиляги начинают жрать ресурс — и проигрывают. У ограниченных в знаниях технической подоплёки белых воротничков одни за другими начинают гаснуть экраны в темноте, в застрявшем вагоне электрички, когда истинные гики, потешаясь над их попытками включить телефон, дочитывают последнюю статью с Хабра на 20 минут дольше, спокойно дожидаясь спасателей, чем все остальные. Если, конечно, они в своё время установили тёмную тему юзерстилей…
Поэтому тёмные темы пользуются заслуженной популярностью. Их возникло за последние годы несколько, но не все они дожили до синхронизации и гармонии с текущей версией сайта. Даже конец августа этого года для стилей «New Habr: night mode» не стал моментом истины: в сентябре грянула перестройка, geektimes и прочие наслоения вечно текущего мира.
HabraDarkAge
Гибкая настройка графиков в JavaFX
2014-10-30 в 13:34, admin, рубрики: css, java, javafx, велосипедостроение, графики, Программирование 
JavaFX довольно странная штука. С одной стороны он кажется безумно продуманным и удобным настолько, что хочется использовать его где только можно. А с другой стороны он настолько топорный, что хочется его переписать. Некоторые части графического интерфейса работают совсем странно, другие объявлены как final и дополнить их невозможно.
Если вам интересно, как представлены графические элементы в JavaFX и как можно разнообразить свой график, то открывайте кат, на свой страх и риск.
Читать полностью »
Создаем сетку с помощью Susy
2014-10-29 в 8:26, admin, рубрики: codepen, css, flexbox, Grid, html, responsive, sass, Веб-разработка
Susy — тулкит для создания сеток, с помощью которого можно решать множество разнообразных задач по расположению контента. В отличии от фреймворков, таких как Bootstrap или Foundation, Susy не предоставляет предопределенных классов для использования, а только лишь набор функций и миксин, после знакомства с которыми можно сделать много большее.
В этой публикации будут рассмотрены основные возможности Susy на примерах, а так же будет добавлен вывод с использованием flexbox.
Читать полностью »
Основы разработки веб-приложений
2014-10-27 в 8:55, admin, рубрики: ajax, css, html, javascript, jquery, Блог компании Издательский дом «Питер», Веб-разработка, издательство, книги, Профессиональная литература Всех с понедельником.
На прошлой неделе у нас вышел перевод книги «Learning Web App Development». Книга доступна в печатном виде и электронном (pdf+epub).
Аннотация:
Благодаря этой книге вы усвоите основы создания веб-приложений, построив простое приложение с нуля с помощью HTML, JavaScript и других свободно предоставляемых инструментов. Это практическое руководство на реальных примерах обучает неопытных веб-разработчиков тому, как создавать пользовательский интерфейс, строить серверную часть, организовывать связь клиента и сервера, а также применять облачные сервисы для развертывания приложения. Каждая глава содержит практические задачи, полноценные примеры, а также ментальные модели процесса разработки. Эта книга поможет вам сделать первые шаги в создании веб-приложений, обеспечив глубокие знания по теме. — Создайте основу рабочего процесса с помощью текстового редактора, системы контроля версий и браузера. — Постройте пользовательский интерфейс на HTML, а затем оформите его с помощью CSS. — Используйте jQuery и JavaScript, чтобы добавить в приложение интерактивности. — Создайте связь между клиентом и сервером с помощью AJAX, объектов JavaScript и JSON. — Изучите основы программирования серверной стороны с помощью Node.js. — Храните данные вне своего приложения с Redis и MongoDB. — Разместите ваше приложение в сети, загрузив его на облако с CloudFoundry. Изучите основные рекомендации по написанию обслуживаемого кода как в клиентской, так и в серверной части приложения.Читать полностью »