Skip to content

Commit 7328fe9

Browse files
Final editorial pass of Compositional Layouts and Diffable Data Sources article codecompletionio/codecompletion.io@3fa59b0
1 parent 4ab95d8 commit 7328fe9

File tree

14 files changed

+713
-16
lines changed

14 files changed

+713
-16
lines changed

articles/2020/08/compositional-layouts/index.html

+119
Large diffs are not rendered by default.

articles/index.html

+30-1
Original file line numberDiff line numberDiff line change
@@ -51,7 +51,36 @@
5151
</header>
5252
<div class="wrapper">
5353
<h1>Articles</h1>
54-
<ul class="item-list"></ul>
54+
<ul class="item-list">
55+
<li>
56+
<article>
57+
<h1>
58+
<a href="/articles/2020/08/compositional-layouts">Compositional Layouts and Diffable Data Sources</a>
59+
</h1>
60+
<ul class="tag-list">
61+
<li>
62+
<a href="/tags/podcast-topic">Podcast Topic</a>
63+
</li>
64+
<li>
65+
<a href="/tags/uicollectionview">UICollectionView</a>
66+
</li>
67+
<li>
68+
<a href="/tags/uitableview">UITableView</a>
69+
</li>
70+
<li>
71+
<a href="/tags/compositional-layouts">Compositional Layouts</a>
72+
</li>
73+
<li>
74+
<a href="/tags/diffable-data-sources">Diffable Data Sources</a>
75+
</li>
76+
<li>
77+
<a href="/tags/new-in-ios-13">New in iOS 13</a>
78+
</li>
79+
</ul>
80+
<p>We discuss the new compositional layouts and diffable data sources instroduced in iOS 13, along with things to keep in mind when new APIs come along to seemingly replace older ones.</p>
81+
</article>
82+
</li>
83+
</ul>
5584
</div>
5685
<footer>
5786
<div class="wrapper convertkit">

episodes/2020/ep-1/index.html

+1-1
Original file line numberDiff line numberDiff line change
@@ -88,7 +88,7 @@ <h1>Episode 1: File, New, New Project…</h1>
8888
<p>is in fact the <strong>compiler error</strong>! <a href="https://en.wikipedia.org/wiki/Option_key">Learn More →</a></p>
8989

9090
</div></details><h2>🎁 Sponsor</h2><p>This week's episode of Code Completion is brought to you by <a href="https://apps.apple.com/app/apple-store/id1448552588?pt=14724&ct=CodeCompletion1&mt=8">Huuungry</a>. <a href="https://apps.apple.com/app/apple-store/id1448552588?pt=14724&ct=CodeCompletion1&mt=8">Click here</a> or search for Huuungry on the iOS App Store today to give it a try.</p>
91-
<h2>📺 Watch the Stream</h2><iframe class="videoPlayer" src="https://www.youtube-nocookie.com/embed/Dyfwl2UFWNY" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
91+
<h2>📹 Watch the Stream</h2><iframe class="videoPlayer" src="https://www.youtube-nocookie.com/embed/Dyfwl2UFWNY" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
9292
<div class="subscribe">
9393
<div class="title">Listen for free in your favorite podcast app:</div>
9494
<div class="app">

episodes/2020/ep-2/index.html

+1-1
Original file line numberDiff line numberDiff line change
@@ -86,7 +86,7 @@ <h1>Episode 2: Available in Human Sizes</h1>
8686
<p>…which Ben thought was a bit too outlandish, was still a <em>code completion</em>! <a href="https://en.wikipedia.org/wiki/Apple_410_Color_Plotter">Learn More →</a></p>
8787

8888
</div></details><h2>🎁 Sponsor</h2><p>This week's episode of Code Completion is brought to you by <a href="https://apps.apple.com/us/app/mystiko/id1148340942?pt=14724&ct=CodeCompletion1&mt=8">Mystiko</a>. <a href="https://apps.apple.com/us/app/mystiko/id1148340942?pt=14724&ct=CodeCompletion1&mt=8">Click here</a> or search for Mystiko on the iMessage App Store today to give it a try.</p>
89-
<h2>📺 Watch the Stream</h2><iframe class="videoPlayer" src="https://www.youtube-nocookie.com/embed/1nKP4mz0dpw" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
89+
<h2>📹 Watch the Stream</h2><iframe class="videoPlayer" src="https://www.youtube-nocookie.com/embed/1nKP4mz0dpw" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
9090
<div class="subscribe">
9191
<div class="title">Listen for free in your favorite podcast app:</div>
9292
<div class="app">

feed.rss

