ТОП 5 Трюків із CSS | Частина №1
1. Використання clamp() для адаптивних розмірів
Функція clamp() дозволяє задати гнучкі розміри елементів з мінімумом і максимумом, що дає можливість адаптувати розміри залежно від ширини екрану.
Функція clamp() дозволяє задати гнучкі розміри елементів з мінімумом і максимумом, що дає можливість адаптувати розміри залежно від ширини екрану.
Node.js та npm є ключовими інструментами для розробки сучасних веб-додатків. Node.js дає можливість запускати JavaScript поза браузером, а npm є менеджером пакетів, який дозволяє управляти залежностями в проєкті. У цій статті розглянемо, що таке ці технології і як вони працюють разом.
Наявність XML Sitemap є основою для швидкого і повного сканування веб-сайту пошуковими ботами з метою індексації контенту для пошукової видачі. Звісно, боти й самі можуть знайти ваші сторінки, але якщо сайт має декілька тисяч сторінок і недостатнє внутрішнє перелінкування - не всі сторінки будуть виявлені і, відповідно, вони не потраплять у чергу на сканування. У цьому випадку стане у нагоді XML Sitemap, який допоможе пошуковим ситемам отримати повний перелік посилань на ваш сайт.
...
Напевно у кожного javascript розробника була така ситуація коли необхідно було зберегти якісь данні що вибрав користувач. Наприклад: У вас є зміна мови з російської на українську і вам потрібно запам'ятати яку мову вибрав користувач, для того вам ідеально підійде LocalStorage.
PageSpeed - це важливий елемент успіху вашого веб-сайту. Окрім того, що він є одним із відомих факторів ранжування, він також є важливою метрикою юзабіліті.
Ніхто (ані люди ані пошукові системи) не хоче витрачати свій час на очікування завантаження ваших сторінок, особливо коли є десятки інших веб-сайтів на ту саму тему, які завантажуються швидше.
Хороша новина полягає в тому, що є способи покращити швидкість сторінки, оптимізуючи інфраструктуру веб-сайту та дотримуючись найкращих практик.
У цьому посібнику ви дізнаєтесь:
Файно зробити добрий сайт.
Не менш важливо - потому сайт розкрутити.
І значною мірою те, як ваш сайт буде розкручуватися, залежить від технічного SEO.
Імплементувавши принципи дружнього до SEO коду під час первинної розробки, ви одразу ж дасте своєму дітищеві хорошу фору в розкрутці.
Ба й зекономите час і нерви:
Не доведеться-бо перекопувати й переробляти код і дизайн вже на готовому веб-застосунку чи то веб-сайті.
Що варто знати веб-розробнику про SEO, перш ніж розробляти сайт?
CSS Grid - найважливіша подія для побудови веб-макетів, з часів гумових контейнерів (флексбоксів). Вона дозволяє уникнути використання будь-яких магічних методів, хитростей та обхідних шляхів, до яких ми звикли за останні 15 років. З сіткою стало набагато простіше описувати макети, впевнений, сітка знищить більшість провідних CSS-фреймворків і дозволить писати менше стилів.
Якщо ви не знайомі з CSS Grid Layout і дочитали аж до цього місця, знайте, це інструмент для розробки макетів, який дозволяє керувати розміщенням, розмірами і вирівнюванням дочірніх елементів.
CSS-сітка надає нові потужні можливості та дозволяє розташуванню елементів одночасно враховувати горизонтальний і вертикальний вільний простір без використання медіазапитів, сітка дозволяє дуже легко змінювати розташування елементів, без зміни структури документа.