html
(70)
Створюємо власний блог з допомогою Parse.js, частина 5: Router
Попередні уроки: Створюємо власний блог з допомогою Parse.js Створюємо власний блог з допомогою Parse.js: Працюємо з даними Створюємо власний блог з допомогою Parse.js: Авторизація користувачів Створюємо власний блог з допомогою Parse.js, час...
Codeguida · 03 квітня 2021 · 4
Ефекти стиснення в порівнянні з мінімізацією HTML файлів
Минулого разу ми розглянули вплив на продуктивність використання табуляції та пробілів в HTML. Виникло нове питання: Чи варто використовувати зменшення HTML файлу, коли вже використовуєш GZip. Давайте проведемо експеримент. Я зібрав декілька реальних...
Codeguida · 12 січня 2021 · 4
Як react.fragment допомагає писати семантичний HTML?
import React, { Fragment } from "react" const Headings = props => { return ( <Fragment> <h1>{props.title}</h1> <p>{props.subtitle}</p> </Fragment> ) } HTML це основа вебу, тому написаний вами код має буди семантичним. Якщо ви пишете сем...
Codeguida · 02 лютого 2018 · 3
VenoBox
Основною перевагою VenoBox є те, що він обчислює максимальну ширину зображення на екрані і зберігає його висоту, якщо воно вище вікна (в невеликих пристроях ви можете прокрутити вміст вниз, уникаючи мікроскопічного масштабування зображення). Використ...
Codeguida · 24 вересня 2020 · 2
Front-end воїн - “Slip Scroll” ефект
У сьогоднішньому уроці ми збираємося створити простий, гнучкий ефект паралакса, де логотип, здавалося б, змінює колір з фоном, коли користувач скролить. Ми будемо створювати елемент "за замовчуванням", який буде з цим типом розміщення ( position: fix...
Codeguida · 12 січня 2020 · 2
А ви зможете зробити це за допомогою CSS?(Частина перша)
Простий приклад Тут ми маємо три текстових поля, які використовують місцезаповнювачі. Як ви можете бачити - нічого складного. Коли ви фокусуєтесь на якомусь з полів, то з'являється назва цього поля, певного роду нагадування користувачу, що саме він...
Codeguida · 06 січня 2021 · 2
Використання SVG для стиснення ваших PNG зображень
Чи не було б чудово отримати стиснений JPEG і зберегти прозорість у PNG? І це реально. Ось невеликий трюк, який я відкрив, коли працював на новому сайті Sapporo Beer. Зверніть, що пиво на сайті Sapporo має прозору зону(це важко помітити). У форматі...
Codeguida · 13 січня 2021 · 1
nanobar.js - прогрес-бар без JQuery
Приклад: var options = { bg: '#acf', target: document.getElementById('myDivId'), id: 'mynano' }; var nanobar = new Nanobar( options ); nanobar.go( 30 ); // size bar 30% nanobar.go(100); Інст...
Codeguida · 26 листопада 2020
Переходимо до адаптивного вебу
Давайте почнемо з чуйного або реагуючого (responsive) веб-дизайну. Кожен веб-розробник сьогодні знайомий з концепцією чуйного веб-дизайну (RWD). В травні 2010, концепція була прийнята в якості передової практики, процес почав вдосконалюватися і з'яви...
Codeguida · 01 жовтня 2020
Організації W3C та WHATWG разом працюватимуть над HTML і DOM
Організації W3C та WHATWG підписали угоду про спільний розвиток специфікацій HTML й DOM. Нагадаємо, WHATWG — це група, створена компаніями Apple, Mozilla та Opera як альтернатива організації W3C. W3C вважала, що майбутнє за XML і XHTML, тоді як WHATW...
Codeguida · 4 роки тому