frontend
(59)
Керівництво по CSS анімаціях
Ми, розробники і дизайнери, завжди хочемо привернути увагу користувача до свого продукту і залишити гарне враження. Для цього інтерфейс повинен бути простим і зрозумілим, завантажуватися швидко і працювати як швейцарський годинник. Але цього недостат...
Codeguida · 16 червня 2017 · 10
Повне керівництво по CSS Grid
Знайомство CSS Grid Layout (або просто "сітка") — це двовимірна система компонування, що повинна перевернути ваші уявлення про створення макетів. CSS вже давно використовується для компонування елементів на сторінці, але він майже ніколи не виконував...
Codeguida · 6 років тому · 63
VueJS як фронтенд для Rails
VueJS — одна з зірок фронтенд екосистеми JavaScript, що найшвидше зростає. Vue втілює просте й зручне рішення для проектування фронтенду без зайвих складнощів, а також надає більш елегантний спосіб спрощення створення скриптів та стилів, об'єднуючи ї...
Codeguida · 19 квітня 2018 · 4
Node Hero: Частина 3 - Поняття асинхронного програмування в Node.js
Синхронне програмування У традиційній практиці програмування, більшість операцій вводу/виводу відбуваються синхронно. Наприклад, в Java ми б зчитували файл приблизно так: try(FileInputStream inputStream = new FileInputStream("foo.txt")) { Sessi...
Codeguida · 30 червня 2020 · 37
Різні способи створити стовпці однієї висоти в Bootstrap
Bootstrap 3 (тепер Bootstrap 4) - дивовижний CSS-фреймворк, який робить життя веб-розробників будь-якого рівня простіше. Коли я був новачком, і вперше знайомився з Bootstrap, то використовував всі його можливі властивості, і намагався хакнути, щоб от...
Codeguida · 07 лютого 2021 · 11
Node Hero: Частина 9 - модульне тестування у Node.js
Тестування Node.js-застосунків Ви можете вважати тести гарантією для застосунків, які ви розробляєте. Тести будуть працювати не тільки на вашому локальному комп'ютері, але і у сервісах неперервної інтеграції, так, щоб версії з помилками не потрапили...
Codeguida · 05 липня 2020 · 10
Stylus за 20 хвилин
Нещодавно на Codeguida вийшов переклад статті про SASS, і я вирішив написати про свій улюблений препроцесор, адже він такий зручний і чомусь такий непопулярний. CSS потрібен герой Перш за все з'ясуємо, що таке Stylus. Stylus це один з трійки найвідом...
Codeguida · 22 січня 2020 · 4
Node Hero: Частина 2 - Використання NPM
У цій частині ви дізнаєтесь, що таке NPM і як ним користуватись. Давайте почнемо! NPM у Nutshell NPM - це менеджер пакетів, який використовується Node.js-додатками - ви можете знайти там тонни модулів. Це як Maven для Java або Composer для PHP. Є два...
Codeguida · 07 листопада 2020 · 23
Основи Webpack: Частина 1
При створенні сайту досить стандартною практикою є мати якийсь процес збірки на місці, щоб полегшити розробку і підготовку файлів до роботи. Ви можете використовувати Grunt або Gulp, побудувавши ланцюжки перетворень, які дадуть можливість вам закинут...
Codeguida · 13 липня 2021 · 162
Основи Webpack 2
Що таке Webpack? Якщо просто, то це пакувальник модулів для вашого JavaScript. Але з часів першого релізу він еволюціонував в пакувальник для всього вашого фронтенду. Ось так це було раніше: розмітка, стилі так код ізольовані, ви повинні керувати ко...
Codeguida · 26 серпня 2021 · 26 · 1
Основи роботи з адаптивним текстом
Не секрет, що для того щоб текст прочитало якнайбільше людей, він теж повинен бути адаптивним. Його розмір повинен залежати від розміру екрану. Зазвичай для цього задають розміри в rem. І тоді вже браузер вирішує якого розміру текст потрібно відобраз...
Codeguida · 19 вересня 2021 · 17