Hello friends, in this post I have included 4 live streams I did on youtube.
All the projects are using html, css, and JS.
Sometimes I focus more on JS other times more on CSS.
But I always try to have a fun creative project that you'll enjoy :)
1.Follow Along Links (CSS + JS)
In this video: I'm going to code a simple page with a menu and some text.
There are going to be plenty of links and I'll show you a beautiful trick on how to be playful with your links :)
Codepen: https://codepen.io/EleftheriaBatsou
Project: https://codepen.io/EleftheriaBatsou/pen/bGVdzrE?editors=0100
Gradient color: https://webgradients.com
Lorem Ipsum: https://www.lipsum.com
2. Secret Unicorn Password (JS+Console)
In this video: I'm going to code a "secret password" with Javascript. Ok, to make it more clear: just type in your keyboard the word "unicorn"! Do you see it?! Type it as many times as you want!
Codepen: https://codepen.io/EleftheriaBatsou
Project: https://codepen.io/EleftheriaBatsou/pen/KKddoOG
Gradient color: https://webgradients.com
Js Library: https://www.cornify.com/js/cornify.js
3.Simple Twitter Api (Configure your own embed)
In this video: I'm going to show you how to configure your own embed for twitter and how to use it effectively.
Codepen: https://codepen.io/EleftheriaBatsou
Project: https://codepen.io/EleftheriaBatsou/pen/PoPNLxZ?editors=1000
Developer twitter: https://developer.twitter.com/en/docs/twitter-for-websites/overview
My twitter: https://twitter.com/BatsouElef
4.Memory Game - Flipping Cards (JS + CSS)
In this array programming exercise, we will create a JavaScript powered memory game that can be easily enhanced and extended.
Codepen: https://codepen.io/EleftheriaBatsou
Project: https://codepen.io/EleftheriaBatsou/pen/wvKzozm
Inspiration: http://www.developphp.com/video/JavaScript
Thanks for watching!
Have a beautiful productive day :)