Закладки

Веб розробка

Інструменти Веб Розробника

Базові програми, рекомендовані для використання під час дистанційого навчання на курсах від «Miditaur»:

HTML

Специфікація HTML — останнє оновлення 28 лютого 2025 р

Python

Довідники

  • W3Schools - Найбільший сайт веб-розробників в Інтернеті.
  • MDN - спільний проект із відкритим кодом, який належить корпорації Mozilla та розроблений Mozilla у партнерстві з глобальною спільнотою волонтерів і партнерів.
  • Навчальний план MDN - Навчальна програма MDN - структурований посібник із основних навичок і практик успішного розробника інтерфейсу, а також рекомендовані навчальні ресурси.
  • Веб-довідка - На сайті знаходяться довідники та навчальні курси з різних веб-технологій, а також посібники з верстки веб-сторінок. Гол. редактор: Влад Мержевич.
  • Український веб-довідник -  Сайтом опікується ФОП Драган Володимир Васильович.
  • DEV -  це спільнота розробників програмного забезпечення, які збираються разом, щоб допомогти один одному
  • freeCodeCamp - навчальна програма freeCodeCamp.

WEB Доступність

  • WebAIM (Web Accessibility In Mind) надає комплексні рішення веб-доступності з 1999 року. Провідний постачальник досвіду веб-доступності на міжнародному рівні. WebAIM є частиною Інституту досліджень, політики та практики інвалідності при Університеті штату Юта та функціонує як центр обслуговування в Університеті університету та некомерційна організація.

Бібліотеки елементів інтерфейсу

  • Uiverse - Бібліотека елементів інтерфейсу, створена спільнотою.
  • Webleb - Колекція безкоштовних фрагментів коду HTML, CSS, Javascript,  для інтеграції у ваші проекти

CSS

Стандарти CSS браузерів для HTML елементів.

Довідка w3school про значення за замовчуванням CSS

Рекомендовані початкові значення від W3C для відтворення елементів HTML

📌 Специфікації робочої групи CSS - офіційне сховище CSSWG для редакторських чернеток специфікацій CSS.

📌 Портал CSS - Інструменти, генератори та ресурси  Портал CSS містить багато прикладів CSS / HTML і способів їх використання в дизайні веб-сайтів.

CSS фреймворки

Основа / Скидання / Нормалізація

  • Репозиторій modern-normalize - нормалізує стиль браузера за замовчуванням.
  • ress - скидання сучасного CSS.
  • Natural Selection - boilerplate.css – колекція передових селекторів CSS  — це структура CSS без будь-яких стилів. Набір селекторів , які можна використовувати для визначення глобальних стилів. Має на меті надати найкращий CSS шаблон, який можна використовувати для запуску проектів. Він намагається заохочувати семантичний HTML і вирішення проблем доступності.

Загального призначення

  • Bootstrap – найпопулярніший фреймворк HTML, CSS і JavaScript для розробки адаптивних мобільних проектів в Інтернеті.
  • Система веб-дизайну США – компоненти, які використовуються веб-сайтами федерального уряду США.
  • Foundation – найдосконаліший адаптивний інтерфейсний фреймворк у світі.

CSS Трюки, рішення, новини, посібники

Генератори

Типографіки
  • Typescale – створюйте приголомшливу типографіку, генеруйте CSS і знаходьте натхнення. Гармонічний генератор типографіки.
CSS анімації
CSS генератор макета

Тестування швидкості веб-сайту

Графіка

Створення дизайну

Перетворення зображень

  • SVGcode — Перетворює кольорові або монохромні растрові зображення (PNG, JPG, JPEG, WEBP, AVIF, GIF,…) на кольорові або монохромні векторні зображення (SVG).

Онлайн сервіси для стиснення зображень

Ці сервіси дозволяють контролювати параметри якості, тож ви зможете знайти оптимальний баланс між розміром файлу та його виглядом.

  • Optimizilla  – Латвійський онлайн сервіс, дозволяє обробляти JPEG, GIF та PNG з налаштуваннями для збереження оптимальної якості. Сервіс мультимовний, наявна українська мова. 
  • Squoosh – сервіс від Google, що дозволяє обирати алгоритм стиснення та налаштовувати параметри якості, з можливістю перегляду результату в реальному часі. Squoosh не надсилає ваше зображення на сервер. Стиснення всіх зображень відбувається локально.
  • JPEG-Optimizer  – оптимізує JPEG-зображення, дозволяючи вибирати ступінь стиснення.

Онлайн AI генератори зображень

  • Gencraft - 5 безкоштовних генерацій на день

Завантаження сайтів

Онлайн сервіси

  • Web2Zip Сервіс для копіювання сайтів в zip архів

Управління проектами

  • Trello — це візуальний інструмент, який дає змогу  керувати  проектом, робочим процесом або відстеженням завдань.

Системне адміністрування

Windows

Крістоф Шнєганс

Безкоштовні платформи для Веб представництва

Форуми

Сайти

Безкоштовний WEB Хостинг

Музика

Семпли, пресети, лупи

Yamaha PSR

Підручник Yamaha PSR

MIDI

Джефф Глатт: Все про MIDI - Відомі старі веб-сайти www.borg.com

Cakewalk

Cakewalk .ins files - Повний і компактний опис Піта Гудлайфа файлів визначення інструментів Cakewalk.

Календарі

Екадаші

Місячний календар часу екадаші з 14.01.2025 по 14.01.2026 для 50°46′05″ пн. ш. 35 ° 15 '32 "сх. д. Краснопілля

TinyMCE

TinyMCE Fiddle - 📌візуальне представлення параметрів редактора TinyMCE для всіх версій.

Publii

Офіційна сторінка Publii,  Форум спільноти Publii,

CSS, створений Publii за замовчуванням: шпаргалка для всіх

Розробники Publii

Bob Mitro , Tomasz Dziuda 

Ярослав Хворостяненко - Використовує Publii і  дає приклади рішень для неї.

Крістіан Шнайдер - персональний сайт p4p з якісною інформацією для розробників про Publii.

Radek Kozieł - персональний сайт (варто преглянути його закладки)

Radek Kozieł - GitHub сторінка

candidexmedia / 1 – Додавання власних тегів HTML у Publii Toolbar.md,

Спеціальні елементи HTML (через customElementsMode), 

SEO iнструменти

SEO Review Tools — це набір інструментів SEO в режимі реального часу для аналізу вашого веб-сайту та відстеження ваших конкурентів у Пошуку. 

Screaming Frog  — британське агентство з оптимізації пошукових систем і розробники відомого сканера веб-сайтів і інструментів аналізу файлів журналу

Коментарі