Select / Multiselect без JS

Select / Multiselect без JS

Я (и, как мне кажется, многие из вас) сталкивался не раз с несовместимостью селектов с дизайном сайта. Боль состоит в том, что их нельзя стилизовать, а в каждом браузере они выглядят по-своему. Конечно, есть огромное количество решений, представляемых фреймворками/библиотеками (тот же бутстрап). Но все они предполагают наличие JSа. Разумеется, в этом нет ничего страшного/плохого, но я попробовал сделать стилизуемый селект без JS в качестве фоллбэка на случай, если js по каким-либо…

Подробнее
[Перевод] Шпаргалка по Flexbox (CSS3 Flexible Box)

[Перевод] Шпаргалка по Flexbox (CSS3 Flexible Box)

Мне не нова магия Flexbox, но я не часто ее использую, и поэтому после паузы в использовании мне приходится открывать вот этот пост на CSS-Tricks чтобы освежить память. Я решила создать краткую визуальную шпаргалку по Flexbox для тех случаев освежения памяти после паузы в будущем. Думаю, что у меня получилась шпаргалка, основанная на… шпаргалках. Читать дальше →

Подробнее
Анимация на HTML5 с помощью GreenSock Animation Platform

Анимация на HTML5 с помощью GreenSock Animation Platform

На днях я попробовал перерисовать баннер, который я раньше делал в Animate CC с экспортом в CreateJS на платформе GSAP, используя простой HTML и пару JS библиотек. Что из этого получилось

Подробнее
[Из песочницы] Слайд-шоу без JS

[Из песочницы] Слайд-шоу без JS

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

Подробнее
Дайджест свежих материалов из мира фронтенда за последнюю неделю №233 (17 — 23 октября 2016)

Дайджест свежих материалов из мира фронтенда за последнюю неделю №233 (17 — 23 октября 2016)

Предлагаем вашему вниманию подборку с ссылками на полезные ресурсы и интересные материалы из области фронтенда. Читать дальше →

Подробнее
Как узнать посещаемость 3.8 млн. сайтов

Как узнать посещаемость 3.8 млн. сайтов

Так получилось, что мы в seo11.ru знаем посещаемость примерно 1 млн. сайтов. Данные берутся из рейтингов Liveinternet, Mail, Rambler, Openstat и Hotlog. Но огромное число сайтов не участвуют в этих рейтингах и предпочитают измерять посещаемость Гугл.Аналитиком или Яндекс.Метрикой. У Аналитика нет открытых информеров, поэтому получить данные не получится. А у Метрики есть! Читать дальше →

Подробнее
Простой способ оформления подчеркивания у однострочных ссылок

Простой способ оформления подчеркивания у однострочных ссылок

В недавнем дайджесте со свежими материалами из мира фронтенда увидел подборку способов подчеркивания в CSS. Странно, что в такой хорошей подборке не указан простой способ с использованием псевдокласса :after. Показать HTML, CSS

Подробнее
Дайджест свежих материалов из мира фронтенда за последнюю неделю №232 (10 — 16 октября 2016)

Дайджест свежих материалов из мира фронтенда за последнюю неделю №232 (10 — 16 октября 2016)

Предлагаем вашему вниманию подборку с ссылками на полезные ресурсы и интересные материалы из области фронтенда. Читать дальше →

Подробнее
[Из песочницы] То, чего вы не знаете о веб-разработке

[Из песочницы] То, чего вы не знаете о веб-разработке

Нет, это не очередной пост, говорящий вам, что вы хуже. Я здесь не для того, чтобы рассказать вам то, чего вы не знаете о веб-разработке. Я здесь для того, чтобы спросить вас… Откуда вам знать то, чего вы не знаете о веб-разработке? Представьте город, который вы хорошо знаете. Возможно, вы жили в нём всю свою жизнь. Вы знаете каждую улицу и переулок, каждый закоулок, не так ли? Конечно нет. Неважно, насколько хорошо вы знаете место, там, безусловно, будет лестничная клетка,…

Подробнее
[Из песочницы] Использование CSS Flexbox для позиционирования блоков на странице

[Из песочницы] Использование CSS Flexbox для позиционирования блоков на странице

Задача В блоке на странице требуется разместить два вложенных блока таким образом, чтобы один блок имел максимальную высоту, а второй — занимал все оставшееся в родительском блоке свободное место по высоте. Причем, в случае, если контент не помещается в блок, добавлять ему скролл. Читать дальше →

Подробнее
Как мы всех на юх послали (ну или продолжение истории про шаблонизотор)

Как мы всех на юх послали (ну или продолжение истории про шаблонизотор)

Вообще я очень любвеобильный человек, особенно в плане различных плюшек. Но что-то во мне переворачивается, как только это вот (еще секунду назад мне искренне симпатичное) обретает ореол святости и становится предметом преклонения. В этот самый момент мой внутренний голос (да я слышу голоса) строго так мне говорит – «пойдем-ка мы отсюда!». И такая вот хрень довольно часто происходит в нашем непростом, безумном, но весьма веселом мире технологий. В моем конкретном случае – в мире…

Подробнее
[recovery mode] Качественный контент для сайта: где взять

[recovery mode] Качественный контент для сайта: где взять

Вы внимательно посмотрели на свой сайт и решили, что было бы неплохо показывать посетителям интересный и полезный контент (о котором мы рассказывали в предыдущем материале). Где его взять? Не каждая компания может позволить себе штат маркетологов и PR-специалистов, которые бы этим занимались, не все маркетологи и PR-специалисты смогут создавать подобный контент. Но это уже, скорее, вопросы бизнес-процессов и рекрутинга... Поэтому давайте разберёмся, откуда брать идеи для контента, как…

Подробнее