А як ви вирішуєте таку задачу?
Наприклад, у нас є блок, в якому заголовок має переноситися на кілька строчок. Тобто вам треба зробити правильний перенос. При цьому цей блок редагується клієнтом постійно із адмінки.
Я роблю так - задаю max-width для заголовка + додаємо <br> коли треба розрив, якщо раптом контенту стало менше, а клієнт все ще хоче щоб це було в 2 строчки.
Easy. Але при адаптиві цей <br> зазвичай з’являється не там де треба і виходить ситуація, як на другому фото. А нам треба, щоб вийшло як на 3-му фото. Для цього в CSS для малих екранів ми ховаємо <br> в CSS, як на скріні номер 4
—————————
Поділися з друзями чи колегами,
Сподіваюся це було корисно для тебе
Веселого програмування :)
—————————
@wp_coder_tech з Віталіком Омельченко
Наприклад, у нас є блок, в якому заголовок має переноситися на кілька строчок. Тобто вам треба зробити правильний перенос. При цьому цей блок редагується клієнтом постійно із адмінки.
Я роблю так - задаю max-width для заголовка + додаємо <br> коли треба розрив, якщо раптом контенту стало менше, а клієнт все ще хоче щоб це було в 2 строчки.
Easy. Але при адаптиві цей <br> зазвичай з’являється не там де треба і виходить ситуація, як на другому фото. А нам треба, щоб вийшло як на 3-му фото. Для цього в CSS для малих екранів ми ховаємо <br> в CSS, як на скріні номер 4
—————————
Поділися з друзями чи колегами,
Сподіваюся це було корисно для тебе
Веселого програмування :)
—————————
@wp_coder_tech з Віталіком Омельченко
This media is not supported in your browser
VIEW IN TELEGRAM
Швидко показую робочий кейс з типовою задачкою + можливо CSS правила про які ви не знали чи не користувалися ними до цього
Якщо нам треба написати щось типу
.block {
Position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
}
Ми можемо написати ось так
.block {
position: absolute;
inset: 0;
}
Типовий приклад - затемненння фото за допомогою напівпрозорого всевдоелементу. Приклад на codepen
—————————
Поділися з друзями чи колегами,
Сподіваюся це було корисно для тебе
Веселого програмування 🙂
—————————
@wp_coder_tech з Віталіком Омельченко
Якщо нам треба написати щось типу
.block {
Position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
}
Ми можемо написати ось так
.block {
position: absolute;
inset: 0;
}
Типовий приклад - затемненння фото за допомогою напівпрозорого всевдоелементу. Приклад на codepen
—————————
Поділися з друзями чи колегами,
Сподіваюся це було корисно для тебе
Веселого програмування 🙂
—————————
@wp_coder_tech з Віталіком Омельченко
Ви використовуєте VPN? Є мільйон причин його використовувати. Є платні і безкоштовні рішення. Мені зазвичай вистачає безкоштовних, а ще я люблю щоб було ізі користуватися. Останнім часом замість програм я використовую просто розширення для Chrome Браузера
Urban VPN Proxy
- Вмикається в 2 кліки
- Доступно 52 країни, приблизно
- Встановлюється за 30 секунд
Не дякуй - користуйся :)
—————————
Поділися з друзями чи колегами,
Сподіваюся це було корисно для тебе
Веселого програмування 🙂
—————————
@wp_coder_tech з Віталіком Омельченко
Urban VPN Proxy
- Вмикається в 2 кліки
- Доступно 52 країни, приблизно
- Встановлюється за 30 секунд
Не дякуй - користуйся :)
—————————
Поділися з друзями чи колегами,
Сподіваюся це було корисно для тебе
Веселого програмування 🙂
—————————
@wp_coder_tech з Віталіком Омельченко
Нарешті вдалося авторизуватися в Chat GPT для нового ролику на YouTube. Ви в курсі за Chat GPT? Які питання хотіли б задати штучному інтелекту? Про ворпдрес знає, про війну в Україні теж.
Накидайте варіанти питань, що вас цікавлять :)
P.S. розйобка жостка! Чекайте відео на ютубі :)
—————————
@wp_coder_tech з Віталіком Омельченко
Накидайте варіанти питань, що вас цікавлять :)
P.S. розйобка жостка! Чекайте відео на ютубі :)
—————————
@wp_coder_tech з Віталіком Омельченко
Запилив на YouTube відео про ChatGPT - ласкаво прошу до перегляду.
На жаль, після публікації дізнався що він ще й українською розмовляє - круто, особливо корисно тим, хто не звик усі пошукові запити робити англійською
Одразу після публікації відео поділився аккаунтом з колегою, щоб той потестував і ось кілька скрінів, які він мені прислав :)
Ми вважаємо, що наступний левел stackoverflow - ти не гуглиш, ти задаєш питання - а термінатор шукає для тебе відповідь
А як вам Chat GPT? Користувалися?
Став Вогник - якщо крута темка, і дізлайк якщо не сподобалось
—————————
@wp_coder_tech з Віталіком Омельченко
На жаль, після публікації дізнався що він ще й українською розмовляє - круто, особливо корисно тим, хто не звик усі пошукові запити робити англійською
Одразу після публікації відео поділився аккаунтом з колегою, щоб той потестував і ось кілька скрінів, які він мені прислав :)
Ми вважаємо, що наступний левел stackoverflow - ти не гуглиш, ти задаєш питання - а термінатор шукає для тебе відповідь
А як вам Chat GPT? Користувалися?
Став Вогник - якщо крута темка, і дізлайк якщо не сподобалось
—————————
@wp_coder_tech з Віталіком Омельченко
This media is not supported in your browser
VIEW IN TELEGRAM
Наткнувся на прикольний проект - transition.css - це заготовки анімацій для ваших кнопок, попапів, бекграндів і всього до чого зможете додуматися
Став Вогник - якщо крута темка, і дізлайк якщо не сподобалось
—————————
@wp_coder_tech з Віталіком Омельченко
Став Вогник - якщо крута темка, і дізлайк якщо не сподобалось
—————————
@wp_coder_tech з Віталіком Омельченко
Ух які новини, я ще не тестував - хто зміг зайти з укр номером?
Федоров це наш міністр цифрової трансформації
https://www.epravda.com.ua/news/2023/02/18/697189/
Федоров це наш міністр цифрової трансформації
https://www.epravda.com.ua/news/2023/02/18/697189/
Економічна правда
ChatGPT тепер доступний в Україні – Федоров
Чат-бот від стартапу OpenAI тепер доступний в Україні, проте не працюватиме на тимчасово окупованих РФ територіях.
Здоровенькі були! Нарешті змонтували наступне відео по проекту Vintage
https://youtu.be/RCOEBY00QgM
ACF PRO буде в одному із наступних постів, коли вийде друга частина відео
Підтримайте будь ласка вподобайкою 👨💻
https://youtu.be/RCOEBY00QgM
ACF PRO буде в одному із наступних постів, коли вийде друга частина відео
Підтримайте будь ласка вподобайкою 👨💻
YouTube
Натяжка Верстки на Wordpress: Виводимо список категорій за допомогою функції get_categories();
Черговий урок з циклу натяжки ( посадки ) верстки на Wordpress або як-то кажуть з HTML у Wordpress.
Виводимо список категорій за допомогою функції get_categories() - 1 частина уроку - наступна за тиждень :)
Список функцій і корисна інформація з відео:
…
Виводимо список категорій за допомогою функції get_categories() - 1 частина уроку - наступна за тиждень :)
Список функцій і корисна інформація з відео:
…
advanced-custom-fields-pro.zip
2 MB
Усім привіт. Публікую ACF PRO plugin, який ви можете використати на локалці для тестування всього про що мова піде в серії уроків про ACF. Усім наполегливо рекомендую придбати ліцензію і отримувати оновлення
Це офіційний плагін і як тільки ви придбаєте ліцензію зможете собі додати її у відповідне поле і отримати оновлення.
Це не нулений плагін, не турбуйтеся за безпеку❤️
Став вогник, якщо є ACF PRO, став програміста - якщо завантажив мій і поділися з другом чи подругою, кому буде цікавий цей пост і урок на YouTube - https://youtu.be/tX1oAbztMu0
—————————
@wp_coder_tech з Віталіком Омельченко
Це офіційний плагін і як тільки ви придбаєте ліцензію зможете собі додати її у відповідне поле і отримати оновлення.
Це не нулений плагін, не турбуйтеся за безпеку❤️
Став вогник, якщо є ACF PRO, став програміста - якщо завантажив мій і поділися з другом чи подругою, кому буде цікавий цей пост і урок на YouTube - https://youtu.be/tX1oAbztMu0
—————————
@wp_coder_tech з Віталіком Омельченко
Це п@зда, запланував відео на суботу, як завжди, але забув додати назву, опис, заставку і все таке..
Всього за пару хвилин 2 людини уже відписалося :((
https://youtu.be/QnDM_bF8dkc
Тому народ, на каналі нове відео про підключення ACF мапи, як профі.
Без айфреймів, з гугл апі. Буде багатьом корисне, я так відчуваю
Не забудьте поставити вподобайку і комент. А ще підписатися, бо 80% переглядів від непідписаних, а я ж стараюся, ну
короче, давайте розвивати україномовний youtube і вчитися новому
—————————
@wp_coder_tech з Віталіком Омельченко
Всього за пару хвилин 2 людини уже відписалося :((
https://youtu.be/QnDM_bF8dkc
Тому народ, на каналі нове відео про підключення ACF мапи, як профі.
Без айфреймів, з гугл апі. Буде багатьом корисне, я так відчуваю
Не забудьте поставити вподобайку і комент. А ще підписатися, бо 80% переглядів від непідписаних, а я ж стараюся, ну
короче, давайте розвивати україномовний youtube і вчитися новому
—————————
@wp_coder_tech з Віталіком Омельченко
Здоровенькі були! У мене сьогодні для вас новий корисний тул, який заощадить вам час
Так як суть прогармування в тому, щоб нічого не повторювалося в цьому житті - ми використовуємо функції, сервіси і купу корисних речей які полегшують наше життя
Сьогодні покажу вам сервіс, яким зі мною поділився Ярослав. Це колега, а ще він волонтерить на посаді “генератор-ідей” для мого каналу, бо все що він пропонує - чудово вписується в наш з вами формат
Тож, коли є завдання додати SVG в CSS - його треба конвертувати в формат base64 і тільки тоді використовувати
Для цього рекомендую ось цей простий інструмент.
1. Берете інлайн SVG, всталяєте
2. Забираєте в форматі base64
3. Кайфуєте
Так як суть прогармування в тому, щоб нічого не повторювалося в цьому житті - ми використовуємо функції, сервіси і купу корисних речей які полегшують наше життя
Сьогодні покажу вам сервіс, яким зі мною поділився Ярослав. Це колега, а ще він волонтерить на посаді “генератор-ідей” для мого каналу, бо все що він пропонує - чудово вписується в наш з вами формат
Тож, коли є завдання додати SVG в CSS - його треба конвертувати в формат base64 і тільки тоді використовувати
Для цього рекомендую ось цей простий інструмент.
1. Берете інлайн SVG, всталяєте
2. Забираєте в форматі base64
3. Кайфуєте
Коли таке потрібно? Наприклад, додати гарну стрілочку вниз для селекта
Став “програміста”, якщо юзаєш цей тул, або “вогник” - якщо корисно
P.S. Пані та панове, усі знайомі хто подивився відео до кінця, бо я вас просив і лишив коментар - дякую вам велике. Відос шириться інтернетом, я уже й рекламку підрубив - нові підписники потрошку приходять і я власне дуже радий цьому і вам вдячний ❤️
P.S.2 - 2 повідомлення, бо телеграм каже що забагато символів для одного 😂
—————————
@wp_coder_tech з Віталіком Омельченко
Став “програміста”, якщо юзаєш цей тул, або “вогник” - якщо корисно
P.S. Пані та панове, усі знайомі хто подивився відео до кінця, бо я вас просив і лишив коментар - дякую вам велике. Відос шириться інтернетом, я уже й рекламку підрубив - нові підписники потрошку приходять і я власне дуже радий цьому і вам вдячний ❤️
P.S.2 - 2 повідомлення, бо телеграм каже що забагато символів для одного 😂
—————————
@wp_coder_tech з Віталіком Омельченко
Пані та панове, усім гарного понеділка. На вихідних вийшло чергове відео на каналі про натяжку верстки на wordpress.
Ми працювали зі сторінкою контакти, натягнули 1 форму, підключили рекапчу і зберегли відправки ( submittions ) в адмінці, що дуже-дуже зручно для адміністратора сайту
Запрошую до перегляду - https://youtu.be/x_895u-TEgE
Поділися відео з тими, кому буде корисно - а також не забувай ставити лайки та підписуватися на канал, а то 80% переглядів від людей, які не підписані :)
—————————
@wp_coder_tech з Віталіком Омельченко
Ми працювали зі сторінкою контакти, натягнули 1 форму, підключили рекапчу і зберегли відправки ( submittions ) в адмінці, що дуже-дуже зручно для адміністратора сайту
Запрошую до перегляду - https://youtu.be/x_895u-TEgE
Поділися відео з тими, кому буде корисно - а також не забувай ставити лайки та підписуватися на канал, а то 80% переглядів від людей, які не підписані :)
—————————
@wp_coder_tech з Віталіком Омельченко
YouTube
Натяжка верстки на Wordpress. Працюємо з Contact form 7, Recaptcha, Form Submitions
Натяжка верстки на Wordpress. У цьому відео ми підключаємо форму на сторінці контакти за допомогою плагіну Contact Form 7, боремося зі спамом з recaptcha та зберігаємо усі відправки форм за допомогою плагіну
Список плагінів із відео:
Contact Form 7 - ht…
Список плагінів із відео:
Contact Form 7 - ht…
Ось таке повідомлення розсилає наразі Djinni - з якого випливає що через війну, відключення світла і безпекові переживання клієнти і компанії наймають менше українців та українських компаній
В теорії це може призвезти до падіння рівня оплат і збільшити рівень безробіття в IT
Хотів би дізнатися вашу думку, але не можу створити опитування по моєму - тому опитування буде в спільноті YouTube
(Вкладка спільнота https://youtube.com/@wp-coder)
—————————
@wp_coder_tech з Віталіком Омельченко
В теорії це може призвезти до падіння рівня оплат і збільшити рівень безробіття в IT
Хотів би дізнатися вашу думку, але не можу створити опитування по моєму - тому опитування буде в спільноті YouTube
(Вкладка спільнота https://youtube.com/@wp-coder)
—————————
@wp_coder_tech з Віталіком Омельченко
Здоровенькі були! На вихідних відео вийшло по плану, але ми коли рендерили то щось пішло не по плану і довелося видалити 🙁 Дякую брату, що вчасно помітив проблемки зі звуком
В цьому відео ми зробимо слайдер на головній для нашого проекту Vintage. Ми уже працювали з репітером, але тут вивід зробиться по іншому
Ласкаво прошу до перегляду - https://youtu.be/85Qyn_XbxIM
—————————
@wp_coder_tech з Віталіком Омельченко
В цьому відео ми зробимо слайдер на головній для нашого проекту Vintage. Ми уже працювали з репітером, але тут вивід зробиться по іншому
Ласкаво прошу до перегляду - https://youtu.be/85Qyn_XbxIM
—————————
@wp_coder_tech з Віталіком Омельченко
YouTube
Натяжка верстки на Wordpress: Слайдер на головній сторінці за допомогою ACF Repeater і циклу while
У цьому уроці ми знову працюємо з ACF Repeater. Цього разу за допомогою циклу while(); ми виведемо слайдер із зображеннями та посиланнями на головній сторінці
ACF PRO для твоїх тестів на локалці ( ліцензії немає, не використовуйте в жодному разі для клієнтів…
ACF PRO для твоїх тестів на локалці ( ліцензії немає, не використовуйте в жодному разі для клієнтів…
Wordpress українською - WP-Coder
Здоровенькі були! У мене сьогодні для вас новий корисний тул, який заощадить вам час Так як суть прогармування в тому, щоб нічого не повторювалося в цьому житті - ми використовуємо функції, сервіси і купу корисних речей які полегшують наше життя Сьогодні…
Хей, хто подивився цей пост і не зміг скористатися через те що не було лінки - виправляюся 🙂 Лінк оновив, користуйтеся на здоров’я
P.S. Оновив бо самому треба був цей сервіс. Кажу ж вам, зручний
P.S. Оновив бо самому треба був цей сервіс. Кажу ж вам, зручний