Skip to content

Commit

Permalink
Tune small details.
Browse files Browse the repository at this point in the history
  • Loading branch information
jverkoey committed Aug 6, 2024
1 parent 4054925 commit f1e2af6
Show file tree
Hide file tree
Showing 4 changed files with 13 additions and 10 deletions.
4 changes: 3 additions & 1 deletion Sources/Site/About/About.swift
Original file line number Diff line number Diff line change
Expand Up @@ -20,6 +20,7 @@ struct About: View {
.border(.white, width: 4)
.cornerRadius(.extraExtraLarge)
.modifier(ClassModifier(add: "shadow-puck"))
.frame(width: 198, height: 198, condition: .desktop)
}
.margin(.bottom, 4)
Paragraph("Jeff Verkoeyen, 2024")
Expand All @@ -32,6 +33,7 @@ struct About: View {
.frame(width: 0.25)
.frame(width: 0.41, condition: .desktop)
.margin(.left, 12)
.margin(.bottom, 4)

Div {
Paragraph("Latest status")
Expand Down Expand Up @@ -71,7 +73,7 @@ to tune product UX to people's needs and expectations on iOS.
## Related press
- [Much-needed Gmail redesign greatly simplifies settings on iOS](https://9to5google.com/2022/10/17/gmail-settings-redesign/) — 9to5Google
- [Google will stop trying to make its iOS apps look like Android apps](https://www.engadget.com/google-material-design-uikit-171651054.html) — engadget, also reported by [The Verge](https://www.theverge.com/2021/10/12/22722130/google-ios-app-material-design-components-uikit), [AppleInsider](https://appleinsider.com/articles/21/10/12/google-dropping-material-design-in-ios-to-make-iphone-apps-look-more-like-they-should), [MacRumors](https://www.macrumors.com/2021/10/11/google-apps-for-ios-to-switch-to-uikit/)
- [Google will stop trying to make its iOS apps look like Android apps](https://www.engadget.com/google-material-design-uikit-171651054.html) — Engadget, also reported by [The Verge](https://www.theverge.com/2021/10/12/22722130/google-ios-app-material-design-components-uikit), [AppleInsider](https://appleinsider.com/articles/21/10/12/google-dropping-material-design-in-ios-to-make-iphone-apps-look-more-like-they-should), [MacRumors](https://www.macrumors.com/2021/10/11/google-apps-for-ios-to-switch-to-uikit/)
If you've used a Google product on Apple platforms, you've used code built or influenced by Jeff's team.
Expand Down
5 changes: 3 additions & 2 deletions Sources/Site/MarkdownTheme/Article.swift
Original file line number Diff line number Diff line change
Expand Up @@ -92,8 +92,9 @@ struct Article: View {
Blockquote {
context.recurse()
}
.margin(.left, 16)
.margin(.left, 32, condition: .desktop)
.border(.palette(.zinc, darkness: 300), width: 1, edges: .left)
.padding(.horizontal, 16)
.padding(.horizontal, 24, condition: .desktop)
.italic()
case is Markdown.SoftBreak:
Slipstream.Text("\n")
Expand Down
12 changes: 6 additions & 6 deletions site/about/index.html
Original file line number Diff line number Diff line change
Expand Up @@ -26,9 +26,9 @@
</div>
<div class="container md:px-52 text-zinc-950">
<div class="pl-2 mb-8">
<div class="flex flex-col items-end float-right w-1/4 md:w-5/12 ml-3">
<div class="flex flex-col items-end float-right w-1/4 md:w-5/12 ml-3 mb-1">
<div class="mb-1">
<img src="/gfx/jeff.jpg" alt="Photograph of Jeff Verkoeyen in Sedona" class="border-4 border-white rounded-2xl shadow-puck" />
<img src="/gfx/jeff.jpg" alt="Photograph of Jeff Verkoeyen in Sedona" class="border-4 border-white rounded-2xl shadow-puck md:h-48 md:w-48" />
</div>
<p class="text-xs md:text-sm text-zinc-500">Jeff Verkoeyen, 2024</p>
</div>
Expand All @@ -40,27 +40,27 @@
<hr class="mb-4" />
<h2 class="text-lg font-bold mb-1">Google iOS design leadership</h2>
<p class="mb-4">For over a decade, Jeff was a key leader of Google’s iOS design and developer community. Jeff led UX engineering for the <a href="https://www.theverge.com/2012/12/12/3760770/google-maps-iphone-available-features-navigation-transit" class="text-blue-700 font-semibold hover:underline">initial launch of Google Maps for iOS</a>, co-founded the team responsible for the company’s iOS design and engineering guidance, and was a vocal champion for building <a href="https://sixcolors.com/link/2021/10/googles-apps-to-embrace-ios-on-ios/" class="text-blue-700 font-semibold hover:underline">great Google products on Apple platforms</a>.</p>
<blockquote class="ml-4 md:ml-8 italic">
<blockquote class="border-l border-zinc-300 px-4 md:px-6 italic">
<p class="mb-4">Jeff has one mission, which is to improve the design and user experience of Google products on Apple platforms. This is evident in every facet of his work and is having company wide impact across many PAs, orgs and teams.<br />- Leadership feedback, 2023</p>
</blockquote>
<p class="mb-4">Jeff’s relentless pursuit of quality-first software design empowered Google’s iOS community to tune product UX to people’s needs and expectations on iOS.</p>
<h2 class="text-lg font-bold mb-1">Related press</h2>
<ul class="list-disc pl-5 mb-4">
<li><p class="mb-0"><a href="https://9to5google.com/2022/10/17/gmail-settings-redesign/" class="text-blue-700 font-semibold hover:underline">Much-needed Gmail redesign greatly simplifies settings on iOS</a> — 9to5Google</p></li>
<li><p class="mb-0"><a href="https://www.engadget.com/google-material-design-uikit-171651054.html" class="text-blue-700 font-semibold hover:underline">Google will stop trying to make its iOS apps look like Android apps</a>engadget, also reported by <a href="https://www.theverge.com/2021/10/12/22722130/google-ios-app-material-design-components-uikit" class="text-blue-700 font-semibold hover:underline">The Verge</a>, <a href="https://appleinsider.com/articles/21/10/12/google-dropping-material-design-in-ios-to-make-iphone-apps-look-more-like-they-should" class="text-blue-700 font-semibold hover:underline">AppleInsider</a>, <a href="https://www.macrumors.com/2021/10/11/google-apps-for-ios-to-switch-to-uikit/" class="text-blue-700 font-semibold hover:underline">MacRumors</a></p></li>
<li><p class="mb-0"><a href="https://www.engadget.com/google-material-design-uikit-171651054.html" class="text-blue-700 font-semibold hover:underline">Google will stop trying to make its iOS apps look like Android apps</a>Engadget, also reported by <a href="https://www.theverge.com/2021/10/12/22722130/google-ios-app-material-design-components-uikit" class="text-blue-700 font-semibold hover:underline">The Verge</a>, <a href="https://appleinsider.com/articles/21/10/12/google-dropping-material-design-in-ios-to-make-iphone-apps-look-more-like-they-should" class="text-blue-700 font-semibold hover:underline">AppleInsider</a>, <a href="https://www.macrumors.com/2021/10/11/google-apps-for-ios-to-switch-to-uikit/" class="text-blue-700 font-semibold hover:underline">MacRumors</a></p></li>
</ul>
<p class="mb-4">If you’ve used a Google product on Apple platforms, you’ve used code built or influenced by Jeff’s team.</p>
<p class="mb-4">Jeff left Google in 2024.</p>
<hr class="mb-4" />
<h3 class="font-bold mb-1">Facebook iOS, Three20, Nimbus, and Google Maps for iOS</h3>
<p class="mb-4">Prior to Google, Jeff was engineer #3 on Facebook’s iOS engineering team. Jeff took ownership of the most popular open source iOS project at the time, <a href="http://github.com/facebookarchive/three20" class="text-blue-700 font-semibold hover:underline">Three20</a>. From 2010 to 2011, Jeff built v1 of the Facebook iPad app with <a href="http://brandonwalkin.com" class="text-blue-700 font-semibold hover:underline">Brandon Walkin</a> and had it demoed to Steve Jobs. Jeff left Facebook in 2011 to turn Three20 into <a href="http://github.com/jverkoey/nimbus" class="text-blue-700 font-semibold hover:underline">Nimbus</a>, an open source framework whose growth was bounded by the quality of its documentation.</p>
<blockquote class="ml-4 md:ml-8 italic">
<blockquote class="border-l border-zinc-300 px-4 md:px-6 italic">
<p class="mb-4">“Not only is Nimbus incredibly useful, but it serves as an exemplar of responsible development (a “framework whose feature set grows only as fast as its documentation” is an attitude I wish a lot more projects would adopt). Three cheers to Jeff Verkoeyen and all of the contributors for their hard work on this.”<br />—&nbsp;Mattt Thompson (of <a href="https://nshipster.com" class="text-blue-700 font-semibold hover:underline">NSHipster</a> and <a href="https://github.com/AFNetworking/AFNetworking" class="text-blue-700 font-semibold hover:underline">AFNetworking</a>)</p>
</blockquote>
<p class="mb-4">In 2012 Jeff found himself in a room with <a href="https://en.wikipedia.org/wiki/Vic_Gundotra" class="text-blue-700 font-semibold hover:underline">Vic Gundotra</a> and <a href="https://en.wikipedia.org/wiki/Bradley_Horowitz" class="text-blue-700 font-semibold hover:underline">Bradley Horowitz</a>. Google+ had just spun up, and Jeff became one of the few Facebook engineers that left to join Google at the time (most were doing the opposite). After one month on the Google+ iPad project, and another few months on the Google+ Games SDK, Apple announced that they were going to stop using Google Maps for their native Maps app.</p>
<p class="mb-4">Within a week, Jeff found and joined the team that would end up launching six months later one of the industry’s most well received, stable, and polished v1 apps to date: Google Maps for iOS. He was lucky to join what became Google’s “iOS Mafia”, a crew of whom many are still at Google more than a decade later, and most continuing to lead critical iOS efforts across the company.</p>
<p class="mb-4">As one of the team’s most experienced UX/UI engineers, Jeff worked closely with design and engineering to build a set of modular UI components that would go on to form the foundation of the company’s iOS apps, eventually becoming a core part of what is now publicly known as Material design.</p>
<blockquote class="ml-4 md:ml-8 italic">
<blockquote class="border-l border-zinc-300 px-4 md:px-6 italic">
<p class="mb-4">Jeff not only designed and implemented a large chunk of the Maps UI, but he was also a key player in doing code reviews for the other members of the team. Basically any change to the UI has Jeff’s name on it as either the implementor or the reviewer.<br />- Leadership feedback, 2012</p>
</blockquote>
<h2 class="text-lg font-bold mb-1">Related press</h2>
Expand Down
Loading

0 comments on commit f1e2af6

Please sign in to comment.