+1-1
Large diffs are not rendered by default.

sitemap.xml

+14-8
Original file line numberDiff line numberDiff line change
@@ -4,48 +4,54 @@
44
<loc>https://codecompletion.io/articles</loc>
55
<changefreq>daily</changefreq>
66
<priority>1.0</priority>
7-
<lastmod>2020-08-21</lastmod>
7+
<lastmod>2020-08-23</lastmod>
8+
</url>
9+
<url>
10+
<loc>https://codecompletion.io/articles/2020/08/compositional-layouts</loc>
11+
<changefreq>monthly</changefreq>
12+
<priority>0.5</priority>
13+
<lastmod>2020-08-23</lastmod>
814
</url>
915
<url>
1016
<loc>https://codecompletion.io/episodes</loc>
1117
<changefreq>daily</changefreq>
1218
<priority>1.0</priority>
13-
<lastmod>2020-08-21</lastmod>
19+
<lastmod>2020-08-23</lastmod>
1420
</url>
1521
<url>
1622
<loc>https://codecompletion.io/episodes/2020/ep-2</loc>
1723
<changefreq>monthly</changefreq>
1824
<priority>0.5</priority>
19-
<lastmod>2020-08-21</lastmod>
25+
<lastmod>2020-08-23</lastmod>
2026
</url>
2127
<url>
2228
<loc>https://codecompletion.io/episodes/2020/ep-1</loc>
2329
<changefreq>monthly</changefreq>
2430
<priority>0.5</priority>
25-
<lastmod>2020-08-21</lastmod>
31+
<lastmod>2020-08-23</lastmod>
2632
</url>
2733
<url>
2834
<loc>https://codecompletion.io/live</loc>
2935
<changefreq>daily</changefreq>
3036
<priority>1.0</priority>
31-
<lastmod>2020-08-22</lastmod>
37+
<lastmod>2020-08-23</lastmod>
3238
</url>
3339
<url>
3440
<loc>https://codecompletion.io/live/2020/ep-3</loc>
3541
<changefreq>monthly</changefreq>
3642
<priority>0.5</priority>
37-
<lastmod>2020-08-21</lastmod>
43+
<lastmod>2020-08-23</lastmod>
3844
</url>
3945
<url>
4046
<loc>https://codecompletion.io/live/2020/ep-2</loc>
4147
<changefreq>monthly</changefreq>
4248
<priority>0.5</priority>
43-
<lastmod>2020-08-21</lastmod>
49+
<lastmod>2020-08-23</lastmod>
4450
</url>
4551
<url>
4652
<loc>https://codecompletion.io/podcast</loc>
4753
<changefreq>daily</changefreq>
4854
<priority>1.0</priority>
49-
<lastmod>2020-08-21</lastmod>
55+
<lastmod>2020-08-23</lastmod>
5056
</url>
5157
</urlset>

styles.css

+14-4
Original file line numberDiff line numberDiff line change
@@ -161,6 +161,16 @@ a {
161161
text-decoration-color: rgba(104, 72, 255, 0.2);
162162
}
163163

