Фронтэнд - корпоративный блог студии Клондайк!

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

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

Солоненко Тамара

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

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

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

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

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

Саманев Дмитрий

Виджет 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'ам такое, и не снилось!

Солоненко Тамара

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

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

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

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

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

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

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

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

Солоненко Тамара

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

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

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

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

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

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

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

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

Солоненко Тамара

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

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

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

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

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

Солоненко Тамара

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

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

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

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

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

Солоненко Тамара

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

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

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