Pinterest

Frontend

11 Pins

41w

Collection by

Similar ideas popular now

Задача. Нужно сделать вкладки и настроить переключение между ними с помощью JavaScript. #javascript #jquery #Вкладки #Табы #frontend #tabs + Подборка примеров 💾 https://wpcraft.top/?p=2996 Taby, Frontend, Javascript, Boarding Pass

Задача. Нужно сделать вкладки и настроить переключение между ними с помощью JavaScript. #javascript #jquery #Вкладки #Табы #frontend #tabs + Подборка примеров 💾 https://wpcraft.top/?p=2996

WpCraft

Tech Company Logos

Задача. Необходимо сделать 3D-карусель изображений с помощью JavaScript плагина «Cloud 9 Сarousel». #HTML #javascript #3d #Карусели #Слайдеры Решение. Плагин «Cloud 9 Сarousel» работает с библиотеками jQuery и Zepto, поддерживает прокрутку колесом мыши (нужно установить плагин mousewheel).

WpCraft

Задача. Необходимо решение для проверки поля ввода на соответствие формату email-адреса почты и номера телефона при отправке формы. #HTML #javascript #email #phone #РегулярныеВыражения ✅ Решение. На Javascript можно реализовать проверку вводимой информации с помощью регулярных выражений. Используем Код №1 из Примера №1. Телефон проверяем так, чтобы первая была «+» или цифра, остальные — цифры, скобки и пробелы. 💾 https://wpcraft.top/?p=2872

Задача. Необходимо решение для проверки поля ввода на соответствие формату email-адреса почты и номера телефона при отправке формы. #HTML #javascript #email #phone #РегулярныеВыражения ✅ Решение. На Javascript можно реализовать проверку вводимой информации с помощью регулярных выражений. Используем Код №1 из Примера №1. Телефон проверяем так, чтобы первая была «+» или цифра, остальные — цифры, скобки и пробелы. 💾 https://wpcraft.top/?p=2872

WpCraft

Задача. Часто необходимо сделать список в две колонки. Эту задачу можно решить несколькими способами. #CSS #Вебмастеринг #сайтостроение #HTML #Frontend #Список ✅ Решение 1. Через свойство float и display. .my-class li { display:block; width:49%; float:left; } ✅ Решение 2. Использовать CSS3-свойства column-count или column-width. Css, Periodic Table, Periodic Table Chart, Periotic Table

Periodic Table Chart

Задача. Часто необходимо сделать список в две колонки. Эту задачу можно решить несколькими способами. #CSS #Вебмастеринг #сайтостроение #HTML #Frontend #Список ✅ Решение 1. Через свойство float и display. .my-class li { display:block; width:49%; float:left; } ✅ Решение 2. Использовать CSS3-свойства column-count или column-width.

WpCraft

❓Задача. Необходимо сделать вывод оглавлений (содержания) статей в постах автоматически. Сложность заключается в том что на странице часть контента выводится не через функцию the_content(), а выше нее по шаблону. #CSS #HTML #Frontend #javascript #Wordpress 1 Автоматическое создание и вывод содержания статьи с помощью JavaScript и jQuery 2 Автоматический вывод оглавлений статьи в WordPress 3 Подборка решений оглавлений статей в HTML

❓Задача. Необходимо сделать вывод оглавлений (содержания) статей в постах автоматически. Сложность заключается в том что на странице часть контента выводится не через функцию the_content(), а выше нее по шаблону. #CSS #HTML #Frontend #javascript #Wordpress 1 Автоматическое создание и вывод содержания статьи с помощью JavaScript и jQuery 2 Автоматический вывод оглавлений статьи в WordPress 3 Подборка решений оглавлений статей в HTML

WpCraft

В отношении текста под индексом понимают смещенные символы вниз или вверх относительно базовой линии текста. #HTML #индексы #frontend Надстрочные символы: Латинские: ᴬ ᴮ ᴯ ᴰ ᴲ ᴲ ᴳ ᴴ ᴵ ᴶ ᴸ ᴹ ᴻ ᴼ ᴽ ᴿ ᵀ ᵁ ᵂ ᵃ ᵅ ᵆ ᵇ ᵈ ᵊ ᵍ ᵏ ᵂ ᵂ ᵃ ᵆ ᵇ ᵉ ᵍ ᵏ ᵐ ᵂ ᵃ ᵐ ᵐ ᵐ ᵐ ᵑ ᵒ ᵓ ᵖ ᵗ ᵘ ᵚ ᵛᶛ ᶝ ᶞ ᶟ ᶠ ᶡ ᶢ ᶤ ᶤ ᶥ ᶦ ᶧ ᶩ ᶪ ᶫ ᶭ ᶮ ᶯ ᶱ ᶲ ᶳ ᶴ ᶵ ᶶ ᶸ ᶹ ᶺ ᶻ ᶼ ᶾ ᶲ ᶳ ᶴ ᶶ ᶷ ᶹ ᶺ ᶻ ᶽ ᶾ ᶾ ᶳ ᶴ ᶶ ᶸ ᶹ ᶻ ᶼ ᶾ ᶾ ᶾ ᶿ Греческие: ᵝ ᵞ ᵟ ᵠ Кириллица: ᵸ Другие: ᵎ ᵔ ᵕ ᵙ ᵜ Подстрочные символы: Латинские: ᵢ ᵣ ᵤ ᵥ Греческие: ᵦ ᵧ ᵨ ᵩ ᵪ Lockscreen, Movie Posters, Film Poster, Billboard, Film Posters

