Тематические статьи
про каскадные таблицы стилей и про фронтенд-разработку

БЭМ и независимые блоки

Вёрстка независимыми блоками — это методология, которая была сформулирована Виталием Харисовым из компании Яндекс. Впоследствии эта методология была расширена и получила название БЭМ (Блок-Элемент-Модификатор). Собственно БЭМ нужен для упрощения командной разработки, для унификации интерфейсов и для более активного повторного использования программного кода.


Чек-лист проверки фронтенда

По данному списку можно проверить фронтенд сайта или веб-приложения для выявления и последующего исправления ошибок или недочётов.


Ускоряем работу сайта за счёт оптимизации CSS

Время загрузки и отрисовки сайта в браузере можно заметно снизить, если воспользоваться следующими советами.


Twitter Bootstrap — фронтенд-фреймворк

Клиентский html-, css- и js-фреймворк, использование которого позволяет существенно ускорить разработку клиентской части сайта или веб-приложения. Из основных возможностей — динамический дизайн по сетке, типографика, множество компонентов (веб-формы, таблицы, навигационные элементы, кнопки и прочие контролы), javascript-плагины (выпадающие меню, слайдеры, оповещения и прочее)…


Адаптивный и отзывчивый дизайн

​Для обеспечения хорошего отображения сайтов на мобильных устройствах (планшетах и смартфонах) обычно создаётся отзывчивый или адаптивный дизайн.


Язык разметки HTML, 
таблицы стилей CSS и язык JavaScript

Содержание и внешний вид каждой страницы сайта определяется HTML-кодом и содержанием таблицы стилей CSS, а поведение интерфейса —  скриптами JavaScript.


Показаны не все статьи,
а только по отдельным темам

CSS — материалы, связанные с каскадными таблицами стилей CSS, а также про LESS и SASS.

фронтенд — статьи, посвященные клиентской части сайтов и веб-приложений: дизайну, верстке, js-программированию и клиентским фремворкам.

Можно еще уточнить,
выберите дополнительные темы

технологии HTML JS адаптивный дизайн

Посмотреть статьи по всем темам

Близкие по теме статьи:

Уско­ряем работу сай­та, исполь­зуя быст­рый и надёж­ный веб-сер­вер nginx. nginx — это про­стой, быст­рый и надёж­ный сер­вер. При­ме­не­ние nginx очень эффек­тивно для отдачи ста­ти­че­ского кон­тента и в каче­стве прокси-сер­вера перед дина­ми­че­скими сайтами.

JPEG и PNG — в чём раз­ница форматов?. JPEG и PNG — это два основ­ных фор­мата для изоб­ра­же­ний, кото­рые исполь­зу­ются на сай­тах. В неко­то­рых слу­чаях лучше исполь­зо­вать JPEG, а в неко­то­рых — PNG.

Адап­тив­ные изображения. Изоб­ра­же­ния на сай­тах могут адап­ти­ро­ваться как под раз­ре­ше­ние экрана устрой­ства для кор­рект­ного отоб­ра­же­ния на мобиль­ных устрой­ствах, так и под экраны с высо­ким DPI (напри­мер, под Retina-дис­плеи)…

Ajax-нави­га­ция Turboliks & Wiselinks. Уве­ли­чить отзыв­чи­вость интер­фейса и сни­зить нагрузку на сер­вер можно при помощи Ajax-нави­га­ции: если не пере­за­гру­жать стра­ницу цели­ком, а обнов­лять только содер­жа­ние или отдель­ные фраг­мен­ты, то…

History API и HASH-нави­га­ция на Ajax-сайтах. Загрузка кон­тента при помощи Ajax и нави­га­ция, постро­ен­ная на этой схе­ме, поз­во­ляют зна­чи­тельно повы­сить отзыв­чи­вость интер­фейса раз­ра­ба­ты­ва­е­мого сайта или веб-при­ло­же­ния. Однако такой подход…

Прин­цип про­грам­ми­ро­ва­ния YAGNI — you ain’t gonna need it (Вам это не понадобится). Если упро­щен­но, то сле­до­ва­ние дан­ному прин­ципу заклю­ча­ется в том, что воз­мож­но­сти, кото­рые не опи­саны в тре­бо­ва­ниях к систе­ме, про­сто не должны реа­ли­зо­вы­вать­ся. Это поз­во­ляет вести разработку,…

Прин­цип про­грам­ми­ро­ва­ния KISS — keep it simple stupid (делайте вещи проще). Боль­шая часть про­грамм­ных систем необос­но­вано пере­гру­жена прак­ти­че­ски ненуж­ными функ­ци­я­ми, что ухуд­шает удоб­ство их исполь­зо­ва­ние конеч­ными поль­зо­ва­те­ля­ми, а также услож­няет их под­держку и развитие…

Прин­цип про­грам­ми­ро­ва­ния DRY — don’t repeat yourself (не повто­ряйте себя). Сле­до­ва­ние прин­ципу про­грам­ми­ро­ва­ния «DRY» поз­во­ляет добиться высо­кой сопро­вож­да­е­мо­сти про­ек­та: про­стоты вне­се­ния изме­не­ний и каче­ствен­ного тестирования.

Стан­дарты коди­ро­ва­ния — залог хоро­шей сопро­вож­да­е­мо­сти проекта. Любая команд­ная раз­ра­ботка может быть эффек­тив­ной только в том слу­чае, если участ­ники команды имеют общее виде­ние. Иначе раз­ра­ботка начи­нает напо­ми­нать басню Кры­лова «Лебедь, Щука и Рак».

Лени­вая загрузка или загрузка по тре­бо­ва­нию на кли­ент­ской части. Бывает так, что неко­то­рое содер­жа­ние стра­ницы нужно не всем или не все­гда, но на гене­ра­цию этого мате­ри­ала или для его пере­дачи тра­тится много ресур­сов. В этом слу­чае имеет смысл сде­лать загрузку…

Воспользуйтесь нашими
знаниями и опытом

Отправьте нам сообщение при помощи формы. Или напишите на e-mail s@web-creator.ru

Мы максимально оперативно ответим Вам по электронной почте или перезвоним.

При отправке сообщения через форму, укажите пожалуйста предпочтительный способ связи с Вами: телефон или адрес электронной почты. Мы сможем ответить Вам подробнее, если Вы напишете что-то о запланированном проекте или предполагаемых задачах.

Либо просто позвоните нам по номеру: +7 495 215-1501

Контакты

Веб-разработка в Москве: 3-я Мытищинская улица, дом 16 строение 47
Веб Креатор
«Веб Креатор»

+7 495 215 15 01

Москва, 3-я Мытищинская улица, 16/47