#50projectsin50days search results

Check out Ali Shata's journey through "50 Projects in 50 Days"! Project 1 showcases expanding cards with added complexity and aesthetics. A great example of simplicity with a twist. #WebDevelopment #50ProjectsIn50Days #CodingJourney ift.tt/dhOx63M

Remaking the 38th Project of #50projectsin50days: "Mobile Tab Navigation" - made a 3D model of the mobile using just CSS! - added 2 features (free rotation, hologram effect), this one below is the free rotation feature, #3D #mobile #ui #css #frontend #shata

Implemented a Racket to hunt insects instead of a traditional mouse click, this journey of cooking and polishing this 50th project has got so far😍 #50projectsin50days #game #gamedev #shata

Insects are COMING 🪲🐛 - a 90s style html5 game, that I'm making as the 50th project of #50projectsin50days #100daysofcode #gamedev #canvas #js

Experimenting with creating a CSS-only HOLOGRAM effect on my 38th project of #50projectsin50days. - actually it doesn't exist in the project, but It came to my mind along with 3Difying the project. x.com/alishata128/st… #experiment #css #javascript #shata

🔴 38th project of #50projectsin50days : "Mobile Tab Navigation" - added a "material-like" shadow for the mobile. - navigation layout with rounded corners. #mobile #ui #navigation #animation #css #javascript #alishata

37th Project of #50projectsin50days : "Pokedex" - used Poke API to get pokemons data - used SVG Filters to create dynamic shadows for title & pokemon images #Pokemon #pokemonfanart #svg #alishata

🔴 36th project of #50projectsin50days : "Hoverboard" #hoverboard #animation #html #css #javascript

🔴 35th project of #50projectsin50days : "Image Carousel" - with a CSS only Adaptive Coloring using repeated backgrounds along with CSS filter & scale - inspired by @ChallengesCss #image #carousel #html #css #javascript

Created a CSS only Animated Countdown using keyframes along with circular distribution 🔥 - beside my 34th project of the #50projectsin50days which used a mixture of CSS & JS #css #countdown #animation #webdesign x.com/alishata128/st…

🔴 34th project of #50projectsin50days : "Animated Countdown" #animation #countdown #html #css #javascript

✨33th project of #50projectsin50days : "Note App" - made using pure vanillas, and yeah I'm reinventing the wheel again and again 😎😉 #noteapp #notes #webapp #frontend #html #css #js #webdev x.com/alishata128/st…

🥳Project 32 of #50projectsin50days : "Good, Cheap Fast Checkboxes" - made using the Vanillas (they got superpowers though !) #alishat #html #css #javascript #frontend #webdesign #webdev

✨31th project of #50projectsin50days : "Password Generator" - made using pure vanillas. - notice the gradiental range bar (a css only !) #alishata #passwordgenerator #generator #frontend #html #css #js #webdev x.com/alishata128/st…

Currently working on finishing the 31th project of the #50projectsin50days 💪 Along all these projects I always trying to do something special and unusual that level up the difficulty of the project🤙

✨30th project of #50projectsin50days : "Auto Text Effect" - Typing & Clearance simultaneously at the same time - Source Code on Github & CodePen #texteffect #animation #frontend #webdev #javascript #buildinginpublic #js

✨Project 29 of #50projectsin50days : "Double Heart Click" - Added a Sample on Click & Hearts Animation - Source Code on Github & CodePen #heart #doubleheartclick #animation #frontend #webdev #javascript #buildinginpublic #jsr x.com/alishata128/st…

🥳Project 28 of #50projectsin50days : "Github Profiles" - Inspired by @florinpop1705 @traversymedia 's course - Source Code on Github & CodePen (link in bio)x.com/alishata128/st… #alishata #css #javascript #github #search #realtime #adaptive #theme #changing #webdev #frontend

Project 27 of #50projectsin50days : "Toast Notification" - Inspired by @florinpop1705 @traversymedia - Source Code available on Github & CodePen (link in bio) #alishata #css #toast #notification #animation

"Sticky Navbar" | 26th project of #50projectsin50days - Inspired by @florinpop1705 @traversymedia - Source Code available on Github & CodePen (link in bio) #slider #vertical #css #javascript