В отношении текста под индексом понимают смещенные символы вниз или вверх относительно базовой линии текста. #HTML #индексы #frontend Надстрочные символы: Латинские: ᴬ ᴮ ᴯ ᴰ ᴲ ᴲ ᴳ ᴴ ᴵ ᴶ ᴸ ᴹ ᴻ ᴼ ᴽ ᴿ ᵀ ᵁ ᵂ ᵃ ᵅ ᵆ ᵇ ᵈ ᵊ ᵍ ᵏ ᵂ ᵂ ᵃ ᵆ ᵇ ᵉ ᵍ ᵏ ᵐ ᵂ ᵃ ᵐ ᵐ ᵐ ᵐ ᵑ ᵒ ᵓ ᵖ ᵗ ᵘ ᵚ ᵛᶛ ᶝ ᶞ ᶟ ᶠ ᶡ ᶢ ᶤ ᶤ ᶥ ᶦ ᶧ ᶩ ᶪ ᶫ ᶭ ᶮ ᶯ ᶱ ᶲ ᶳ ᶴ ᶵ ᶶ ᶸ ᶹ ᶺ ᶻ ᶼ ᶾ ᶲ ᶳ ᶴ ᶶ ᶷ ᶹ ᶺ ᶻ ᶽ ᶾ ᶾ ᶳ ᶴ ᶶ ᶸ ᶹ ᶻ ᶼ ᶾ ᶾ ᶾ ᶿ Греческие: ᵝ ᵞ ᵟ ᵠ Кириллица: ᵸ Другие: ᵎ ᵔ ᵕ ᵙ ᵜ Подстрочные символы: Латинские: ᵢ ᵣ ᵤ ᵥ Греческие: ᵦ ᵧ ᵨ ᵩ ᵪ

WpCraft

Подборка интересных кодов для создания всплывающих подсказок на HTML, CSS и Javascript может дать идеи для реализации своих проектов. #HTML #CSS #Javascript

Подборка интересных кодов для создания всплывающих подсказок на HTML, CSS и Javascript может дать идеи для реализации своих проектов. #HTML #CSS #Javascript

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

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

#CSS #HTML #Frontend ❓Задача. Есть блок с содержанием в статье. Оглавления в виде ссылок ссылаются н якоря в соответствующих заголовках. Когда нажимаем на ссылку с заголовком, экран перемещается к заголовку с тегом и якорем. Экран установится так, что заголовок будет у самого верхнего края. Это не всегда хорошо выглядит. Например, если есть фиксированая, липкая шапка, то заголовок будет ею перекрываться. Поэтому лучше сделать чтобы был отступ от якоря при скролле к нему.

#CSS #HTML #Frontend ❓Задача. Есть блок с содержанием в статье. Оглавления в виде ссылок ссылаются н якоря в соответствующих заголовках. Когда нажимаем на ссылку с заголовком, экран перемещается к заголовку с тегом и якорем. Экран установится так, что заголовок будет у самого верхнего края. Это не всегда хорошо выглядит. Например, если есть фиксированая, липкая шапка, то заголовок будет ею перекрываться. Поэтому лучше сделать чтобы был отступ от якоря при скролле к нему.

WpCraft

#CSS #HTML #Таблицы #Frontend #javascript #HTMLТаблицы Задача. Необходимо сделать возможным сортировку HTML-таблицы по столбцам Решение. Для сортировки таблицы можно использовать библиотеку tablesort.js. Она не сложная и без jQuery. Там же, на официальном сайте можно и посмотреть как настраивать.

#CSS #HTML #Таблицы #Frontend #javascript #HTMLТаблицы Задача. Необходимо сделать возможным сортировку HTML-таблицы по столбцам Решение. Для сортировки таблицы можно использовать библиотеку tablesort.js. Она не сложная и без jQuery. Там же, на официальном сайте можно и посмотреть как настраивать.

WpCraft

#CSS #Вебмастеринг #сайтостроение #HTML #Таблицы #Frontend ❓Задача. Есть длинная таблица и нужно сделать, чтобы часть таблицы скрывалась и раскрывалась по клику ✅ Решение. Настроить скрытие лишних строк в таблице возможно использовав только средствами CSS и HTML. Код №1 из Примера №1 (см. статью)

#CSS #Вебмастеринг #сайтостроение #HTML #Таблицы #Frontend ❓Задача. Есть длинная таблица и нужно сделать, чтобы часть таблицы скрывалась и раскрывалась по клику ✅ Решение. Настроить скрытие лишних строк в таблице возможно использовав только средствами CSS и HTML. Код №1 из Примера №1 (см. статью)

WpCraft