css
(131)
Створюємо власний блог з допомогою Parse.js, частина 3
В попередній статті ви дізналися як додати дані на Parse.com і відобразити їх на вашому сайті. Ви познайомилися з поняттям об'єкт, колекція та екземпляр, і створили свій перший клас. Починаючи з цього уроку, ми будемо створювати в адмін-панель блогу....
Codeguida · 30 грудня 2021 · 11
Використовуємо jQuery правильно
Завантаження з CDN Замість того, щоб зберігати jQuery на Вашому сервері, краще завантажувати бібліотеку з популярних CDN. Це дозволить зменшити час завантаження сторінки. <script src="/vendor/jquery/jquery.min.js"></script> <script src="//aj...
Codeguida · 13 січня 2021 · 11
Гід по оптимізації веб-сторінок та додатків
Коли справа доходить до продуктивності, ми не маємо права примушувати користувачів чекати і залишити веб-сторінку з негативними враженнями. Оптимізація є основою професійного створення сайту. Що визначає швидкість сторінки? Можна виділити наступні пу...
Codeguida · 27 червня 2021 · 38
CSS font-display: Майбутнє рендерингу шрифтів у вебі
Одним із недоліків використання веб-шрифтів, є те, що у випадку недоступності шрифту на пристрої користувача, його необхідно завантажувати. Це означає, що до того як шрифт стане доступним, браузер повинен вирішити як відобразити будь-який блок тексту...
Codeguida · 19 листопада 2017 · 35
Оптимізація CSS: ID-селектори та інші міфи
Типовий веб-сайт сьогодні нараховує близько 500 КБ стиснутого JavaScript та 1.5 MБ зображень, що завантажуються за 400 мілісекунд на середньому Android-пристрої за допомогою 3G. Зважаючи на це, тривалість обробки CSS — найменша з незручностей. Тим не...
Codeguida · 13 липня 2018 · 20
HTML5 Page Visibility API
Раніше ми не мали браузерів, які працювати з багатьма вкладками. Але вже багато часу всі переглядачі пропонують нам цю функцію. Нам важко уявити, як це, працювати тільки з однією вкладкою. Зараз кожен користувач в середньому має 10-15 відкритих вклад...
Codeguida · 31 серпня 2020 · 9
Створюємо власний блог з допомогою Parse.js, частина 6: Редагування
####Попередні уроки: Створюємо власний блог з допомогою Parse.js Створюємо власний блог з допомогою Parse.js: Працюємо з даними Створюємо власний блог з допомогою Parse.js: Авторизація користувачів Створюємо власний блог з допомогою Parse.js,...
Codeguida · 14 грудня 2021 · 5
Динамічні географічні карти з SVG і JQuery
Створюємо SVG мапу в Illustrator Створимо мапу Італії в Illustrator: Кожний регіон повинен малюватися як окремий об'єкт і мати свій власний рівень, з ім'ям, котре буде відповідати коду, використовуваному в базі даних, щоб ідентифікувати відповідні...
Codeguida · 4 роки тому · 12
Способи додати CSS в JavaScript застосунок
Перед обговоренням такої неоднозначної теми як CSS в JS варто зрозуміти, що немає жорсткого правила, яке б встановлювало єдиний спосіб для обробки CSS в застосунках на React, Vue чи Angular. Кожен проєкт різний, а кожен метод має свої переваги та нед...
Codeguida · 18 липня 2019 · 59
Локальні CSS змінні: що, як і навіщо
Кастомні CSS властивості (також відомі як CSS змінні) вже тут. Нарешті маємо справжні змінні в CSS! Що я маю на увазі під справжніми змінними? Це змінні, що можуть бути перевизначені динамічно у файлі. Хоча ми вже мали «змінні», дякуючи пре/пост-проц...
Codeguida · 18 липня 2017 · 43
Як працює @supports
В CSS є чудова фіча, що дає можливість перевірити чи підтримує браузер певну властивість чи пару властивість:значення перед застосуванням відповідних стилів (подібно до того, як @media-запити визначають певні СSS-стилі в залежності від розміру вікна...
Codeguida · 03 березня 2019 · 7
9 порад щодо оптимізації зображень для прискорення вашого сайту
У цій статті ми розглянемо ефективні методи оптимізації зображень, які значно покращать продуктивність вашого застосунку. Почнемо з самого початку! 1. Формати зображень Вибір правильного формату зображення для кожного типу зображення може суттєво впл...
Alex · 31 липня 2023 · 49