Какой рейтинг вас больше интересует?
|
Главная / Главные темы / Тэг «frontend»
[Перевод] Шпаргалка для сравнения классов Twitter Bootstrap и Zurb Foundation 2014-09-11 14:37:00
 + развернуть текст сохранённая копия
Zurb Foundation — это крутой фронтэнд-фреймворк, являющийся достойной альтернативой бутстрапу, и стоит как минимум взглянуть на возможности Foundation, прежде чем отвергать его. Foundation имеет некоторые фичи, которых нет в Bootstrap.
Эта короткая статья является по сути шпаргалкой, призванной помочь разработчикам начать работать с Foundation после работы с Bootstrap. Мы сравним основные классы для обоих фреймворков. По большей части, оба фреймворка имеют набор основных компонентов (сетка, кнопки, формы, таблицы), под катом представлена таблица сравнения классов для этих компонентов. Читать дальше →
Тэги: bootstrap, css, foundation, frameworks, frontend, twitter, web-development, zurb, веб-разработка
[Перевод] CSS-препроцессоры против постпроцессоров 2014-09-07 19:17:39
CSS-препроцессоры прекрасны, они сделали революцию в мире интернет-вёрстки. Создание кросс- ...
+ развернуть текст сохранённая копия
CSS-препроцессоры прекрасны, они сделали революцию в мире интернет-вёрстки. Создание кросс-браузерного CSS стало гораздо проще, потому что все вендорные префиксы и хаки можно завернуть в примеси, заглушки или что у вас там. До сих пор этого вполне хватало, но так как мы неистово одержимы контролем, хотим большего. Всегда. БОООООЛЬШЕ. Скажи привет CSS-постпроцессорам!
Postprocessing? я запутался!
Это неудивительно, мне кажется “postprocessing” не слишком подходящим словом, но он вполне способно донести саму суть – CSS-препроцессоры (Sass, Less и т.д.) читают и собирают язык расширения в CSS, тогда как постпроцессоры читают и собирают сам CSS. Это ужасно, простите, но если вы но если было непонятно, то теперь всё должно встать на свои места.
Уже существует несколько постпроцессоров, например – Autoprefixer, PostCSS и rework.
Зачем использовать постпроцессор?
Что ж, давайте возьмём для примера Autoprefixer, он читает ваш CSS и добавляет вендорные префиксы, используя при этом базу данных Can I Use. Представьте, что вы пишете на Sass и хотите применить правило из CSS3, плохо поддерживаемое без префиксов, так что используете примесь:
@mixin box-sizing($value) {
-webkit-box-sizing: $value;
-moz-box-sizing: $value;
box-sizing: $value;
}
.box {
@include box-sizing(border-box);
}
Почему Autoprefixer лучше? Потому что можно вот так:
.box {
box-sizing: border-box;
}
Читать дальше →
Тэги: autoprefixer, css, frontend, postcss, postprocessor, preprocessor, веб-разработка
Видеозаписи докладов конференции Happу New Front-End: О фронтенде по-новому 2014-01-30 17:29:41
 + развернуть текст сохранённая копия
Команда проекта GeeksLab 18 января 2014 года в Одессе провела конференцию Happу New Front-End: О фронтенде по-новому!. В рамках конференции были подняты темы современной верстки, разработки фронтенда на чистом JavaScript, а также использования различных CSS и JavaScrpt фреймворков для построения фронтенда веб-проектов. С докладами выступили представители таких компаний как: rollApp, Universal Mind, DataArt, Ciklum, Elis, R2Crew, RootUA Media, WMSoftware, Electric Cloud. Презентации и видеозаписи докладов под катом.
Читать дальше →
Тэги: angularjs, backbonejs, durandaljs, emberjs, frontend, geekslab, javascript, media, meteor.js, rootua, sencha, блог, веб-разработка, видео, компании, конференция
Кэширование фронтэнда: Flask, Nginx+Memcached+SSI 2013-08-29 12:38:40
Достаточно давно мне на глаза попались следующие статьи по этой тематике:
- nginx, ...
+ развернуть текст сохранённая копия
Достаточно давно мне на глаза попались следующие статьи по этой тематике:
- nginx, memcached и SSI
- Nginx + Memcached + SSI — кеширование страниц и блоков (partials)
- Кеширование страниц — ускоряем сайт в 100 раз (Varnish + ESI)
С PHP я дружу, поэтому попробовал примеры и убедился, что это работает. Но всё это имело «фатальные недостатки» :) — PHP, а я фанат Python и по работе занимаюсь в основном бэкендом. Серьёзно говоря, применить на практике это не представлялось возможным.
Однако в начале года поступило предложение поучаствовать в одном амбициозном проекте, изначально подразумевающий HiLoad и прочие плюшки из этой оперы. Пока составлялись бизнес-планы, искались инвесторы и тому подобные дела, я решил изучит вопросы которые на мой взгляд пригодились бы в этой работе, в том числе и вопросы кэширования.
В первую очередь было реализовано черновое решение для моего любимого фрэймворка Flask использующее для кэширования стек Varnish+ESI. Это заработало и даже показало неплохие результаты. Позже пришло понимание, что возможно Varnish «лишний игрок» и всё тоже и даже гибче можно получить на связке Nginx+Memcached+SSI. Был сделан и этот вариант, по производительности особых отличий замечено не было, но последний показался более гибким и управляемым.
Тот проект не вырулил даже на взлетную полосу, или вырулил но без меня. Подумав, я решил «причесать код» и выложить его в OpenSource и на суд общественности.
Читать дальше →
Тэги: esi, flask, frontend, highload, memcached, nginx, python, ssi, varnish, web, веб-разработка, высокий, запрос, кэширование, производительность
Коллекция ресурсов для frontend и backend разработчиков 2013-06-22 13:00:23
... статьи.
Frontend: gist.github.com ...
+ развернуть текст сохранённая копия
Некий dypsilon выложил на GitHub огромную коллекцию ссылок на ресурсы по веб-разработке, за что ему огромное спасибо.
Список состоит из ссылок на библиотеки, руководства и статьи.
Frontend: gist.github.com/dypsilon/5819504
Backend: gist.github.com/dypsilon/5819528 (много node.js)
Ссылок много, но все — строго по делу и упорядочены по группам (пример для фронтенда):
- Архитектура
- Фреймворки
- Cross Browser
- Cross Device
- Паттерны и сниппеты
- Манипуляция с DOM
- Сервисы
- … и многое другое
matmuchrapna советует еще frontdesk Вячеслава Олиянчука.
Настоятельно рекомендуется добавить в закладки, а лучше — почитать.
Тэги: backend, frontend, бекенд, веб-разработка, топик-ссылка, фронтенд
Страницы: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15
Главная / Главные темы / Тэг «frontend»
|
Взлеты Топ 5
Падения Топ 5
|
