Какой рейтинг вас больше интересует?
|
Главная / Главные темы / Тэг «бэм»
[Из песочницы] BemPHP: реализация методологии БЭМ средствами PHP 2015-02-03 18:34:07
... . Верстаем страницу по БЭМу» от хабраюзера xnim ...
+ развернуть текст сохранённая копия
Пришла мне тут как-то мысль освоить PHP, а, как известно, лучший способ изучить язык – это создать на нем велосипед фреймворк. При ковырянии в различных форумах и топиках заинтересовала меня одна методология, которую пропагандируют в уважаемой компании «Яндекс» — официальной страничке. Так же на Хабре есть публикация «Верстка для самых маленьких. Верстаем страницу по БЭМу» от хабраюзера xnim, в котором все объяснятся на конкретном примере. «Яндекс» написали свои модули и скрипты сборки проектов, однако выполнены они все на Node.js, а вот на PHP обнаружить что-то подобное мне не удалось (хотя, признаюсь честно, я особо и не искал). К тому же, PHP, как объектно-ориентированный язык, дает интересные возможности.
Читать дальше →
Тэги: framework, php, бэм, веб-дизайн, велосипедостроение, вёрстка, ооп, яндекс
БЭМ с человеческим лицом и интеграция с backend 2014-12-18 02:07:47
Верстка современных web-проектов – это сложно, долго и дорого. Казалось бы, с переходом IE на ...
+ развернуть текст сохранённая копия
Верстка современных web-проектов – это сложно, долго и дорого. Казалось бы, с переходом IE на автоматические обновления, HTML5, окончанием поддержки Win XP все мы должны зажить в сказочной стране с пони и радугой. Почему легче не стало?
- HTML5 и CSS3 подарили вебу возможность создавать UI, почти не уступающий по сложности и отзывчивости desktop-приложениям. Ничто не дается просто так, HTML, CSS и JS стало в разы больше. Раньше нам хватало трех файлов: styles.css, stupid-ie-must-die.css, scripts.js. Сейчас количество скриптов, стилей, загружаемых шрифтов, картинок измеряется десятками и сотнями. Появилась необходимость в минификации, ускорении рендеринга и организации всего этого барахла в файловой системе.
- Сайты постепенно перестали быть набором связанных гипертекстовых страничек и стали web-приложениями. Если раньше для многих сайтов достаточно было сверстать «главную» и «внутреннюю» страницы, то сейчас все совсем не так просто. Количество дизайн макетов легко достигает десятков и сотен.
- Мы все наслушались про лендинг-пейдж, a/b-тестирование и многократное увеличение конверсии за «просто-так». Оставим за бортом вопрос об эффективности этих методик. Дизайн начали переделывать часто – это факт. Известно, что внесение изменений и поддержка – гораздо дороже и сложнее, чем разработка.
- Появились мобильные устройства и необходимость в адаптивном дизайне. Тестировать стало сложнее и дольше. Цикл исправления найденных при тестировании багов стал дольше. Тестирование UI почти не поддается автоматизации, с ростом функционала время на регрессионное тестирование неуклонно растет.
- Усложнилась интеграция с backend-кодом, появилась необходимость делать это гораздо чаще.
Все это заставляет задуматься об оптимизации работы с фронтэндом.
Хочется:
- Уменьшить время и количество интеграционных работ («натягивание» сверстанного макета на серверную технологию)
- Повысить повторное использование html, css и js, уменьшить количество соответствующего кода
- Снизить время на модификацию существующего кода
- Уменьшить количество ошибок при модификации, особенно регрессии
- Научиться создавать и верстать адаптивный дизайн эффективно
Читать дальше →
Тэги: css, бэкенда, бэм, веб-разработка, интеграция, разработка, фронтэнда
В чем проблема «проблемы БЭМ'а»? 2013-11-28 12:42:35
... пришла неделя " БЭМ". Причем ... верят в методологию БЭМ'а, другие ... для себя положение БЭМ'а в ...
+ развернуть текст сохранённая копия
Вроде закончилась неделя 30 строк кода и взамен ей видимо пришла неделя "БЭМ". Причем прослеживается достаточно забавная очередность топиков:
- Верстаем веб-страничку за 15 мин.
- На БЭМ'е было бы лучше!
- Сами вы ешьте свой бем, у меня препроцессоры!
И самое интересное, как всегда, в комментариях — чистой воды холивар. Но из-за чего? Почему одни свято верят в методологию БЭМ'а, другие презирают её как узурпатора семантичности? Я попробую изложить свою точку зрения на суть всего холивара и прояснить в первую очередь для себя положение БЭМ'а в собственном мироздании. Читать дальше →
Тэги: bem, css, html, бэм, веб-разработка, верстка
Объектно-ориентированный дизайн… в CSS 2013-03-03 20:39:58
... интерес был подогрет БЭМом, при первом знакомстве ... дискомфортом. А поскольку БЭМ-стиль в проектах ...
+ развернуть текст сохранённая копия
Предупрежу заранее, что я совершенно не считаю себя экспертом HTML/CSS/JS. Но, как архитектору, мне всегда была интересна организация и систематизация кода в самых разных его проявлениях, в том числе и представленных в виде CSS. Особенно сильно этот интерес был подогрет БЭМом, при первом знакомстве с которым подсознание отреагировало когнитивным дискомфортом. А поскольку БЭМ-стиль в проектах у меня стал появляться все чаще, я почувствовал острую необходимость осмыслить, наконец, свое отношение к организации стилей. Таким образом и появился данный топик-размышление, топик-дискуссия. Я понимаю, что взялся за пограничную задачу, поскольку далеко не всем верстальщикам знакомы тонкости объектно-ориентированного дизайна, а большинство архитекторов не написали ни одного CSS-стиля. И, как результат, мне пришлось неуклюже балансировать, чтобы было понятно всем. Но 'этот риск еще больше подогрел мой интерес к теме :)
Читать дальше →
Тэги: css, html, javascript, бэм, веб-разработка, оод, ооп
Попробуй БЭМ на вкус! 2012-12-12 18:18:31
... проект с использованием БЭМ-технологий.
... товаров, пользуясь принципами БЭМ в CSS, возможностями ...
+ развернуть текст сохранённая копия
Эта статья рассказывает о том, как создать проект с использованием БЭМ-технологий.
Мы шаг за шагом создадим страничку каталога товаров, пользуясь принципами БЭМ в CSS, возможностями писать декларативный JavaScript на фреймворке i-bem.js и с использованием шаблонизатора BEMHTML . Помогать делать всё это будут bem tools , в частности — инструмент для разработки bem server .
Важно: в статье нет особенных подробностей, её цель — получить проект максимально быстро. Текст, раскрывающий больше информации, пройдёт следующим постом. Читать дальше →
Тэги: css, html, javascript, template, бэм, веб-разработка, мастер-класс, шаблон, шаблонизатор
Главная / Главные темы / Тэг «бэм»
|
Взлеты Топ 5
Падения Топ 5
|