Фронтэнд

Меню раздела

Виджет B24 VS $(window).scroll(...

Виджет B24 (открытые линии и прочее), не любит $(window).scroll(function(){}); блокируя его работу на мобильных устройствах.
Игошев Дмитрий

Разметка кнопок через GTM (Google Tag Manager)

Кнопки встречаются практически на любом сайте. Для качественной аналитики, данные о кликах по разным кнопкам на сайтах необходимо передавать в Universal Analytics.
Снакин Дмитрий

И у крупных сайтов бывают косяки

Никто не застрахован от ошибок, всегда присутствует человеческий фактор и на любом проекте может вылезти какая-нибудь фигня.
Игошев Дмитрий

Поиск дизайнера или почему дизайнер не может сделать дизайн

Цель: найти дизайнера для работы над несколькими сайтам. Дизайнер должен работать удаленно, быть на связи в рабочее время — т. е. фактически  быть всегда «под рукой».
Таран Виктор

Антивирус Avast заблокировал сайт klondike-studio.ru из-за ошибки HTML:Script-inf

Антивирус Avast заблокировал сайт klondike-studio.ru из-за подозрения на вредоносный скрипт.
Муравьев Павел

FlexBox - "Будущее верстки"

FlexBox - будущее, которое почти настало!
FlexBox - новый способ отображения и выравнивания блочных элементов, таблицам и float'ам такое, и не снилось!
Игошев Дмитрий

Адаптивное видео на страницах

Часто видео с YouTube залезает за пределы положенной области. Как с помощью Bootstrap быстро справиться с проблемой
Саманев Дмитрий

Кастомизация внешнего вида <input ... >

Как и обещал, коротенький обзор метода, которым я воспользовался, для стилизации поля ввода информации типа «файл» (< input type=«file» />).

Кудрявцев Александр

Внезапная проблема с google fonts в google chrome - кейс из практики Клондайк

Статья, описывает проблему из моей практики верстальщика студии Клондайк при вёрстке страницы раздела «анимация и мультимедиа» на сайте студии.

Кудрявцев Александр

Олимпийские кольца всего одним блоком (CSS, HTML)

Небольшая заметка верстальщика студии Клондайк - Александра Кудрявцева.

Кудрявцев Александр

Адаптивные CSS-фреймворки, сетки, классы видимости

С развитием мобильной электроники и мобильного интернета, возникла необходимость адаптировать сайты под экраны всевозможных устройств. В связи с этим появились адаптивные CSS-фреймворки, о которых мы сегодня немного поговорим.

Игошев Дмитрий

HTML5 и CSS3. Разработка сайтов для любых браузеров и устройств.

Недавно возникла задача составить обучающий курс по верстке для сотрудников и заодно подтянуть свои собственные знания. Начал я с подборки материалов, в том числе печатных изданий. В числе прочих книг попалась довольно неплохая книжка Бена Фрейна "HTML5 и CSS3. Разработка сайтов для любых браузеров и устройств."
Игошев Дмитрий

Верстка виджетов - основные принципы

При создании верстки, практически любой элемент макета можно представить в виде виджета - независимого элемента. Верстка виджета в идеале не должна зависеть от верстки остальной странницы. На практике добиться этого не всегда просто.
Эта независимость дает - универсальность и повторное использование кода (в нашем случае HTML и CSS, а иногда и JS) - которые так ценятся в программировании, но почему то довольно редко встречаются в верстке.
Игошев Дмитрий

Что общего между хорошим и говно кодом?

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

Призывы к действию. На основании вебинара Дмитрия Кота

Статья написана на основании вебинара и презентации Дмитрия Кота.

Завгородняя Екатерина