100 Days of UI
Day 0
[Didn't make any announcement and just... started it ig 0/100 Days of UI]
Day 1
Some simple sign up pages I may use for Grid. Unsure whether I want to go for images or something cleaner - still trying to figure out the visual brand.
Can't wait to code this and animate!
#001 / 100
#DailyUI #100DaysOfCode https://t.co/QcLLjNC1hY
Day 2
Not happy but progress > perfection. I can improve later. I initially tried a dark UI but it was looking crappy and... This is what happens when I don't plan the palette 😅
Stream chat chose the total 🙃 #nice
2 / 100
#DailyUI #100DaysOfCode #100DaysOfDesign https://t.co/QusMA7kdg5
Day 3
Okay, so this is version 3. The images are all placeholders until I can do custom graphics and mockups - too much for one day 🙃 This is p. much *one* step towards the atmosphere I want to end up with.
3 / 100 - Landing page
#DailyUI #100DaysOfCode #100DaysOfDesign https://t.co/9Nqm2qEsj4
Day 4
My first neumorphic design. I made a small recipe calculator. I've always wanted to try the trend; I likely will only be making them for fun as I understand they're poorly accessible.
4 / 100 - Calculator
#DailyUI #100DaysOfCode #100DaysOfDesign https://t.co/0DpOsxColf
Day 5
Fancy icons that look nice alone don't necessarily stand out among others. These stood out the most when I overlaid it onto my app drawer. If the aesthetic doesn't 100% match the others (flat) it stands out more, heh!
5 / 100 - App icon
#DailyUI
#100DaysOfCode
#100DaysOfDesign https://t.co/lXFXQZI7ua
Day 6
Had a go at a simple user community profile. There are probs going to be more options for Grid, and different styles. I tried full glassmorphism but it wasn't working so added a little here and there. 😭 Ah, well!
6 / 100 - User profile
#DailyUI
#100DaysOfCode
#100DaysOfDesign https://t.co/AJSkbOk5ro
Day 7
Not a huge fan of the style but wanted to try something a bit different. The usual minimal layouts seem so much easier than ones that have more colourful elements on them🙃+ thanks for emo banter on stream!🥰
7 / 100 - Settings page
#DailyUI
#100DaysOfCode
#100DaysOfDesign https://t.co/5wEEVc8n3p
Day 8
Not what I ultimately had in mind until I learn to do the sorts of 3D graphics I'd like for Grid to have, but it'll do. That's a whole different skillset. 🙃
Progress > Perfection
Thanks Foo for the feedback <3
8 / 100 - 404 page
#DailyUI
#100DaysOfCode
#100DaysOfDesign https://t.co/ww8T6cmFku
Day 9
Tried dark neumorphism. Need to attempt again :') Clearly I haven't spent enough time making dark themes from scratch. Thanks for the stream company and see you tomorrow for the PC building! :D
9 / 100 - Music player
#DailyUI
#100DaysOfCode
#100DaysOfDesign https://t.co/BjgfuxugNM
Day 10
I plan on having types of links and messages shareable outside of communities so planned out a simple share option for that. Mobile devices have better access to immediate sharing options tbh >_>
10 / 100 - Social share
#DailyUI
#100DaysOfCode
#100DaysOfDesign https://t.co/iocI0YigD4
Day 11
I got some new photos of Sephi today so I guess I was cat-inspired. Would like to make him cuter but good enough for roughly an hour with no planning. 🙃
11 / 100 - Flash messages.
#DailyUI
#100DaysOfCode
#100DaysOfDesign https://t.co/cs5PzfS1l2
Day 12
One day I will have a merch store and it'll look nothing like this.
Made something quickly so I can get back on track. >_>
12 / 100 - E-commerce
#DailyUI
#100DaysOfCode
#100DaysOfDesign https://t.co/043LEpsNMm
Day 13
Worked a bit more on the default Grid UI. It's.... Ehhh. Slightly less ehh than before but ehh nevertheless. xD
@gridapphq Heyooo do you think it's an improvement?
13 / 100 - Direct messaging
#DailyUI
#100DaysOfCode
#100DaysOfDesign
Day 14
I wanted to try something a little bit more cute.
When I code this I might try to add some cookie chomping instead. Erasing the cookie - as I have here - doesn't make as much sense as accumulating it.
14 / 100 - Countdown timer
#DailyUI
#100DaysOfCode
#100DaysOfDesign https://t.co/l9bq9Ugv0W
Day 15
Continued yesterday's cookie theme. Unbaked cookie -> baked cookie. Yes, I know they're supposed to be put in a hot oven but I wanted more of a visual contrast for on/off.
15 / 100 - On/Off switch
#DailyUI
#100DaysOfCode
#100DaysOfDesign https://t.co/fQK61yNzdU
Day 16
I was going to do cookies again but I couldn't resist Digletts from Pokémon. Animation would be them popping up and down.
How old were you when you realised that was a nose and not a mouth? :3
16 / 100 - Pop-up/overlay
#DailyUI
#100DaysOfCode
#100DaysOfDesign https://t.co/D4s3uwqJLH
Day 17
Moar food. Some sort of email receipt. Anything that I'm not going to do for Grid will probably be food-themed henceforth.
17 / 100 - Email receipt
#DailyUI
#100DaysOfCode
#100DaysOfDesign https://t.co/D4s3uwqJLH https://t.co/fBWXtdNokZ
Day 18
I spent today being grumpy. I avoided working on this the whole damn day :') But it's done. 1 AM. Nn 💫
18 / 100 - Analytics chart
#DailyUI
#100DaysOfCode
#100DaysOfDesign https://t.co/bNTAmFeKSE
Day 19
Did the bare minimum. Oh well too bad so sad. xD We're implementing a Noncent leaderboard for the terrible puns and jokes people make. Thanks for the company during stream <3
19 / 100 - Leadership board
#DailyUI
#100DaysOfCode
#100DaysOfDesign https://t.co/PbgqWFaqXi
Day 20
Another minimum effort kind of day :3 I almost made it to medium but nope. Imagine the havoc if cats could drive.
20 / 100 - Location tracker
#DailyUI
#100DaysOfCode
#100DaysOfDesign https://t.co/wFI2sib849
Day 21
Another minimum effort kind of day >_> Kinda ew but w/e. Seems too simple.
21/100 - Home monitoring thing
#DailyUI
#100DaysOfCode
#100DaysOfDesign https://t.co/qZzJW2eNxZ
Day 22
Glass-ish on an image, because minimal effort and I wanted to catch up to the UIs again.🍪 Thanks to stream chat for suggestion suggestions. :P
22/100 - Search hint
#DailyUI
#100DaysOfCode
#100DaysOfDesign https://t.co/oueM4c89KE
Day 23
I need to get better at some things, and darker UIs is one of them. Doubt I'll be using this palette for Grid, but the layout's alright.
Mainly I just wanted to try doing the progress graphic at the bottom.
23/100 - Onboarding
#DailyUI
#100DaysOfCode
#100DaysOfDesign https://t.co/X0DbXzvgps
Day 24
Tried adding a map, but it was too much. Mainly I wanted to try the small headings in caps as that's something I haven't really done before. Thanks, y'all in stream chat for the feedback, much appreciated <3
24/100 - Boarding pass
#DailyUI
#100DaysOfCode
#100DaysOfDesign https://t.co/PvxqfFTil7
Day 25
Spotify meets dessert, because I am hungry (hello, hungry - no noncents for you, stream chat). I just really wanted to try the gradient on the background image thing.
25/100 - TV App
#DailyUI
#100DaysOfCode
#100DaysOfDesign https://t.co/QULwMxoZO4
Day 26
Lazy af so I copied elements from one of my first UIs and worked off of that. Tbh this thing doesn't make much sense to me but w/e.
26/100 Subscribe
#DailyUI
#100DaysOfCode
#100DaysOfDesign https://t.co/mSTFPcH8cV
Day 27
Can tell I'm lazy when I start using photos ehehehe xD Thanks to stream chat for the wonderful company <3 And remember you can all learn to design if you wanna ^^
28/100 Contact us
#DailyUI
#100DaysOfCode
#100DaysOfDesign https://t.co/FaTTI6zLu0
Day 28
@Punkk1x said to design their search dropdown but tbh there wasn't much I could see to do so I added a fake account menu dropdown as well. Nice palette though Punkii :D
27/100 Drop down
#DailyUI
#100DaysOfCode
#100DaysOfDesign https://t.co/gaI492GiYj
Day 29
I lied. I didn't do fantasy. I used our Cyberpunk GM's awesome map. My layout doesn't do his map justice but I wanted to draw instead of just paste one from the net and give it some icons... So this is the in-between.
29/100 Map
#DailyUI
#100DaysOfCode
#100DaysOfDesign https://t.co/oXFadx3yR7
Day 30
I'm baaaaack (hello back)~~
Our future courseware platform is prooobably going to have some graphics inspired by contours (like on hills, not your face). Tried to incorporate that a bit but ehhh.
30/100 Pricing
#DailyUI
#100DaysOfCode
#100DaysOfDesign https://t.co/EWfRyutd7N
Day 31
Thanks to stream chat over the last week or so with suggestions on this one <3 Another 9 UIs incoming :3
31/100 File upload
#DailyUI
#100DaysOfCode
#100DaysOfDesign https://t.co/HkbBbta8Bd
Day 32
Probs one of my worst UIs so far but ah well xD Couldn't find a good pic of egg bhuna, sorry Alom :3
32/100 Crowdfunding campaign
#DailyUI
#100DaysOfCode
#100DaysOfDesign https://t.co/P4oXrKINaG
Day 33
Unsure about the colour selector, but I liked this UI overall :3 I kinda dig the whole blend image background into the page background thing... Makes things feel so much less busy.
33/100 Customise
#DailyUI
#100DaysOfCode
#100DaysOfDesign https://t.co/wT7SJUqQLP
Day 34
Spent so much time avoiding dealing with this - likely because I had something far more complicated in my head. Went simple. Whatevs.
It would've taken me the whole week if I did what I wanted 🙃
34/100 Car interface
#DailyUI
#100DaysOfCode
#100DaysOfDesign https://t.co/0wqmJcQAwd
Day 35
I've seen layouts like these so wanted to try one. But to be honest... I don't think I've read any blogs with a layout like this >_>
35/100 Blog post
#DailyUI
#100DaysOfCode
#100DaysOfDesign https://t.co/gLWmrezkm1
Day 36
Baklava ice cream sandwiches are a thing and I wanna try iiiitttt 😭🤣😭🤤
Attempted some fancier typography but that didn't work out too well. I'll figure that out... Later...
36/100 Special offer
#DailyUI
#100DaysOfCode
#100DaysOfDesign https://t.co/zXfhb1WHtz
Day 37
I've never actually been in real natural snow >_> Like... Thick snow. Canberra doesn't count xD
Thank again to stream chat for keeping me company while I did the layouts for ~6 UIs without much visual progress🥰
37/100 Weather
#DailyUI
#100DaysOfCode
#100DaysOfDesign https://t.co/20TnYHhZGj
Day 38
Simple but it made me feel nice 😆
38/100 Calendar
#DailyUI
#100DaysOfCode
#100DaysOfDesign https://t.co/vKKaLMvjmw
Day 39
Looking forward to custom graphics for the courseware site we're building. But they're gonna be a bit complicated... So I'll do them last.
Contour image from https://t.co/XcdSftNlw3
39/100 Testimonials
#DailyUI
#100DaysOfCode
#100DaysOfDesign https://t.co/ffItdPHxUR
Day 40
Don't even know what dessert this was but it's not a wonder there's been two trips to the Cheesecake Factory in one month instead of every couple of years >_>
40/100 Recipe
#DailyUI
#100DaysOfCode
#100DaysOfDesign https://t.co/NI2PCNabkh
Day 41
I'm on time today, but this getting posted a week late! So my posts are still in order. :3
6/10 probs :P Maybe 7 if I had done the spacing better.
41/100 Workout
#DailyUI
#100DaysOfCode
#100DaysOfDesign https://t.co/5UZfwRkp0Z
Day 42
Our f a v o u r i t e. The dreaded To Do app! I wanted to spend a bit more time thinking about function as well as form.
It prioritises tasks according to the Eisenhower Matrix. It's something. xD
42/100 To Do
#DailyUI
#100DaysOfCode
#100DaysOfDesign https://t.co/fWpx1Ji5P9
Day 43
Guess who walked past the fish and chips shop yesterday 😆
43/100 Menu
#DailyUI
#100DaysOfCode
#100DaysOfDesign https://t.co/pshy74qdO4
Day 44
No strong feelings about this one except maybe hunger 🍪🍪🍪 Thanks to stream chat again for feedback ♥️
44/100 Favourites
#DailyUI
#100DaysOfCode
#100DaysOfDesign https://t.co/KAByWpiS8F
Day 45
Need to do more research on better scrolling mechanisms for info cards, but I like it with a dark UI.
45/100 Info card
#DailyUI
#100DaysOfCode
#100DaysOfDesign https://t.co/y4cFAfKUqu
Day 46
Ehhh this one's alright. Wanted a slight receipt vibe, which I think I got.
46/100 Invoice
#DailyUI
#100DaysOfCode
#100DaysOfDesign https://t.co/jDBI74IZfE
Day 47
Sephi hasn't actually been that active on social media lately. Too busy doing other kitten things. Because social media is totally a kitten thing.
47/100 Activity feed
#DailyUI
#100DaysOfCode
#100DaysOfDesign https://t.co/Z2KXlVHThQ
Day 48
Was aiming for something a bit more spacey but I think I need to spend more time with those sorts of UIs. It'll take a few days if not a week >_>
48/100 Coming soon
#DailyUI
#100DaysOfCode
#100DaysOfDesign https://t.co/WOshS3TwGA
Day 49
Ended up looking like a phone UI. It's okay :3 Hadn't looked at those notifications too closely until now... I guess I take the design of my everyday things for granted.
49/100 Notifications
#DailyUI
#100DaysOfCode
#100DaysOfDesign https://t.co/eQng8r9OuT
Day 50
Probably would've benefited from icons but I was tired xD Oh well. Happens when you do five of these plus others a week.
50/100 Job listing
#DailyUI
#100DaysOfCode
#100DaysOfDesign https://t.co/YYYakCTwXq
Day 51
I feel like that gradient accent thing is the most creative thing I've done in like 2 weeks 🙃
51/100 Press page
#DailyUI
#100DaysOfCode
#100DaysOfDesign https://t.co/9B4ps4gUeW
Day 52
The idea would be for the text to be animated and scrolling. Ideally it would have less symmetry. I was, admittedly, lazy. xD
52/100 Logo
#DailyUI
#100DaysOfCode
#100DaysOfDesign https://t.co/nkgws6Ibgm
Day 53
Kinda liked this one, but for the actual homepage would replace that graphic with some sort of wireframe-inspired type thing. Or move the lines up because they'll be animated.
53/100 Header navigation
#DailyUI
#100DaysOfCode
#100DaysOfDesign https://t.co/be4Iw8i7IN
Day 54
I'm definitely not trying to start something.
54/100 Confirmation
#DailyUI
#100DaysOfCode
#100DaysOfDesign https://t.co/E7YzkpW1YB
Day 55
Stream chat said cat-themed icons, so I did just that! Location pin, search icon, hand cursor (grabber), notification bell
55/100 Icon set
#DailyUI
#100DaysOfCode
#100DaysOfDesign https://t.co/lU4bwgdOye
Day 56
Again, *totally* not trying to start something :3 :3 :3
56/100 Breadcrumbs
#DailyUI
#100DaysOfCode
#100DaysOfDesign https://t.co/KG6XQK5j7F
Day 57
Went simple. Maybe too simple? Eh xD
57/100 Video player
#DailyUI
#100DaysOfCode
#100DaysOfDesign https://t.co/TglYUfRDPJ
Day 58
Was pushed for time so whipped this one up quickly~~
58/100 Shopping cart
#DailyUI
#100DaysOfCode
#100DaysOfDesign https://t.co/ZHGGQuxqij
Day 59
Tried something trippy but not too much. Intended for using underneath cards or other larger layout elements. Not meant to be used for a whole page either >.<
59/100 Background pattern
#DailyUI
#100DaysOfCode
#100DaysOfDesign https://t.co/tbuRg7ZGjR
Day 60
Basic but it'll do. For now. Still feels a bit off xD
60/100 Colour picker
#DailyUI
#100DaysOfCode
#100DaysOfDesign https://t.co/Vd0P2gH573
Day 61
Did this one before my speed-layout-a-thon stream.
61/100 Redeem coupon
#DailyUI
#100DaysOfCode
#100DaysOfDesign https://t.co/HVKD2lXUa8
Day 62
Always wanted to try making some blobs with patterns. The intention would be for all the blobs to be... Blobbing. Animated. Pattern too, with a mask or something.
62/100 Workout of the day
#DailyUI
#100DaysOfCode
#100DaysOfDesign https://t.co/Q1saYT32wO
Day 63
Purely just for seeing how dark glassmorphism could pan out.
63/100 Best of 2015
#DailyUI
#100DaysOfCode
#100DaysOfDesign https://t.co/K0Vc4RdQ67
Day 64
Three UIs a day until the end of the month - then it's all Three.js once for 100 days :)
I'd really wanted to do a medieval-style UI but discovered that'd take me over a week to paint. Sorry, self. xD
64/100 Select user type
#DailyUI
#100DaysOfCode
#100DaysOfDesign https://t.co/khU1ydSoZz
Day 65
Hadn't done anything skeuomorphic since... I can't remember xD I spent most of stream building that post-it page turn from scratch 🤣
Quote by @rewtguy :3 Y'all are constantly making me laugh.
65/100 Notes widget
#DailyUI
#100DaysOfCode
#100DaysOfDesign https://t.co/qfSqNb86wH
Day 66
Ask stream chat for numbers and you usually get: 69 (nice), 42, 420, 9001. Funnily enough, none of you suggested 1337 yet :3
Inspired by old western wanted posters. The Lab is a community I run. ^_^
66/100 Statistics
#DailyUI
#100DaysOfCode
#100DaysOfDesign https://t.co/OqrBtWvpf1
Day 67
Attempted some sort of 70s-inspired palette. Looked into patterns but it wasn't going all too well. xD So I settled on those colours.
67/100 Hotel booking
#DailyUI
#100DaysOfCode
#100DaysOfDesign https://t.co/9A7ecXx1LS
Day 68
I dunno. I just wanted a photo of the moon and something with uppercase. I should've done that for the title too. Oops. xD
In hindsight I should've highlighted the date and made that look clearly interactive.
68/100 Flight search
#DailyUI
#100DaysOfCode
#100DaysOfDesign https://t.co/XtKi7CztXO
Day 69 nice
Spent some time thinking about how I could elevate the UI and gave up 🤣 At least the flowers made me feel nice.
31 more to post, ~12 to make. Gonna be doing some on stream now! https://t.co/kRdOcKfaCk
69 (nice)/100 Trending
#DailyUI
#100DaysOfCode
#100DaysOfDesign https://t.co/uiKegWqMwV
Day 70
Based it on the actual Woodstock poster.
I don't like this at all. If I was going to use this for something I'd have reworked it completely. 😅
70/100 Event listing
#DailyUI
#100DaysOfCode
#100DaysOfDesign https://t.co/vREGNg70qE
Day 71
20's art deco inspo! I'd wanted to do a drinks menu for a speakeasy but I don't know enough about alcohol to do that quickly. 🤣 Perhaps when I code it.
So here are some deliveries 😆
71/100 Schedule
#DailyUI
#100DaysOfCode
#100DaysOfDesign https://t.co/BBIe1TLczW
Day 72
Honestly? First time I've ever designed a carousel. I just never use them in ANY of my UIs. I rarely use gradient backgrounds either :')
72/100 Trending
#DailyUI
#100DaysOfCode
#100DaysOfDesign https://t.co/Oto5QPcw4I
Day 73
Nothing fancy, but that's fine. I have a mammoth game UI task coming up next month heading into Unreal Engine.
Almost 7 AM, so sleepy-time. Hope you have a good day/night!
73/100 - Virtual reality
#DailyUI
#100DaysOfCode
#100DaysOfDesign https://t.co/BVtTPCZDRz
Day 74
The most and least creative thing about this UI is probably the name of the app but w/e. :P The point was to make the download buttons. 😆
74/100 - Download app
#DailyUI
#100DaysOfCode
#100DaysOfDesign https://t.co/y7B1QbUGC1
Day 75
Inspiration this time was from 50's movie tickets. Could've taken it further but eh. :3
75/100 Pre-order
#DailyUI
#100DaysOfCode
#100DaysOfDesign https://t.co/Aci8hdvekM
Day 76
Most of the effort would be going into the animation. Not enough time to go full-on quirky and this seems so basic I feel like it's not enough 🤣
w/e, next one incoming :P got out of bed late avoiding the cat in the AM
76/100 Loading
#DailyUI
#100DaysOfCode
#100DaysOfDesign https://t.co/zKZcn8HHVF
Day 77
Goal would be to have that subtle pattern in the background spinning gently. Can't quite see it in the thumbnail :3
77/100 Thank you
#DailyUI
#100DaysOfCode
#100DaysOfDesign https://t.co/NzsfhNM4X8
Day 78
A bit tongue-in-cheek. I would've preferred fancy embossed paper. but you get this instead.
I run non-hackathon projects I call Slackathons. Sometimes design, sometimes code. Nothing elite whatsoever😆
78/100 Pending invitation
#DailyUI
#100DaysOfCode
#100DaysOfDesign https://t.co/sZZq8uekuY
Day 79
Went looking through my travel photos for this one xD AHHHH, I MISS IT. But at least I've got a bunch of you added to my list to meet when I drop by :3
79/100 Itinerary
#DailyUI
#100DaysOfCode
#100DaysOfDesign https://t.co/aLfKDeDbql
Day 80
Sci-fi *ish*. Sorta matches my stream graphics I guess.
I kinda just wanna do a bunch of UI studies of these - all the HUDs and whatnot. I can't seem to do them very well yet.
20 left!~
80/100 Date picker
#DailyUI
#100DaysOfCode
#100DaysOfDesign https://t.co/gKlnTsfrOm
Day 81
Inspired by 90s patterns and palettes. Could've gone further with those squiggly background patterns, but I think this is close enough for now!
81/100 Status update
#DailyUI
#100DaysOfCode
#100DaysOfDesign https://t.co/IcssaMF2ys
Day 82
Inspired by the intro of The IT Crowd.
To be submitted to the Elders of the Internet *bows*.
Miss that show! 😆
82/100 Form
#DailyUI
#100DaysOfCode
#100DaysOfDesign https://t.co/sqRq3t8b0d
Day 83
Boring old button. I kinda just wanted to try making effects from scratch so it looked inset into marble/stone. One thing that would've been great is being able to manipulate the texture to fit the text as well.
83/100 Button
#DailyUI
#100DaysOfCode
#100DaysOfDesign https://t.co/IAykSLBfXd
Day 84
Tried experimenting with creating metal textures in Figma. That was basically it with this one xD
84/100 Badge
#DailyUI
#100DaysOfCode
#100DaysOfDesign https://t.co/SuKQNEDZO5
Day 85
Ehhh. When I come to code this one, I plan on doing some particle animations at the bottom that are reminiscent of sand. For now... Have a photo of a sand dune xD
85/100 Pagination
#DailyUI
#100DaysOfCode
#100DaysOfDesign https://t.co/CCC77LdKa6
Day 86
Idea would be for the background to brighten with 'light' like a sunrise as the bar fills up. Retro UI inspo if that wasn't clear :3
86/100 Progress bar
#DailyUI
#100DaysOfCode
#100DaysOfDesign https://t.co/cnl2Y7KiEQ
Day 87
I did have words, but I chose not to use them :3 Could've followed the prompt I set for myself more elaborately but whatever. This is meant to be rather small on a UI - probably would have a lot less padding tbh.
87/100 Tooltip
#DailyUI
#100DaysOfCode
#100DaysOfDesign https://t.co/tq8jvHbvBq
Day 88
Guess who :3
88/100 Avatar
#DailyUI
#100DaysOfCode
#100DaysOfDesign https://t.co/buWPCak9RK
Day 89
I'd probably look at these Terms of Service/T&C screens more if they actually looked aesthetically pleasing, heh.
Fantasy vibes.
89/100 Terms of service
#DailyUI
#100DaysOfCode
#100DaysOfDesign https://t.co/tVPv1AiVCE
Day 90
I'd created this UI inspired by some late 1880's old navy log books. Specific care paid to layout, typography, gaps between the columns - see what you can spot ;)
Links for image sources below.
90/100 Create new
#DailyUI
#100DaysOfCode
#100DaysOfDesign https://t.co/trRxdL7sox
Day 91
I just needed some cute in a UI. xD Basic af.
91/100 Curated for you
#DailyUI
#100DaysOfCode
#100DaysOfDesign https://t.co/xIGbCjJhlg
Day 92
Hell's FAQ. I can't imagine Hell's Web Dev Team prioritising accessibility so neumorphism fits.
Thanks to Childofearth, jayther, @arazez, Alomoa, and anyone I missed for contributing to these hilarious snippets.
Got a fav? :3
92/100 FAQ
#DailyUI
#100DaysOfCode
#100DaysOfDesign https://t.co/HYT2Lnapo1
Day 93
✨It was dainty and pastel and that was all I wanted ✨
93/100 Splash screen
#DailyUI
#100DaysOfCode
#100DaysOfDesign https://t.co/9OEmOpLlZH
Day 94
Inspired by older computer UIs. Forgot to add the gentle glow that the screen elements often have. Will add it by the time I code it :3
94/100 News
#DailyUI
#100DaysOfCode
#100DaysOfDesign https://t.co/sbYZinpF93
Day 95
Mostly straightforward, or so I hope! I used a UI from an earlier design. :P
95/100 Product tour
#DailyUI
#100DaysOfCode
#100DaysOfDesign https://t.co/L3MsWXleWt
Day 96
Intentionally tried to make this as bland as possible... Because I'm not usually trying to do that. xD
96/100 Currently in stock
#DailyUI
#100DaysOfCode
#100DaysOfDesign https://t.co/FpI7GXX2bZ
Day 97
A bit tongue-in-cheek :P Kinda just wanted to play with large type.
97/100 Giveaway
#DailyUI
#100DaysOfCode
#100DaysOfDesign https://t.co/ULAxKwKl8o
Day 98
Advertisement for a good night's sleep. Make sure you try to get some. :3 I wanna say not sure what I was thinking here - or more like I wasn't. Should've picked an actual product but w/e.
Image from Pixabay.
98/100 Advertisement
#DailyUI
#100DaysOfCode
#100DaysOfDesign https://t.co/7xhTYHIpqn
Day 99
Tried for super clean. Ended up not that clean. But it's passable.
99/100 Categories
#DailyUI
#100DaysOfCode
#100DaysOfDesign https://t.co/RFD6Bvsoc7
Day 100
Redesigned the DailyUI website with my own first two UIs I did for the first challenge.
That was a wild ride.
Time for the next one!
100/100 Redesign DailyUI
#DailyUI
#100DaysOfCode
#100DaysOfDesign https://t.co/wGWiQVMaOd