164+
.content a code {
165+
text-decoration: underline;
166+
text-underline-offset: 3px;
167+
text-decoration-color: rgba(255, 255, 255, 0.65);
168+
}
169+
170+
.content a:hover code {
171+
text-decoration-color: rgba(255, 255, 255, 1);
172+
}
173+
164174
.tagSection {
165175
margin: 0px 10% 40px 10%;
166176
color: rgba(30, 20, 50, 1);
@@ -277,10 +287,6 @@ a {
277287
color: rgba(30, 20, 50, 0.5 );
278288
}
279289

280-
.content a {
281-
color: rgba()
282-
}
283-
284290
.content ul,
285291
.content ol {
286292
margin: 12px 0px 16px 32px;
@@ -344,6 +350,10 @@ a {
344350
text-decoration: none;
345351
}
346352

353+
.content .subscribe .app a {
354+
color: inherit;
355+
}
356+
347357
.subscribe .app a:not([href]) {
348358
opacity: 0.2;
349359
}

tags/compositional-layouts/index.html

+98
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,98 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8"/>
5+
<meta name="og:site_name" content="CodeCompletion.io"/>
6+
<link rel="canonical" href="https://codecompletion.io/tags/compositional-layouts"/>
7+
<meta name="twitter:url" content="https://codecompletion.io/tags/compositional-layouts"/>
8+
<meta name="og:url" content="https://codecompletion.io/tags/compositional-layouts"/>
9+
<title>CodeCompletion.io</title>
10+
<meta name="twitter:title" content="CodeCompletion.io"/>
11+
<meta name="og:title" content="CodeCompletion.io"/>
12+
<meta name="description" content="We are a group of developers and educators specializing in Apple Platform development, here to try something new.
13+
14+
New content coming out every Friday."/>
15+
<meta name="twitter:description" content="We are a group of developers and educators specializing in Apple Platform development, here to try something new.
16+
17+
New content coming out every Friday."/>
18+
<meta name="og:description" content="We are a group of developers and educators specializing in Apple Platform development, here to try something new.
19+
20+
New content coming out every Friday."/>
21+
<meta name="twitter:card" content="summary"/>
22+
<link rel="stylesheet" href="/styles.css" type="text/css"/>
23+
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
24+
<link rel="shortcut icon" href="/images/favicon.png" type="image/png"/>
25+
<link rel="alternate" href="/feed.rss" type="application/rss+xml" title="Subscribe to CodeCompletion.io"/>
26+
</head>
27+
<body>
28+
<header>
29+
<div class="wrapper">
30+
<a class="site-name" href="/">CodeCompletion.io</a>
31+
<nav>
32+
<ul>
33+
<li>
34+
<a href="/podcast">Podcast</a>
35+
</li>
36+
<li>
37+
<a href="/episodes">Episodes</a>
38+
</li>
39+
<li>
40+
<a href="/articles">Articles</a>
41+
</li>
42+
<li>
43+
<a href="https://twitter.com/CodeCompletion">Twitter</a>
44+
</li>
45+
<li>
46+
<a href="https://www.youtube.com/channel/UCboYE6brY0HjojFqkg936mw/featured">YouTube</a>
47+
</li>
48+
</ul>
49+
</nav>
50+
</div>
51+
</header>
52+
<div class="wrapper">
53+
<h1>Tagged with
54+
<span class="tag">Compositional Layouts</span>
55+
</h1>
56+
<a class="browse-all" href="/tags">Browse all tags</a>
57+
<ul class="item-list">
58+
<li>
59+
<article>
60+
<h1>
61+
<a href="/articles/2020/08/compositional-layouts">Compositional Layouts and Diffable Data Sources</a>
62+
</h1>
63+
<ul class="tag-list">
64+
<li>
65+
<a href="/tags/podcast-topic">Podcast Topic</a>
66+
</li>
67+
<li>
68+
<a href="/tags/uicollectionview">UICollectionView</a>
69+
</li>
70+
<li>
71+
<a href="/tags/uitableview">UITableView</a>
72+
</li>
73+
<li>
74+
<a href="/tags/compositional-layouts">Compositional Layouts</a>
75+
</li>
76+
<li>
77+
<a href="/tags/diffable-data-sources">Diffable Data Sources</a>
78+
</li>
79+
<li>
80+
<a href="/tags/new-in-ios-13">New in iOS 13</a>
81+
</li>
82+
</ul>
83+
<p>We discuss the new compositional layouts and diffable data sources instroduced in iOS 13, along with things to keep in mind when new APIs come along to seemingly replace older ones.</p>
84+
</article>
85+
</li>
86+
</ul>
87+
</div>
88+
<footer>
89+
<div class="wrapper convertkit">
90+
<p>Hungry for more great content? Consider signing up for our monthly newletter, where we recap the month, and share a few more things we learn along the way.</p>
91+
<script async data-uid="27ae61bcda" src="https://upbeat-trailblazer-9892.ck.page/27ae61bcda/index.js"></script>
92+
</div>
93+
<p>
94+
<a href="/feed.rss">RSS feed</a>
95+
</p>
96+
</footer>
97+
</body>
98+
</html>

tags/diffable-data-sources/index.html

+98
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,98 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8"/>
5+
<meta name="og:site_name" content="CodeCompletion.io"/>
6+
<link rel="canonical" href="https://codecompletion.io/tags/diffable-data-sources"/>
7+
<meta name="twitter:url" content="https://codecompletion.io/tags/diffable-data-sources"/>
8+
<meta name="og:url" content="https://codecompletion.io/tags/diffable-data-sources"/>
9+
<title>CodeCompletion.io</title>
10+
<meta name="twitter:title" content="CodeCompletion.io"/>
11+
<meta name="og:title" content="CodeCompletion.io"/>
12+
<meta name="description" content="We are a group of developers and educators specializing in Apple Platform development, here to try something new.
13+
14+
New content coming out every Friday."/>
15+
<meta name="twitter:description" content="We are a group of developers and educators specializing in Apple Platform development, here to try something new.
16+
17+
New content coming out every Friday."/>
18+
<meta name="og:description" content="We are a group of developers and educators specializing in Apple Platform development, here to try something new.
19+
20+
New content coming out every Friday."/>
21+
<meta name="twitter:card" content="summary"/>
22+
<link rel="stylesheet" href="/styles.css" type="text/css"/>
23+
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
24+
<link rel="shortcut icon" href="/images/favicon.png" type="image/png"/>
25+
<link rel="alternate" href="/feed.rss" type="application/rss+xml" title="Subscribe to CodeCompletion.io"/>
26+
</head>
27+
<body>
28+
<header>
29+
<div class="wrapper">
30+
<a class="site-name" href="/">CodeCompletion.io</a>
31+
<nav>
32+
<ul>
33+
<li>
34+
<a href="/podcast">Podcast</a>
35+
</li>
36+
<li>
37+
<a href="/episodes">Episodes</a>
38+
</li>
39+
<li>
40+
<a href="/articles">Articles</a>
41+
</li>
42+
<li>
43+
<a href="https://twitter.com/CodeCompletion">Twitter</a>
44+
</li>
45+
<li>
46+
<a href="https://www.youtube.com/channel/UCboYE6brY0HjojFqkg936mw/featured">YouTube</a>
47+
</li>
48+
</ul>
49+
</nav>
50+
</div>
51+
</header>
52+
<div class="wrapper">
53+
<h1>Tagged with
54+
<span class="tag">Diffable Data Sources</span>
55+
</h1>
56+
<a class="browse-all" href="/tags">Browse all tags</a>
57+
<ul class="item-list">
58+
<li>
59+
<article>
60+
<h1>
61+
<a href="/articles/2020/08/compositional-layouts">Compositional Layouts and Diffable Data Sources</a>
62+
</h1>
63+
<ul class="tag-list">
64+
<li>
65+
<a href="/tags/podcast-topic">Podcast Topic</a>
66+
</li>
67+
<li>
68+
<a href="/tags/uicollectionview">UICollectionView</a>
69+
</li>
70+
<li>
71+
<a href="/tags/uitableview">UITableView</a>
72+
</li>
73+
<li>
74+
<a href="/tags/compositional-layouts">Compositional Layouts</a>
75+
</li>
76+
<li>
77+
<a href="/tags/diffable-data-sources">Diffable Data Sources</a>
78+
</li>
79+
<li>
80+
<a href="/tags/new-in-ios-13">New in iOS 13</a>
81+
</li>
82+
</ul>
83+
<p>We discuss the new compositional layouts and diffable data sources instroduced in iOS 13, along with things to keep in mind when new APIs come along to seemingly replace older ones.</p>
84+
</article>
85+
</li>
86+
</ul>
87+
</div>
88+
<footer>
89+
<div class="wrapper convertkit">
90+
<p>Hungry for more great content? Consider signing up for our monthly newletter, where we recap the month, and share a few more things we learn along the way.</p>
91+
<script async data-uid="27ae61bcda" src="https://upbeat-trailblazer-9892.ck.page/27ae61bcda/index.js"></script>
92+
</div>
93+
<p>
94+
<a href="/feed.rss">RSS feed</a>
95+
</p>
96+
</footer>
97+
</body>
98+
</html>

tags/index.html

+15
Original file line numberDiff line numberDiff line change
@@ -55,15 +55,30 @@ <h1>Browse all tags</h1>
5555
<li class="tag">
5656
<a href="/tags/app-store">App Store</a>
5757
</li>
58+
<li class="tag">
59+
<a href="/tags/compositional-layouts">Compositional Layouts</a>
60+
</li>
61+
<li class="tag">
62+
<a href="/tags/diffable-data-sources">Diffable Data Sources</a>
63+
</li>
5864
<li class="tag">
5965
<a href="/tags/frameworks">Frameworks</a>
6066
</li>
67+
<li class="tag">
68+
<a href="/tags/new-in-ios-13">New in iOS 13</a>
69+
</li>
70+
<li class="tag">
71+
<a href="/tags/podcast-topic">Podcast Topic</a>
72+
</li>
6173
<li class="tag">
6274
<a href="/tags/specialization">Specialization</a>
6375
</li>
6476
<li class="tag">
6577
<a href="/tags/uicollectionview">UICollectionView</a>
6678
</li>
79+
<li class="tag">
80+
<a href="/tags/uitableview">UITableView</a>
81+
</li>
6782
<li class="tag">
6883
<a href="/tags/unicode">Unicode</a>
6984
</li>

0 commit comments

Comments
 (0)