D95 16/Oct #100DaysOfCode #50projectsin50days I learned/did: - Basic theory of Node.js -Load blur effect(Day 5) I love this effect! Awesome way to leave a nice first impression.

Day 1 out of 50 #100DaysOfCode #50ProjectsIn50Days #JavaScript version Mini Projects : Expanding Card

D90 4/Oct #100DaysOfCode #50projectsin50days - Learned React Conditional Rendering - Created the hidden search widget below

Day 75 of #100DaysOfCode and Day 30 for #50projectsin50days P.s These pics were taken by a calculator

Day 3 of #100DaysOfCode 1. Learnt STACK data structure. 2. Completed progress-step project, day 2 of #50projectsin50days

Day 2 of #100DaysOfCode 1. Started #50projectsin50days (udemy), day-1 result 👇 2. Learnt javascript dom 3. Solved two codeforces problem.

You know what time it is?!! #Javascript #50ProjectsIn50Days!!! 😃😋❤️ #js #coding #WomenWhoCode #WomenInSTEM #womenintech

Day 141 of #100DaysOfCode Day 14 of #50ProjectsIn50Days codepen.io/gerlinp/pen/QW…

Rate my cozy-morning-setup😇 #50ProjectsIn50Days #codinglife #javascript #CSS2022 #HTML #Sweden #100DaysOfCode

This was my Day 4 : A hidden search widget. Technologies used: ✔HTML ✔ CSS ✔ JavaScript Tools: Neo Vim This project forms part of #50ProjectsIn50Days series. Live preview: andres-condezo.github.io/hiddensearch Repo: github.com/andres-condezo… #100daysofcodechallenge #100DaysOfCode

#50Projectsin50Days çalışmanı takip ediyorum. İlk projeni izledim, uyguladım. Bir öğrenci olarak bana çok öğretici olmadı. Biraz daha açıklamalı anlatırsan sevinirim. Emeğine sağlık. #ExpandingCards

This was my Day 3 : Rotate and show navigation items. Technologies used: ✔HTML ✔ CSS ✔ JavaScript Tools: Neo Vim This project forms part of #50ProjectsIn50Days series. Live preview: andres-condezo.github.io/rotating Repo: github.com/andres-condezo… #100daysofcodechallenge #100DaysOfCode

Day 136 of #100DaysOfCode Day 9 of #50ProjectsIn50Days Dad Jokes app. Uses Fetch api. codepen.io/gerlinp/pen/zY…

Day 1 of #50ProjectsIn50Days: Expending Cards @traversymedia @udemy #100DaysOfCode New CSS attributes I learned- 1. nth-of-type 2. transition I've used @getbootstrap for my projects so it's fun to play around in vanilla CSS, like with media queries and transitions.

Day 7 : Split Landing Page. Technologies used: ✔HTML ✔ CSS ✔ JavaScript Tools: Neo Vim This project forms part of #50ProjectsIn50Days series. Live preview: andres-condezo.github.io/split Repo: github.com/andres-condezo… #100daysofcodechallenge #100DaysOfCode

Day 6 : Scroll animation. Technologies used: ✔HTML ✔ CSS ✔ JavaScript Tools: WebStorm This project forms part of #50ProjectsIn50Days series. Live preview: andres-condezo.github.io/scroll Repo: github.com/andres-condezo… #100daysofcodechallenge #100DaysOfCode

Day 5 : a blurry loading page. Technologies used: ✔️HTML✔️CSS✔️javaScript Tools: Neo Vim This project forms part of #50ProjectsIn50Days series. You can see a live preview here: andres-condezo.github.io/blurry/ github.com/andres-condezo… #100daysofcodechallenge #100DaysOfCode

My Udemy receipt for #50ProjectsIn50Days Thanks

Day 146 of #100DaysOfCode Day 18 of #50ProjectsIn50Days. Project was a button ripple effect. Ripple is created where ever you click on the button.

Day 9 : Sound Board with html sound tag. Technologies used: ✔HTML ✔ CSS ✔ JavaScript Tools: nVim This project forms part of #50ProjectsIn50Days series. Live preview: andres-condezo.github.io/sound Repo: github.com/andres-condezo… #100daysofcodechallenge #100DaysOfCode