#100DaysOfCode : #HTML #CSS #VanillaJS
#Day22 : Microblog
Online demo :
https://teotimepacreau.github.io/Callback-blog-Day22-Of-100DaysOfCode/
Source Code : https://github.com/teotimepacreau/Callback-blog-Day22-Of-100DaysOfCode
Project goals :
- use of callbacks, split string method, Map array method, Object.assign method
#WebDev #Frontend #WebDesign #LearnWebDev #Javascript #LearnToCode #CodingDay #FrontendDevelopment #UIDesign #UITrend #DailyUI #CodingChallenge #LearnCode #WebDevelopment #LearnJavascript #JS #DailyUI
#js #learnjavascript #webdevelopment #learncode #codingchallenge #dailyui #uitrend #uidesign #frontenddevelopment #codingday #learntocode #javascript #learnwebdev #webdesign #frontend #webdev #day22 #vanillajs #css #html #100daysofcode
#100DaysOfCode : #HTML #CSS #VanillaJS
#Day21 : Drag and drop
Online demo :
https://teotimepacreau.github.io/Drag-and-drop-Day21-of-100DaysOfCode/
Source Code : https://github.com/teotimepacreau/Drag-and-drop-Day21-of-100DaysOfCode
Project goals :
- discovering the drag and drop API
- first approach to setting data into an object in order to keep properties
#WebDev #Frontend #WebDesign #LearnWebDev #Javascript #LearnToCode #CodingDay #FrontendDevelopment #UIDesign #UITrend #DailyUI #CodingChallenge #LearnCode #WebDevelopment #LearnJavascript #JS #DailyUI
#js #learnjavascript #webdevelopment #learncode #codingchallenge #dailyui #uitrend #uidesign #frontenddevelopment #codingday #learntocode #javascript #learnwebdev #webdesign #frontend #webdev #Day21 #vanillajs #css #html #100daysofcode
#100DaysOfCode : #HTML #CSS #VanillaJS
#Day20 : Bookmark reader using only Raindrop.io API
Inspired by the excellent design and functionality from @iamrobin https://www.iamrob.in/bookmarks
Online demo :
https://teotimepacreau.github.io/Bookmark-reader-using-Raindrop-API-Day20-of-100DaysOfCode/
Source Code : https://github.com/teotimepacreau/Bookmark-reader-using-Raindrop-API-Day20-of-100DaysOfCode
Project goals ↓
#WebDev #Frontend #WebDesign #LearnWebDev #Javascript #LearnToCode #CodingDay #FrontendDevelopment #UIDesign #UITrend #DailyUI #CodingChallenge #LearnCode #WebDevelopment #LearnJavascript #JS #DailyUI
#js #learnjavascript #webdevelopment #learncode #codingchallenge #dailyui #uitrend #uidesign #frontenddevelopment #codingday #learntocode #javascript #learnwebdev #webdesign #frontend #webdev #Day20 #vanillajs #css #html #100daysofcode
#100DaysOfCode : #HTML #CSS #VanillaJS
#Day18 : Github profile insights
Tuto by the great @cferdinandi
Online demo :
https://teotimepacreau.github.io/My-Github-Insights-Day18-of-100DaysOfCode/
Source Code : https://github.com/teotimepacreau/My-Github-Insights-Day18-of-100DaysOfCode
Project Goals :
- handle multiple API endpoints chaining promises method
- array destructuring, .map(), .join()
#WebDev #Frontend #WebDesign #LearnWebDev #Javascript #LearnToCode #CodingDay #FrontendDevelopment #UIDesign #UITrend #DailyUI #CodingChallenge #LearnCode #WebDevelopment #LearnJavascript #JS
#js #learnjavascript #webdevelopment #learncode #codingchallenge #dailyui #uitrend #uidesign #frontenddevelopment #codingday #learntocode #javascript #learnwebdev #webdesign #frontend #webdev #Day18 #vanillajs #css #html #100daysofcode
#100DaysOfCode : #HTML #CSS #VanillaJS
#Day17 : List Randomizer
Tuto by the great @cferdinandi
Online demo :
https://teotimepacreau.github.io/Grocery-List-Randomizer-Day17-of-100DaysOfCode/
Source Code : https://github.com/teotimepacreau/Grocery-List-Randomizer-Day17-of-100DaysOfCode
Project Goals :
- FormData JS object
- users can add item, select a random item and see a toast notification
- localStorage
#WebDev #Frontend #WebDesign #LearnWebDev #Javascript #LearnToCode #CodingDay #FrontendDevelopment #UIDesign #UITrend #DailyUI #CodingChallenge #LearnCode #WebDevelopment #LearnJavascript #JS
#js #learnjavascript #webdevelopment #learncode #codingchallenge #dailyui #uitrend #uidesign #frontenddevelopment #codingday #learntocode #javascript #learnwebdev #webdesign #frontend #webdev #Day17 #vanillajs #css #html #100daysofcode
RT Juxtopposed
daily design + code #3
exploring grainy textures and gaussian blur today.
✨ @CodePen: https://codepen.io/Juxtopposed/pen/BaqLEQY?editors=1100
✨ #dribbble: https://dribbble.com/shots/21248617-Daily-Design-Code-3-Grainy-Gradients-Blurry-Background
#codepen #css #dailydesigncode #dailyUI https://t.co/Kq2RigFf6Z
:sys_twitter: https://twitter.com/juxtopposed/status/1648817596114825216
#dribbble #codepen #css #dailydesigncode #dailyui
#100DaysOfCode : #HTML #CSS #VanillaJS
#Day15 : Popover API and Anchor Positionning
Tuto by the great @jhey
Online demo :
https://teotimepacreau.github.io/Popover-API-and-Anchor-Positioning-Day15-of-100DaysOfCode/
Source Code : https://github.com/teotimepacreau/Popover-API-and-Anchor-Positioning-Day15-of-100DaysOfCode
Project goals :
- Popover API
- Anchor positioning to avoid position absolute
- Best UI practices for dropdown
#WebDev #Frontend #WebDesign #LearnWebDev #Javascript #LearnToCode #CodingDay #FrontendDevelopment #UIDesign #UITrend #DailyUI #CodingChallenge #LearnCode #WebDevelopment #Front #Components
#components #front #webdevelopment #learncode #codingchallenge #dailyui #uitrend #uidesign #frontenddevelopment #codingday #learntocode #javascript #learnwebdev #webdesign #frontend #webdev #day15 #vanillajs #css #html #100daysofcode
#100DaysOfUI : un suivi des petites tendances de webdesign que j'ai remarquées.
#Day4 : Les lettres désordonnées
Exemple avec le visuel d'illustration de la radio StationStation
#DailyUI #UITrend #UIDesign #WebDesign #UI #Frontend #WebDev #Design #UserInterface
#userinterface #design #webdev #frontend #ui #webdesign #uidesign #uitrend #dailyui #day4 #100daysofui
2ème cas d'usage avec le @PrixlibrairesQc (Prix des libraires du Québec)
Ici les symboles de lignes aiguisées se rassemblent pour former des livres
#DailyUI #UITrend #UIDesign #WebDesign #UI #Frontend #WebDev #Design #UserInterface
#userinterface #design #webdev #frontend #ui #webdesign #uidesign #uitrend #dailyui #100daysofui
#100DaysOfUI : un suivi des petites tendances de webdesign que j'ai remarquées.
#Day3 : Les symboles constitués de lignes aiguisées
Exemple avec le packaging de Refilled
#DailyUI #UITrend #UIDesign #WebDesign #UI #Frontend #WebDev #Design #UserInterface
#userinterface #design #webdev #frontend #ui #webdesign #uidesign #uitrend #dailyui #day3 #100daysofui