order в CSS - властивість, яка дозволяє змінити порядок відображення елементів у flex-контейнері. Значенням може бути число (навіть від'ємне), "inherit", "initial" або "unset".Приклад:
<div class="flex-container">
<div class="item">Item 1</div>
<div class="item">Item 2</div>
<div class="item">Item 3</div>
</div>
.item:nth-child(1) { order: 3 }
.item:nth-child(2) { order: 1 }
.item:nth-child(3) { order: 2 }Цей код відобразить елементи в порядку 2, 3, 1.
Детальніше - MDN
webguild 🇺🇦 › #learnCSS
👍43❤10🔥4🤝2👏1🍓1
Media is too big
VIEW IN TELEGRAM
Coloron Game — гра, реалізована за допомогою JQuery та GSAP 🕺
Технології:👩💻 👩💻 👩💻
webguild 🇺🇦 › #projects
👇Код доступний за кнопкою 👇
Технології:
webguild 🇺🇦 › #projects
👇Код доступний за кнопкою 👇
Please open Telegram to view this post
VIEW IN TELEGRAM
😍26🤯7❤5👍4🗿4
Hotkey Cheatsheet - це простий і корисний ресурс, який зібрав гарячі клавіші для більшості програм та операційних систем.
На сайті є поділ на категорії та зручний пошук.
webguild 🇺🇦 › #resources
На сайті є поділ на категорії та зручний пошук.
webguild 🇺🇦 › #resources
👍22❤8⚡2👻1
This media is not supported in your browser
VIEW IN TELEGRAM
🤣53😁24👍6❤2🤩2🔥1
Media is too big
VIEW IN TELEGRAM
Responsive Parallax Drag-slider — адаптивний Drag&Drop слайдер з паралакс ефектом 😲
Технології:👩💻 👩💻 👩💻
webguild 🇺🇦 › #projects
👇Код доступний за кнопкою 👇
Технології:
webguild 🇺🇦 › #projects
👇Код доступний за кнопкою 👇
Please open Telegram to view this post
VIEW IN TELEGRAM
❤31👍11👎2💘2🥰1
404s.design — сайт з колекцією оригінальних та стильних сторінок 404 🤟
Посилання
webguild 🇺🇦 › #resources
Посилання
webguild 🇺🇦 › #resources
Please open Telegram to view this post
VIEW IN TELEGRAM
👍23❤4🔥4💩1🥴1
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
👍20❤13🔥8👏3😢1
Media is too big
VIEW IN TELEGRAM
Portal scene — трошки магії ThreeJS вам у стрічку ❤️
Технології:👩💻 👩💻 👩💻
webguild 🇺🇦 › #projects
👇Код доступний за кнопкою 👇
Технології:
webguild 🇺🇦 › #projects
👇Код доступний за кнопкою 👇
Please open Telegram to view this post
VIEW IN TELEGRAM
😍32❤13👍12👏1
Please open Telegram to view this post
VIEW IN TELEGRAM
😁64👍15❤8😢6🤣2🤷2⚡1
This media is not supported in your browser
VIEW IN TELEGRAM
Bill Splitter App — додаток для розділення рахунків, реалізований за допомогою ReactJS ✍️
Технології:👩💻 👩💻 👩💻
webguild 🇺🇦 › #projects
👇Код доступний за кнопкою 👇
Технології:
webguild 🇺🇦 › #projects
👇Код доступний за кнопкою 👇
Please open Telegram to view this post
VIEW IN TELEGRAM
👍36❤14⚡5🔥5👨💻4👏1
Це повна протилежність Prettier'у, які зосереджуються на покращенні форматування коду та його читабельності. Shittier створює хаос, безлад і плутанину
Посилання
webguild 🇺🇦 › #tools
Please open Telegram to view this post
VIEW IN TELEGRAM
💩27❤11👍6🤩6🤗3🥰1😁1
Please open Telegram to view this post
VIEW IN TELEGRAM
🤣75👍7😁6🤩6
This media is not supported in your browser
VIEW IN TELEGRAM
Glassmorphism Login Form — 3D форма входу у стилі гласморфізм 🙈
Технології:👩💻 👩💻 👩💻
webguild 🇺🇦 › #projects
👇Код доступний за кнопкою 👇
Технології:
webguild 🇺🇦 › #projects
👇Код доступний за кнопкою 👇
Please open Telegram to view this post
VIEW IN TELEGRAM
👍47❤12🕊3🍓2👎1👏1
❤21👍11🤯5😍1🍾1