All activity
![Arbaoui Mehdi](https://ph-avatars.imgix.net/1397832/a8757b53-64e3-4f65-a215-238a004ac57d.png?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=48&h=48&fit=crop&frame=1)
FrontTips features short, informative videos on HTML, CSS, JavaScript, Tools, Libraries, and key Frontend tools. These videos are a personal collection of what I find interesting, plan to use, or want to bookmark as a Frontend Developer.
![Front-End Video Tips](https://ph-files.imgix.net/a8d60dee-e640-4e18-95de-c45363acd28b.png?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=48&h=48&fit=crop&frame=1)
Front-End Video Tips
Front-End Dev regular short videos on HTML, CSS, JS, & Tools
![Arbaoui Mehdi](https://ph-avatars.imgix.net/1397832/a8757b53-64e3-4f65-a215-238a004ac57d.png?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=48&h=48&fit=crop&frame=1)
Arbaoui Mehdi
left a comment
Hey Dev Fellows 👋
I've been sharing a series of short video tips on social media, aimed at enhancing the Frontend development experience. To make these tips more accessible, I created front.tips – a place where all these insights are organized and categorized for easy reference. My goal is to share interesting finds and knowledge from my journey as a Frontend Developer with the community....
![Front-End Video Tips](https://ph-files.imgix.net/a8d60dee-e640-4e18-95de-c45363acd28b.png?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=48&h=48&fit=crop&frame=1)
Front-End Video Tips
Front-End Dev regular short videos on HTML, CSS, JS, & Tools
![Arbaoui Mehdi](https://ph-avatars.imgix.net/1397832/a8757b53-64e3-4f65-a215-238a004ac57d.png?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=48&h=48&fit=crop&frame=1)
Arbaoui Mehdi
left a comment
CSS Selectors/Combinators Classifier tool offers the following functionalities:
1️⃣ Classify Selectors and Combinators: Organize CSS selectors and combinators visually for a clear understanding of their types.
2️⃣ Understanding Selector Types: Learn about Type Selectors, Classes, IDs, Attributes, Pseudo Classes, or Pseudo Elements with clear definition.
3️⃣ Attribute Types Exploration: Understand...
![CSS Selectors/Combinators Classifier](https://ph-files.imgix.net/2bd7d831-78e9-4c94-8152-fab2b56d455b.png?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=48&h=48&fit=crop&frame=1)
CSS Selectors/Combinators Classifier
Organize and highlight CSS selectors and combinators by type
![Arbaoui Mehdi](https://ph-avatars.imgix.net/1397832/a8757b53-64e3-4f65-a215-238a004ac57d.png?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=48&h=48&fit=crop&frame=1)
From a typed code, the tool groups CSS selectors, combinators, and attributes by classification, enabling visual identification of each type.
![CSS Selectors/Combinators Classifier](https://ph-files.imgix.net/2bd7d831-78e9-4c94-8152-fab2b56d455b.png?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=48&h=48&fit=crop&frame=1)
CSS Selectors/Combinators Classifier
Organize and highlight CSS selectors and combinators by type
![Arbaoui Mehdi](https://ph-avatars.imgix.net/1397832/a8757b53-64e3-4f65-a215-238a004ac57d.png?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=48&h=48&fit=crop&frame=1)
CSS Box Shadow Generator enables shadow manipulation and control over all shadow properties. It provides instant updates to shadow codes for easy copying and individual shadow descriptions.
![CSS Box Shadows Generator](https://ph-files.imgix.net/06f187e4-6a42-491a-bdbc-82c99d85eb41.png?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=48&h=48&fit=crop&frame=1)
CSS Box Shadows Generator
Create, edit and generate multiple custom CSS box shadows
![Arbaoui Mehdi](https://ph-avatars.imgix.net/1397832/a8757b53-64e3-4f65-a215-238a004ac57d.png?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=48&h=48&fit=crop&frame=1)
Arbaoui Mehdi
left a comment
CSS Box Shadow Generator is a useful tool that offers a range of features:
1️⃣ Shadow Design & Manipulation: Easily create and adjust multiple shadows.
2️⃣ Complete Control: Gain control over every detail of the shadow, including type (outset/inset), X/Y offsets, blur, spread, and color.
3️⃣ Element Customization: Adjust the background, border radius/color, and width/height of the element that...
![CSS Box Shadows Generator](https://ph-files.imgix.net/06f187e4-6a42-491a-bdbc-82c99d85eb41.png?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=48&h=48&fit=crop&frame=1)
CSS Box Shadows Generator
Create, edit and generate multiple custom CSS box shadows
![Arbaoui Mehdi](https://ph-avatars.imgix.net/1397832/a8757b53-64e3-4f65-a215-238a004ac57d.png?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=48&h=48&fit=crop&frame=1)
Arbaoui Mehdi
left a comment
The app's UX is on point and the UI is impeccably clean, showcasing an aesthetically pleasing design.
GOOD JOB!
Subbi
Tame your subscriptions and occurring bills
![Arbaoui Mehdi](https://ph-avatars.imgix.net/1397832/a8757b53-64e3-4f65-a215-238a004ac57d.png?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=48&h=48&fit=crop&frame=1)
Learn to write readable and concise HTML/CSS while solving real-world UI challenges while competing with other developers around the globe.
Divize
Learn, write, master HTML/CSS through real UI challenges
![Arbaoui Mehdi](https://ph-avatars.imgix.net/1397832/a8757b53-64e3-4f65-a215-238a004ac57d.png?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=48&h=48&fit=crop&frame=1)
Arbaoui Mehdi
left a comment
Hello, Hunters 👋 This is Mehdi, Co-Founder of Divize.
🔸 Divize serves as an interactive learning platform for designers and developers, guiding them in crafting semantic, readable, and concise HTML/CSS for real-world user interfaces.
🔸 This tool allows you to write the HTML/CSS code of a list of user interfaces incrementally from scratch, following good practices and guidelines. An in-app...
Divize
Learn, write, master HTML/CSS through real UI challenges
![Arbaoui Mehdi](https://ph-avatars.imgix.net/1397832/a8757b53-64e3-4f65-a215-238a004ac57d.png?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=48&h=48&fit=crop&frame=1)
Arbaoui Mehdi
left a comment
Hey Hunters 👋
I'm Mehdi, co-founder of Queezed.
For teachers, testers, or tutors who use PDF Quizzes heavily and are worried about cheating. We build Queezed to prevent cheating by helping first to make a quiz effortlessly, and by randomizing questions to create unique quizzes for each student. With the help of the tool, a teacher can be confident in fair assessments and spend less time...
Queezed
Make & generate unique quizzes into PDF
![Arbaoui Mehdi](https://ph-avatars.imgix.net/1397832/a8757b53-64e3-4f65-a215-238a004ac57d.png?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=48&h=48&fit=crop&frame=1)
Queezed is a flexible PDF quiz generator that enables teachers to create over 100 ready-to-print quizzes with its anti-cheating system, ensuring each one is unique and preventing students from cheating.
Queezed
Make & generate unique quizzes into PDF
![Arbaoui Mehdi](https://ph-avatars.imgix.net/1397832/a8757b53-64e3-4f65-a215-238a004ac57d.png?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=48&h=48&fit=crop&frame=1)
Arbaoui Mehdi
left a comment
Great job on creating this simple and user-friendly tool! Happy shipping 🚀
![Fonty.io](https://ph-files.imgix.net/85f4ebd0-603c-4143-a21e-dbef0cc9cc18.png?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=48&h=48&fit=crop&frame=1)
Fonty.io
Find used fonts on any website with - Fonty.io