html
(70)
Адаптивні зображення: використання srcset
Якщо Ви почати використовувати адаптивні зображення (різні зображення в HTML для різних ситуацій) і все, що Ви робите, це перемикаєтесь між різними версіями одного і того ж зображення (найпопулярніший варіант), все, що Вам потрібно, - це атрибут srcs...
Codeguida · 18 листопада 2020 · 15Створення 3D логотипу за допомогою three.js
В цій статті, ми створимо 3D версію логотипу Treehouse використовуючи three.js. Нажміть та перетягуйте мишу для переміщення камери! Також ви можете використовувати колесо миші для масштабування. Демо Завантажити код 3D графіка може бути складною, осо...
Codeguida · 28 вересня 2020 · 15Ефективність табуляції та пробілів в HTML
Як ви робите відступи у вашій розмітці? З допомогою табуляції чи пропуску? Невже це важливо для продуктивності? Давайте проведемо експеримент. Розглянемо сторінку, яка створює список з 50-ти предметів: <ul> @for (int i = 0; i < 50; i++)...
Codeguida · 30 серпня 2020 · 13Створюємо власний блог з допомогою Parse.js, частина 2
Минулого разу ми встановити локальний сервер (XAMPP), веб-сервер (GitHub Pages) і сервер БД (Parse.com). Також, ми маємо HTML сторінки блогу і вбудований базовий Parse.js код для підключення до бази даних. У цьому уроці, ми навчимося створювати, отри...
Codeguida · 12 серпня 2021 · 12Динамічні географічні карти з SVG і JQuery
Створюємо SVG мапу в Illustrator Створимо мапу Італії в Illustrator: Кожний регіон повинен малюватися як окремий об'єкт і мати свій власний рівень, з ім'ям, котре буде відповідати коду, використовуваному в базі даних, щоб ідентифікувати відповідні...
Codeguida · 3 роки тому · 12CSS про який ви нічого не знали - ч.1
Добре, добре, я не можу точно гарантувати це, але є дуже велика можливість того, що ви з цим ще ніразу не користувались. Селектор root :root { } Використання root дозволяє вибрати найвищий батьківський елемент в DOM. Якщо ти пишеш на HTML, тоді...
Codeguida · 28 червня 2021 · 11Створюємо власний блог з допомогою Parse.js, частина 3
В попередній статті ви дізналися як додати дані на Parse.com і відобразити їх на вашому сайті. Ви познайомилися з поняттям об'єкт, колекція та екземпляр, і створили свій перший клас. Починаючи з цього уроку, ми будемо створювати в адмін-панель блогу....
Codeguida · 30 грудня 2021 · 11Як зробити таби на чистому CSS, а потім ще з них зробити акордеон
Перш ніж почнемо — демо можна знайти ось тут, а сам код повністю — ось тут. Запрошую до вивчення, художнього читання на різні голоси та усіляких забав з цим кодом. Маленький такий дисклеймер — це все винятково для забави та щоби показати вам, який на...
Codeguida · 05 липня 2021 · 10Все, що ви колись хотіли знати про inputmode
Атрибут inputmode підказує браузеру, який тип екранної клавіатури показувати на мобільних пристроях, залежно від обраного input або textarea. <input type="text" inputmode="" /> <textarea inputmode="" /> На відміну від атрибута type, inputmode не втр...
Codeguida · 4 роки тому · 10Особливості створення гібридних мобільних застосунків на Ionic
Вступ Мета даної статті – підготувати веб-розробника до роботи з мобільною розробкою, ознайомити з нюансами, показати різницю між мобільною і веб-розробкою. Я не планував написати посібник чи документацію про роботу з Ionic. Отже, поїхали… Працюєте в...
Codeguida · 21 червня 2017 · 10Додаємо анімації життя
Перша ітерація - стандартне "послаблення" Це перша версія - звичайний, рукописний CSS3 ключовий кадр анімації з використанням всього двох клавіш: .form { animation: form-fly-up 0.35s ease; } @keyframes form-fly-up { 0% { t...
Codeguida · 02 вересня 2021 · 10Розширення нативних елементів DOM за допомогою веб-компонентів
Веб-компоненти (Web Components) пропонують потужні функції прямо з платформи. Основні з них: справжня інкапсуляція JS та CSS; взаємодія між різними фреймворками; і, звичайно, стандартизована компонентна модель для полегшеного повторного використання...
Codeguida · 12 червня 2018 · 10