#dailyui — Public Fediverse posts
Live and recent posts from across the Fediverse tagged #dailyui, aggregated by home.social.
-
Good Practice Tip: Instant reward for quiz participation.
#GoodPractice #Tip brought to you by Yours *TrulyJuly*.
#GoodPracticeTip #YoursTrulyJuly #TechTuesday #TechBlogger #TechBlog #HowTo #tech #digital #online #DigitalMarketing #OnlineMarketing #ContentMarketing #usability #UX #UserExperience #uxdesign #UI #uidesign #WebDesign #DesignThinking #CustomerJourney #BetterDigitalWorld #quiz #interaction #InteractionDesign #DailyUI #GreatContent #ContentCreaton…
https://trulyjuly.wordpress.com/2024/07/30/goodpracticetip-instant-reward-for-quiz-participation/
-
Good Practice Tip: Instant reward for quiz participation.
#GoodPractice #Tip brought to you by Yours *TrulyJuly*.
#GoodPracticeTip #YoursTrulyJuly #TechTuesday #TechBlogger #TechBlog #HowTo #tech #digital #online #DigitalMarketing #OnlineMarketing #ContentMarketing #usability #UX #UserExperience #uxdesign #UI #uidesign #WebDesign #DesignThinking #CustomerJourney #BetterDigitalWorld #quiz #interaction #InteractionDesign #DailyUI #GreatContent #ContentCreaton…
https://trulyjuly.wordpress.com/2024/07/30/goodpracticetip-instant-reward-for-quiz-participation/
-
Good Practice Tip: Instant reward for quiz participation.
#GoodPractice #Tip brought to you by Yours *TrulyJuly*.
#GoodPracticeTip #YoursTrulyJuly #TechTuesday #TechBlogger #TechBlog #HowTo #tech #digital #online #DigitalMarketing #OnlineMarketing #ContentMarketing #usability #UX #UserExperience #uxdesign #UI #uidesign #WebDesign #DesignThinking #CustomerJourney #BetterDigitalWorld #quiz #interaction #InteractionDesign #DailyUI #GreatContent #ContentCreaton…
https://trulyjuly.wordpress.com/2024/07/30/goodpracticetip-instant-reward-for-quiz-participation/
-
Good Practice Tip: Instant reward for quiz participation.
#GoodPractice #Tip brought to you by Yours *TrulyJuly*.
#GoodPracticeTip #YoursTrulyJuly #TechTuesday #TechBlogger #TechBlog #HowTo #tech #digital #online #DigitalMarketing #OnlineMarketing #ContentMarketing #usability #UX #UserExperience #uxdesign #UI #uidesign #WebDesign #DesignThinking #CustomerJourney #BetterDigitalWorld #quiz #interaction #InteractionDesign #DailyUI #GreatContent #ContentCreaton…
https://trulyjuly.wordpress.com/2024/07/30/goodpracticetip-instant-reward-for-quiz-participation/
-
Good Practice Tip: Instant reward for quiz participation.
#GoodPractice #Tip brought to you by Yours *TrulyJuly*.
#GoodPracticeTip #YoursTrulyJuly #TechTuesday #TechBlogger #TechBlog #HowTo #tech #digital #online #DigitalMarketing #OnlineMarketing #ContentMarketing #usability #UX #UserExperience #uxdesign #UI #uidesign #WebDesign #DesignThinking #CustomerJourney #BetterDigitalWorld #quiz #interaction #InteractionDesign #DailyUI #GreatContent #ContentCreaton…
https://trulyjuly.wordpress.com/2024/07/30/goodpracticetip-instant-reward-for-quiz-participation/
-
#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
-
#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
-
#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
-
#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 #ViewTransitionsAPI -
#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
-
#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 #ViewTransitionsAPI -
#100DaysOfCode : #HTML #CSS #VanillaJS
#Day19 : Issue Tracker
Online demo :
https://teotimepacreau.github.io/Issue-Tracker-Day19-Of-100DaysOfCode/Source Code : https://github.com/teotimepacreau/Issue-Tracker-Day19-Of-100DaysOfCode
Project Goals :
- textArea length Checker with .length string property
- localStorage
- status updater is possible with a button that updates the JSON#WebDev #Frontend #WebDesign #LearnWebDev #Javascript #LearnToCode #CodingDay #FrontendDevelopment #UIDesign #UITrend #DailyUI #CodingChallenge #LearnCode #WebDevelopment #LearnJavascript #JS #DailyUI
-
#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
-
#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
-
#100DaysOfCode : #HTML #CSS #VanillaJS
#Day16 : DynamicTable Of Contents
Tuto by the great @cferdinandi
Online demo :
https://teotimepacreau.github.io/Dynamic-Table-of-content-Day16-Of-100DaysOfCode/Source Code : https://github.com/teotimepacreau/Table-of-content-Day16-Of-100DaysOfCode/blob/main/README.md
Project Goals :
- dynamic TOC by retrieving h2 ID's and then set anchor link
- Missing IDS are intentionnally set in
- User generate title#WebDev #Frontend #WebDesign #LearnWebDev #Javascript #LearnToCode #CodingDay #FrontendDevelopment #UIDesign #UITrend #DailyUI #CodingChallenge #LearnCode #WebDevelopment
-
#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
-
#100DaysOfUI : un suivi des petites tendances de webdesign que j'ai remarquées.
#Day4 : Les lettres #rotatic pour un effet désordonné ! Merci @tunera pour la sémantique
Exemple avec le visuel d'illustration de la radio StationStation
#DailyUI #UITrend #UIDesign #WebDesign #UI #Frontend #WebDev #Design #UserInterface
-
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
-
#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
https://www.behance.net/gallery/128426683/REFILLED-Brand-Identity-Packaging#DailyUI #UITrend #UIDesign #WebDesign #UI #Frontend #WebDev #Design #UserInterface
-
Autre exemple avec la représentation visuelle façon Ikea des échanges commerciaux suédois pour célébrer le début de la présidence de la Suède au Conseil de l’UE @EU_Commission
#DailyUI #UITrend #UIDesign #WebDesign #UI #Frontend #WebDev
-
#100DaysOfUI : un suivi des petites tendances de webdesign que j'ai remarquées.
#Day2ofUI : L'utilitarisme inspiré de l'industriel
Visuel de https://temp.studio
#DailyUI #UITrend #UIDesign #WebDesign #UI #Frontend #WebDev
-
#100DaysOfUI : un suivi des petites tendances de webdesign que j'ai remarquées.
#Day1 : L'utilisation de formes ovales pour contenir les images
Exemple avec le visuel de promotion pour la typo Winter Sans par
@emile_painchaud
https://www.behance.net/gallery/137192601/Winter-Sans-Free-to-try#DailyUI #UITrend #UIDesign #WebDesign #UI #Frontend #WebDev #Design