webjourn • Веб-разработка

Продолжаю делиться своими наработками. Итак, допустим у нас на сайте есть видео-галерея, но видео хранятся в YouTube (что и логично, зачем тратить драгоценное место на хостинге). Вырезать самостоятельно кадр из видео и грузить его отдельным файлом? Ну слишком муторно. Немного пыхи и проблема решена. 1. Получаем ID видео Эта функция проглатывает ссылку на видео в совершенно любом формате, переваривает её при помощи специальной обученной регулярки и выплевывает нам ID этого видео. Да, чтобы получить ссылку на превью нам важно знать ID, сейчас расскажу почему...

Часто для собственных разработок приходится думать как дизайнер, подбирать цветовую гамму, искать шрифты. Сегодня мы разберемся со шрифтами. Я часто смотрю какие шрифты используются на популярных сайтах, какие шрифты впихивают десигнеры в макеты, какие шрифты самостоятельно подрубают разрабы, ну и наконец, какие шрифты нравятся мне самому. Стоит отметить, что мой испорченный вкус в подборе шрифтов мало участвует и нравятся мне эти шрифты именно с технической точки зрения. Они универсальны, имеют много начертаний и поддерживают подавляющее количество популярных языков...

Уже давно все иконки на сайте используют в SVG формате. Это современно, адаптивно и удобно. Но что делать если svg иконок много? Как использовать спрайты на примере обычных растровых изображений мы уже знаем. Просто соединяем много иконок в одну картинку и выбираем нужный участок картинки через background-position. В случае с SVG самым быстрым способом будет воспользоваться этим сервисом. Создание SVG спрайта 1. Итак, заходим на SVG Sprit 2. Перетаскиваем нужные SVG иконки прям на страницу 3. Получаем...

Это пост о насущном. Почти каждый день сталкиваюсь с версткой других верстальщиков, иногда детский плевок в ладошку выглядит симпатичней. Не буду долго тянуть, начнем. 1. Ненадежная верстка Хорошо, ты отверстал картинку новости размером 300х300px. Но кто остановит клиента загрузить туда картинку размером 50x4700px? А он загрузит, не сомневайся. И да, твоя верстка полетит. Нужно предусматривать все максимально возможные варианты изменения контента сайта, будь то блок с текстом, блок с картинкой....