📝 Записи помеченные " Web мастеру"

Картина из 3-х секций на чистом CSS Оформляйте свои проекты красиво!

📝 Публикация №   178  от 18 июня 2024   |   В категории WEB Мастеру, Статьи   |   Комментариев нет Print

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

Главное, пожалуй, что нужно изначально учесть, это – позиционирование акцентного кадра должно быть в центральном блоке. Так будет логичней. Но можете и поэкспериментировать с картинками, разбив горизонтальную картинку на 3 части, если это, к примеру, просто фоновое изображение с мелкими фрагментами, без акцентирования внимания на каком либо фрагменте.

Привлекателен для WEB дизайнеров этот вариант тем, что не нужно делать сложных манипуляций в графическом редакторе. Все делает малыш-CSS!.. ДАЛЕЕ…


Самый простой HLS HTML5 плеер для сайта Краткость - сестра таланта...

📝 Публикация №   177  от 15 июня 2024   |   В категории SS IPTV, WEB Мастеру, Статьи   |   Комментариев нет Print

hls HTTP Live Streaming или HLS Player – это протокол потоковой передачи мультимедиа, который доставляет контент пользователям в зависимости от доступности полосы пропускания. Основными элементами HLS-потоков являются плейлисты M3U8.

Вы можете создать несколько файлов для распространения на плеер, который может адаптивно менять потоки для оптимизации воспроизведения. Поскольку технология основана на HTTP, потоковый сервер не требуется и по этому, вся логика переключения находится в плеере. HTML5 Video Tag не поддерживает ее из коробки, но с помощью простой библиотеки javascript вы можете превратить ваш скромный HTML5 Video Tag в HLS-плеер. ДАЛЕЕ…


Как добавить PDF файл в WordPress без плагина Если можно упростить, зачем усложнять?

📝 Публикация №   171  от 12 мая 2024   |   В категории WEB Мастеру, Статьи   |   Комментариев нет Print

pdf-img Если ваш сайт (блог) на движке WordPress, рано или поздно у вас появится необходимость в статьях представлять посетителю какой-либо контент в PDF файле. И это, как может показаться кому-то, не блажь, а необходимость красиво и компактно представить любой материал, не прибегая к написанию и оформлению такового непосредственно на странице блога.

И большинство, как показывает аналитика, пользуются плагинами, к примеру PDF Embedder (8.5 Mb) , дабы не обременять себя “лишними” телодвижениями… ДАЛЕЕ…


Супер видео плеер со своей рекламой Сделай свой плеер с рекламой без сторонних сервисов!

📝 Публикация №   123  от 19 марта 2023   |   В категории Audio-Video, WEB Мастеру, Статьи   |   Комментариев нет Print

classic-dark

Данный Video Player — это мощный и уникальный видео плеер, который может воспроизводить локальные или потоковые видео и аудиофайлы из одного источника, с одним или несколькими качествами. Ролики с Youtube, Vimeo, Vimeo Pro, потоковое вещание (HLS, DASH MPEG, 360), видео со своей рекламой, рекламой от Google Adsense, VAST и VMAP и др…

ДАЛЕЕ…


Анимированные подсказки для Bootstrap Эффекты Bootstrap tooltip

📝 Публикация №   122  от 14 марта 2023   |   В категории WEB Мастеру, Статьи   |   Комментариев нет Print

tooltip

Дословно термин «tooltips» переводится как «советы по инструментам». Под этим термином, согласно Википедии, понимают информационную подсказку или подсказку, в которой при наведении курсора мыши на элемент экрана в текстовом поле отображается информация об этом элементе, например, описание функции кнопки, обозначение аббревиатуры и т. д.

Сегодня я представлю вашему вниманию несколько вариантов отображения “тултипов”, которые вы с легкостью сможете реализовать в своих проектах…

ДАЛЕЕ…


Самый правильный таймер обратного отсчета Делаем грамотно... для русского пользователя!

📝 Публикация №   121  от 12 марта 2023   |   В категории WEB Мастеру, Статьи   |   Комментариев нет Print

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

Наверняка кое-кто из веб мастеров не обратит на это особого внимания – на фига нужно вглядываться в грамматику, если задача счетчика состоит совсем в другом – обратить внимание на циферки, показывающие время до окончания акции, а день или day особого значения не имеют? НО! Тогда, если следовать этой логике, мастеру-строителю тоже можно не обращать внимания и на потертые башмаки, грязную робу, обшарпанный и запыленный инструмент… а на фига, все равно при работе запачкается… ДАЛЕЕ…


Количество символов в TEXTAREA Считаем буковки-циферки!

📝 Публикация №   120  от 10 марта 2023   |   В категории WEB Мастеру, Статьи   |   Комментариев нет Print

txt-area-count

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

Это дает возможность рассчитать вводимый текст и отредактировать “на лету”. Ограничение отображается в тултипе, как только вы начете вводить текст…

ДАЛЕЕ…


Топ символов HTML Коды лучших символов HTML

📝 Публикация №   118  от 6 марта 2023   |   В категории WEB Мастеру, Статьи   |   Комментариев нет Print

symbol-html

Как известно, любой сайт или блог, точнее – вебмастер, в своей работе часто использует HTML символы для визуализации контента, прибегая к помощи различных сервисов и сайтов, где публикуются таковые. Но это занимает кучу времени для поиска нужного символа.

Сегодня я предлагаю начинающему (и не только…) вебмастеру добавить в свою копилку полезных скриптов и сниппетов коллекцию готовых кодов символов и не “рыскать по Сети” в поиске нужного символа.

ДАЛЕЕ…


Страница 1 из 4
1 2 3 4

Поиск по сайту

Вход на сайт

  |  

Подпишись на новости блога!

Архив


Геолокация посетителя