Dominik Hofer

Day 46 #100DaysOfSwiftUI

✅ Made my own custom shapes

Doesn't look that beautiful but was a great way to repeat some of the learnings from this section.

Now looking forward to the next bigger challenge tomorrow (already had a look 🤫).

Exactly what I needed 🤓 https://xcancel.com/FloWritesCode/status/1554692285052354560

Day 45 #100DaysOfSwiftUI

✅ Animating shapes

🔑 takeaways:
👉 .blendMode()
👉 Animate shape changes with animatableData
👉 For multiple props, use AnimatablePair
👉 Only Doubles can be interpolated (not Ints)

Made something even cooler today than yesterday!

Day 44 #100DaysOfSwiftUI

✅ Drawing more advanced shapes

🔑 takeaways:
👉 Use stride to create a custom range
👉 CGAffineTransform
👉 FillStyle(eoFill: true) for even-odd filling
👉 Image border with ImagePaint()
👉 Enable Metal with .drawingGroup()

Wanna see something cool?

Want to learn more about designing for iOS?

@designcodeio has a handy guide to follow. Much better consumable than the HIG.

https://designcode.io/ios-design-handbook-intro-to-ios-14-design

Anyone want an invite for Arc @browsercompany?

First come, first serve ✌️

Day 43 #100DaysOfSwiftUI

✅ Drawing simple shapes

🔑 takeaways:
👉 Use Path type to draw shapes
👉 Shapes are built using paths, but more flexible
👉 .strokeBorder() draws on the inside (use InsettableShape protocol)

Here's a struct that draws an arc (great for charts) 👇

Day 42 #100DaysOfSwiftUI

✅ Added some additional features on my own

This challenge consisted mostly on refactoring. Got some practice in extracting SwiftUI views and passing data down the tree.

Also learned how to style a list background:
https://xcancel.com/dominikhofer_/status/1554857330382192643

Found a handy tool to compress gifs 👉 https://ezgif.com/optimize

Quick SwiftUI tip:

I struggled to figure out how to change the background of a list in SwiftUI.

Turns out, you need to use the .onAppear modifier 👇

Day 41 #100DaysOfSwiftUI

✅ Built the Moonshot project (part II)

🔑 takeaways:
👉 Use struct initializer to “merge” JSON files
👉 .navigationBarTitleDisplayMode(.inline) on subviews
👉 Force unwrap with !

Also added a little indicator about which crew member was the commander.

Day 40 #100DaysOfSwiftUI

✅ Built the Moonshot project (part I)

🔑 takeaways:
👉 Use a separate file to load data into app
👉 Generics are useful for reusability
👉 Use computed properties in your structs
👉 Define colors with an extension
👉 .preferredColorScheme(.dark)

Uno #005

Newsletters cluttering up your inbox?

No problem, just use a dedicated inbox for all the newsletters you don't want to miss. I personally like @stoopinbox. It gives you a special email address and reading app.

What's a newsletter everyone should subscribe to?

Day 39 #100DaysOfSwiftUI

✅ Overview of the Moonshot project

🔑 takeaways:
👉 .resizeable() to resize images with .scaledToFit/Fill()
👉 GeometryReader is really powerful for resizing
👉 ScrollView
👉 Lazy stacks/grids for lazy loading
👉 NavigationLink to “connect” views

Really interesting thread on colors in todays world (and how it used to be): https://xcancel.com/culturaltutor/status/1551976051860963333

Day 38 #100DaysOfSwiftUI

✅ Added some additional features on my own

This was a fun project to work on, something I would actually use myself with a few more features 🙌

I especially like the idea with the picker up top to select the entries that should be shown.

Day 37 #100DaysOfSwiftUI

✅ Built the iExpense project

🔑 takeaways:
👉 Organize classes & structs in other files
👉 Use UUID() to create unique ids
👉 Pass data to child views as ObservableObject
👉 Use didSet and initializer to write/read data from class to UserDefaults

Let me show you something that will 🤯 your mind.

This website built by @thatsfinsweet in @webflow 🌍

🔗👇

Day 36 #100DaysOfSwiftUI

✅ Overview of the iExpense project

🔑 takeaways:
👉 Learned about a few property wrappers: StateObject, ObservedObject, Environment, AppStorage
👉 .sheet() modifier to display overlaying view
👉 .onDelete() with ForEach to delete rows

Want a free trial for @EndelSound?
Check out the link below 😇 https://xcancel.com/EndelSound/status/1552263764849922048

Day 35 (Part II) #100DaysOfSwiftUI

Finished the game and even managed to add a few animations. I'm especially proud of the card flip 🙌

The code behind it is quite ugly though, will probably come back to it and do a little refactor.

Other suggestions on what I could improve?

Love it when people use their personal websites for lil experiments like these 👏 https://xcancel.com/raunofreiberg/status/1551926000824582146

Day 35 (Part I) #100DaysOfSwiftUI

Here's what I got done so far:
✅ Basic variable setup
✅ Entering custom game settings
✅ Generating Q & A array based on settings
✅ Start game

Couldn't finish the challenge today, but will continue tomorrow!

