Practice and improve your HTML, CSS and JavaScript skills by building these 50 projects.

A thread 🧡
1. Expanding Cards
2. Progress Steps
3. Rotating Navigation
4. Hidden Search
5. Blurry Loading
6. Scroll Animation
7. Split Landing Page
8. Form Wave Animation
9. Sound Board
10. Dad Jokes App
11. Event KeyCodes
12. FAQ Collapse
13. Random Choice Picker
14. Animated Navigation
15. Incrementing Counter
16. Drink Water
17. Movie App
18. Background Slider
19. Theme Clock
20. Button Ripple Effect
21. Drag N Drop
22. Drawing App
23. Kinetic Loader
24. Content Placeholder
25. Sticky Navigation
26. Double Vertical Slider
27. Toast Notification
28. Github Profiles
29. Double Click Heart
30. Auto Text Effect
31. Password Generator
32. Good Cheap Fast
33. Notes App
34. Animated Countdown
35. Image Carousel
36. Hoverboard
37. Pokedex
38. Mobile Tab Navigation
39. Password Strength Background
40. 3D Boxes Background
41. Verify Account UI
42. Live User Filter
43. Feedback Design
44. Custom Range Slider
45. Netflix Navigation
46. Quiz App
47. Testimonial Box Switcher
48. Random Image Generator
49. Todo List
50. Insect Catch Game
See how these projects look and how they work in these live demo:

Also, if you want to learn step by step how to build these projects from scratch, you can get the course on Udemy for only $12.99 in March:…

β€’ β€’ β€’

Missing some Tweet in this thread? You can try to force a refresh

Keep Current with Florin Pop πŸ‘¨πŸ»β€πŸ’»

Florin Pop πŸ‘¨πŸ»β€πŸ’» Profile picture

Stay in touch and get notified when new unrolls are available from this author!

Read all threads

This Thread may be Removed Anytime!


Twitter may remove this content at anytime! Save it as PDF for later use!

Try unrolling a thread yourself!

how to unroll video
  1. Follow @ThreadReaderApp to mention us!

  2. From a Twitter thread mention us with a keyword "unroll"
@threadreaderapp unroll

Practice here first or read more on our help page!

More from @florinpop1705

28 Dec 20
Working on my Dreamchart for the next 1-3-5 years.

Breakdown of the images below. πŸ‘‡
Going from top-left to bottom-right:

1. Read 52 books (in 2021)
2. Focus on creating better YouTube videos
3. $144k revenue (in 2021)
4. Visit Bali
5. (empty space)
6. Continue challenging myself
7. Pick up the habit of writing daily
8. Remain true to God and those around me
9. Visit Dubai
10. Visit USA
11. Buy an apartment (sometime between 2021-2022)
12. Buy (or rent for a period) a BMW i8 - guilty pleasure
13. Happy wife, happy life! πŸ’œ
14. Eat healthy
15. Exercise constantly
16. Buy and rent 2 apartments
17. Teach others
Read 5 tweets
22 Oct 20
πŸ”₯ Web Developer Portfolio Tips πŸ”₯

- Have a Clean, Attractive and Simple portfolio
- Make it Responsive, it's 2020
- Introduce yourself and tell your story (sell yourself)
- Although, try to keep it straight to the point. Make it easy for people to scan through

Thread πŸ§΅πŸ‘‡
- Sections you should consider:
- About you
- Showcase best projects (3-6 max)
- Skills / Technologies you know
- Contact form - make it easy to be contacted
- Social links / GitHub

- DO NOT add percentages and skill bars. What they even mean?! *80% JavaScript*?!...
- Wanna spice things up? Add a blog
- Add Live Demo for the projects (if possible) not only images
- Update the projects you build from courses/tutorials/freeCodeCamp. A lot of people have them already so make them unique by adding some extra features and chancing the design
Read 6 tweets
21 Oct 20
I'm not looking to make millions in order to live a luxurious life w/ lots of cars, a big mansion and retire at 30. No.

I like the process of coming up with ideas, giving my best to create value which in return makes money.

Value => Money

Also, what I've noticed is that ...
... people want to see results in order to listen to what you have to say.

This is why I want to share everything I'm doing and hopefully inspire others to at give it a try.

Not to live my lifestyle, but your own, while making the world a better place. 😊
This is my goal with @makemoneydev (it's still WIP).

I'm going to learn how to do it, try it out on my own and then share the journey with you in hopes that you'll learn something from my experience.

I want to inspire as many people as I can!

Let's see how that goes! 😁
Read 4 tweets
22 Sep 20
I almost reached 100...

You might think: "Cool! But 100 what?! πŸ€”"

The sad news is that it's not one of those "good numbers", because it is about me weighing 100 kg (220 pounds). πŸ˜…

I've never been so fat before so... I have a new challenge for myself, starting TODAY!

There are 100 days left in 2020, which is perfect for my brand new challenge:

πŸ”₯ 100 Days of Workout πŸ”₯

Starting TODAY, I'm going to be exercising every day for the following 100 days and hopefully get to under 80 kg (176 pounds).

I'll to use @Freeletics and running.

I'll keep you updated with my workouts and I'll be posting images here on Twitter just to make myself "accountable".

I did this before with running, coding, making videos, etc, and it worked out great so... why not with this one? 😁

Read 5 tweets
13 Sep 20
What Chrome Extensions do you use? πŸ€”
I found this one recently and I REALLY enjoy it! πŸ‘

Curated news/articles for busy developers! πŸ”₯

For a while I've been struggling to keep up with the news in our industry by reading at least one article per day. This extension solved that issue! πŸ’œ
I also use Wappalyzer Chrome Extension which helps you identify web technologies that are used on a website.

I used this while reviewing dev portfolios in streams as we were curios what they used to code their websites with. 😁…
Read 4 tweets
11 Sep 20
Noooooooooo 😱 Image
I’m doomed 😣 Image
Bye World! πŸ’€
Read 4 tweets

Did Thread Reader help you today?

Support us! We are indie developers!

This site is made by just two indie developers on a laptop doing marketing, support and development! Read more about the story.

Become a Premium Member ($3/month or $30/year) and get exclusive features!

Become Premium

Too expensive? Make a small donation by buying us coffee ($5) or help with server cost ($10)

Donate via Paypal Become our Patreon

Thank you for your support!

Follow Us on Twitter!