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

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

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


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

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


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

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


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

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


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

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

JS — материалы, связанные с языком программирования JavaScript и клиентской разработкой.

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

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

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

Уско­ряем работу сай­та: опти­ми­за­ция HTML. Сайт может загру­жаться и отоб­ра­жаться быст­рее, если выпол­нить сле­ду­ю­щие реко­мен­да­ции по опти­ми­за­ции HTML-раз­мет­ки, а без этого ско­рость загрузки и отри­совки будет ниже.

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

Быст­рые и отзыв­чи­вые интер­фейсы с исполь­зо­ва­нием AJAX. Исполь­зо­ва­ние AJAX может как уско­рить загрузку сай­та, так и сде­лать интер­фейс более отзыв­чи­вым. Пред­став­лен­ный спи­сок реко­мен­да­ций помо­жет этого добиться.

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

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

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

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

Уве­ли­чи­ваем ско­рость работы сайта при помощи опти­ми­за­ции JavaScript. Сайт может рабо­тать быст­рее, если выпол­нены сле­ду­ю­щие реко­мен­да­ции по опти­ми­за­ции JS-кода. Если же этого не сде­лать, то сайт будет недо­ста­точно быстро отоб­ра­жаться на сто­роне клиента.

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

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

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

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

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

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

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

Контакты

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

+7 495 215 15 01

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