Uno #004

An interesting approach when it comes to music: Personalized soundscapes.

@EndelSound provides exactly that: Custom generated sounds you can listen to for focus, exercise or relaxation.

It even considers factors like the current weather or your heart rate!

Day 34 #100DaysOfSwiftUI

✅ Repeating the animation topic by creating some on my own

Todays challenge was to extend the GTF project with my own animations:

1. The selected flag spins on tap
2. The other two flags scale down, get desaturated and scaled down

Was a fun one!

Day 33 #100DaysOfSwiftUI (Back at it again)

✅ Animations pt. II

🔑 takeaways:
👉 The order in which animations are applied matters, you can also add multiple modifiers
👉 .offset() modifier is like translate in CSS
👉 .transition() modifier for entering/exiting animations

Fi-Na-Lly

Everything's just beautiful right from the start ✨

Day 32 #100DaysOfSwiftUI (Back at it again)

✅ Learned about implicit & explicit animations

🔑 takeaways:
👉 Implicit animations are the easiest ones (.animation() modifier)
👉 Easing functions can use modifiers as well
👉 For explicit animations, wrap with withAnimation

Starting is the hardest part of the journey.

A few impressions from yesterday evening.

Shot on an iPhone.

Embrace the fact that you don't know everything.

Learn to love learning.

Every day can be pizza (or pinsa) day, if you just want it to be 😋🍕

Right, @heymattia? ;)

What a way to start the day @browsercompany 😍

Gonna take a 5-day break from #100DaysOfSwiftUI as I am going on vacation, starting today.

Will be back though ✌️

Uno #003

Let's talk about colors 🎨

ColorBox is a handy tool by @kvyn_ for creating color schemes for your UI designs (Tailwind style).

Takes a bit of getting used to but once you get it, you'll always wanna use it. It even supports export to @figma!

Day 31 #100DaysOfSwiftUI

✅ Added some additional features on my own

The score is calculated by multiplying the number of words with the total number of letters in all answers. The score turns green when you reach 100 or more points (which isn't that easy let me tell you 😂)

Day 30 #100DaysOfSwiftUI

✅ Built the WordScramble project

🔑 takeaways:
👉 .onSubmit() modifier
👉 withAnimation closure for “smoothly” entering new data
👉 Use .onAppear() modifier to execute code on launch
👉 guard let is very useful with boolean returning functions

Day 29 #100DaysOfSwiftUI

✅ Overview of the WordScramble project

🔑 takeaways:
👉 The list view is used extensively for displaying data
👉 Resources get put into an app bundle
👉 You can even spellcheck your words with UITextChecker() (although it has a pretty clunky API…)

Day 28 #100DaysOfSwiftUI

✅ Added some additional features on my own

I actually quite like the result, it's simple but still looks very “iOS-like” and nice. It's great to see how comparatively easy it is to create fully functional apps. And the ml part still blows my mind 🤯

Dates in #SwiftUI in a 🐚

Love the enthusiasm @twostraws 😂

Create what you want to exist in the world. https://xcancel.com/IAmAndrewKirby/status/1547213356943265792

Day 27 #100DaysOfSwiftUI

✅ Built the BetterRest project

🔑 takeaways:
👉 .toolbar modifier to add an “action” to view
👉 Imported ml models auto generates class
👉 To read a property whenever we want, make it static

Not that beautiful yet, but the ml part is amazing!

Since when does Photoshop have a guide on how to export NFTs in the export menu? 🤨

Day 26 #100DaysOfSwiftUI

✅ Overview of the BetterRest project

🔑 takeaways:
👉 Stepper & Slider are ways to enter numbers
👉 Dates are hard to work with, but Swift provides handy abstractions
👉 You can easily create your own machine learning models with Create ML!

Day 25 #100DaysOfSwiftUI

✅ Built a simple rock, paper, scissors app

This was a great project to recap some of the learnings from the past few days!

One thing I'm particularly proud of is the way I handled the validation: It's a dictionary with all the winning pairs.

Uno #002

Today's tool is a handy little site called copypastecharacters.

Whenever you need some special characters like ⟡, , ⌘ or ⌥, just get them from there. One click to copy them to your clipboard.

👀 Pro tip: Save frequently used symbols as snippets in @raycastapp

Day 24 #100DaysOfSwiftUI

✅ Repetition of yesterday's topics on my own

Although days like these require a bit more brainpower than just following tutorials, I really learned to like them. They are exactly what you need to let concepts sink in.

Kudos to @twostraws 👏

Day 23 #100DaysOfSwiftUI

✅ Custom views & modifiers

🔑 takeaways:
👉 Modifiers create a new view → order matters
👉 Use ternary operator for conditional modifiers
👉 Environment modifier gets applied to all children
👉 You can create custom views & modifiers for reusability

Day 22 #100DaysOfSwiftUI

✅ Added some additional features on my own

For this challenge, I already had to google some things, which I think is a great sign! I actually really like that during this course, I get to work on things on my own. Prepares me for my own projects.

Love to see the numbers behind some popular design tips! https://xcancel.com/Gavmn/status/1545387084017532929