Team IT Security (TSEC) Nachrichtenportal Logo


🔧 I built a Flexbox Playground with Awesome Animations


Nachrichtenbereich: 🔧 Programmierung
🔗 Quelle: dev.to

Hey everyone 👋
I'm excited to share the latest update to my open source project.

It's called Flexbox labs, and it's a visual tool that helps you create layouts using CSS Flexbox.
Flexbox labs

It includes:
• An edit tab - to customize flex container and items.
• A save tab - to save custom layouts
• A layouts tab - consisting of pre-built layouts
• A settings tab - to customize the app
• And a clone, undo, redo, reset and generate code feature.

It was built using React, TypeScript, Sass and Framer Motion.

Site link: https://flexboxlabs.netlify.app/

GitHub repo: https://github.com/prazzon/Flexbox-Labs

...

Sharing is caring on Social Media

Reddit
Telegram
LinkedIn
Xing
Twitter
Whatsapp
Facebook
Flipboard

🔧 I built a Flexbox Playground with Awesome Animations


📈 67.42 Punkte
🔧 Programmierung

🔧 Building in Public: React Image Layout with Flexbox and Grid - ACT 5 : Creating and Styling an Image Gallery using Flexbox


📈 35.2 Punkte
🔧 Programmierung

🔧 Part 2 : Capturing Attention with Motion UI CSS Animations 🎨- : Bounce Animation, Parallax Scrolling, and Hover Animations 🫠


📈 27.31 Punkte
🔧 Programmierung

🔧 Angular Animations Tutorial: Creating Reusable Animations


📈 27.31 Punkte
🔧 Programmierung

🔧 Angular Animations Tutorial: Creating Reusable Animations


📈 27.31 Punkte
🔧 Programmierung

🎥 ScrollSpy animations with just CSS thanks to Scroll-Driven Animations


📈 27.31 Punkte
🎥 Video | Youtube

🔧 [DAY 9-11] I Learned CSS Box Model, Flexbox, Typography, HTML Accessibility, & Built A Tribute Page


📈 26.49 Punkte
🔧 Programmierung

🔧 🌟 Create a Professional Card UI Animations Using HTML, CSS, and Font Awesome


📈 25.3 Punkte
🔧 Programmierung

🔧 Creating Awesome 3D Animations With Python In Blender


📈 25.3 Punkte
🔧 Programmierung

🔧 Introducing DevPub a playground for designers and developers built with Wix.


📈 24.51 Punkte
🔧 Programmierung

🔧 Introducing Awesome J2ME: An Awesome List About Everything Related to J2ME


📈 23.29 Punkte
🔧 Programmierung

📰 Samsung Galaxy A54 bei Media Markt im Angebot: Awesome Farben und Awesome Preis


📈 23.29 Punkte
📰 IT Nachrichten

🔧 The Awesome Side of GitHub - Awesome Lists


📈 23.29 Punkte
🔧 Programmierung

🐧 GitHub - kahun/awesome-sysadmin: A curated list of amazingly awesome open source sysadmin .


📈 23.29 Punkte
🐧 Linux Tipps

🐧 GitHub - awesome-lists/awesome-bash: A curated list of delightful Bash scripts and resources.


📈 23.29 Punkte
🐧 Linux Tipps

🔧 Awesome Social Media Icons With Hover Effects (Font Awesome Icons & SVG Icons)


📈 23.29 Punkte
🔧 Programmierung

📰 Awesome-Password-Cracking - A Curated List Of Awesome Tools, Research, Papers And Other Projects Related To Password Cracking And Password Security


📈 23.29 Punkte
📰 IT Security Nachrichten

🐧 awesome-fetch - Awesome system information command-line fetch tools


📈 23.29 Punkte
🐧 Linux Tipps

🐧 awesome-fetch - Awesome system information command-line tools


📈 23.29 Punkte
🐧 Linux Tipps

🐧 Awesome GNU/Linux Gaming - A curated list of awesome GNU/Linux tips & tricks, games, tools, and resources


📈 23.29 Punkte
🐧 Linux Tipps

🕵️ GitHub - enaqx/awesome-pentest: A collection of awesome penetration testing resources, tools and other shiny things


📈 23.29 Punkte
🕵️ Reverse Engineering

📰 GitHub - enaqx/awesome-pentest: A collection of awesome penetration testing resources, tools and other shiny things


📈 23.29 Punkte
📰 IT Security Nachrichten

🐧 "Awesome FLOSS Mobile" - An awesome list documenting FLOSS projects for mobile devices. Everything from Linux/Android Apps and OS's to Hardware Projects and Android Phones.


📈 23.29 Punkte
🐧 Linux Tipps

🐧 A collection of awesome lists, manuals, blogs, hacks, one-liners and tools for Awesome Ninja Admins.


📈 23.29 Punkte
🐧 Linux Tipps

🔧 Creative or Developer? One or More of these 15 Awesome Pre-built Websites Could be Just Right for You


📈 20.53 Punkte
🔧 Programmierung

🪟 This pre-built gaming PC is surprisingly well-built and affordable, but it falls into a classic trap


📈 17.77 Punkte
🪟 Windows Tipps

🔧 So I Built This: Broadening the Impact of What You’ve Built in the Lab


📈 17.77 Punkte
🔧 Programmierung

🕵️ Tinkered around with some Python tonight, and built a script that you might find useful. Run fourteen informational checks against a specific domain and/or IP address. Learn how certain websites are built, from the ground up and inside out.


📈 17.77 Punkte
🕵️ Reverse Engineering

🐧 How we ran a Unix-like OS (Xv6) on our home-built CPU with our home-built C compiler


📈 17.77 Punkte
🐧 Linux Tipps

🐧 If Android were to be built today, which parts of it could be built with mainstream GNU/Linux components? (i.e.: glibc and not bionic)


📈 17.77 Punkte
🐧 Linux Tipps

🔧 CSS Grid vs. Flexbox: Which Should You Use?


📈 17.6 Punkte
🔧 Programmierung

🔧 Building in Public: My Journey in React Image Layout with Flexbox and Grid - ACT 3:Crafting and Styling the Navigation with SCSS


📈 17.6 Punkte
🔧 Programmierung

🔧 Flexbox 101: A Beginner's Guide to Flexible Layouts


📈 17.6 Punkte
🔧 Programmierung

🔧 Flexbox vs Grid in CSS – Which Should You Use?


📈 17.6 Punkte
🔧 Programmierung

🔧 CSS Flexbox: Creating a Sticky Sidebar


📈 17.6 Punkte
🔧 Programmierung

matomo
•