💳 Page de Paiement designée aujourd'hui.

Jour 002 du challenge : Credit Card Checkout

#DailyUI #Design #Figma #UI #DesignInterface #UserInterface

Je me lance dans un challenge.
100 Interfaces en 100 jours.

Jour #001 : Sign In Page

+ Création d'une marque fictive Raor.

#DailyUI #Design #Figma #UI #DesignInterface #UserInterface

Never been very good at design, and never been very confident. Doing a daily UI challenge and reading some books to try and improve.

First day was "Design a sign up form" and I've taken it quite literally. Gone for a very simple, "safe" design.

#dailyui

What do you think?
#dailyui (Not planning on doing this daily btw) #ui #uidesign #figma

Instagram, but 0% opacity. #dailyUI #UIchallenge

Hi, everybody!

Once again, the Daily UI #02 - Credit Card Checkout UI.

I hope you enjoy my work.

Thanks for watching!

https://dribbble.com/shots/22483789-Daily-UI-02-Credit-Card-Checkout-UI

#dailyui #challenge #airjordan #snapback #design #uidesign #dailyuichallenge #dailyui02 #ux #ui

Greetings!
I decided to participate in the Daily UI and the first task was to make a newsletter subscription card. For this I decided to choose the Metropolitan Museum of Art.

Thanks for watching.

#dailyui01 #dailyuichallenge #dailyui #uidesign #ux #design #ui

Hi 👋 I’m new here. Im an experienced chef. I blog at chefsarah.ca. I am doing #100DaysOfCode and #DailyUI My goal is to find remote work by the end of the year. Follow along to see if I’m successful! 🏖️🌶️😃

#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 #ViewTransitionsAPI

Here's my Sign Up page for the #Day1 of #DailyUI

#100DaysOfDesign #Design #Figma #UXUI

#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

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

#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

#UIDesign #DailyUI #100DaysOfUI #UI #Design

#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