Skip to content

Commit 8d6d3ea

Browse files
codercatdevcodercatdev
committed
podcast brad frost
1 parent 94dc83a commit 8d6d3ea

File tree

4 files changed

+162
-0
lines changed

4 files changed

+162
-0
lines changed

‎apps/codingcatdev/src/lib/types/index.ts‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -90,6 +90,7 @@ export interface Socials {
9090
facebook?: string;
9191
github?: string;
9292
instagram?: string;
93+
lastfm?: string;
9394
linkedin?: string;
9495
email?: string;
9596
mastodon?: string;

‎apps/codingcatdev/src/routes/(content-single)/(non-course)/Author.svelte‎

Lines changed: 11 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -13,6 +13,7 @@
1313
Github,
1414
Instagram,
1515
Linkedin,
16+
Lastdotfm,
1617
Mastodon,
1718
Medium,
1819
Polywork,
@@ -108,6 +109,16 @@
108109
<Icon src={Instagram} class="w-8" theme="solid" />
109110
</a>
110111
{/if}
112+
{#if data.content?.socials?.lastfm}
113+
<a
114+
target="_blank"
115+
rel="noopener noreferrer"
116+
href={data.content?.socials?.lastfm}
117+
class="hover:!text-primary-500 !text-surface-900 dark:!text-surface-300 dark:hover:!text-primary-500 hover:!scale-110"
118+
>
119+
<Icon src={Lastdotfm} class="w-8" theme="solid" />
120+
</a>
121+
{/if}
111122
{#if data.content?.socials?.linkedin}
112123
<a
113124
target="_blank"

‎apps/codingcatdev/src/routes/(content-single)/(non-course)/guest/brad-frost/+page.md‎

Lines changed: 24 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,24 @@
1+
---
2+
type: guest
3+
cover: https://media.codingcat.dev/image/upload/v1700821879/main-codingcatdev-photo/podcast-guest/brad-frost.png
4+
name: Brad Frost
5+
published: published
6+
slug: brad-frost
7+
start: January 1, 2000
8+
socials:
9+
github: https://github.com/bradfrost
10+
instagram: http://instagram.com/brad_frost
11+
linkedin: https://www.linkedin.com/in/bradfrost
12+
lastfm: http://www.last.fm/user/brad_frost
13+
mastodon: https://mastodon.social/@brad_frost
14+
codepen: http://codepen.io/bradfrost/
15+
spotify: https://open.spotify.com/user/ienjoyhotsoup
16+
twitter: https://twitter.com/brad_frost/
17+
youtube: https://www.youtube.com/@brad_frost
18+
websites:
19+
- https://bradfrost.com/
20+
---
21+
22+
## Profile
23+
24+
[Brad Frost](https://bradfrost.com) is a design system consultant, front-end developer, speaker, writer, musician, and artist located in beautiful Pittsburgh, PA. As a principal and design system consultant at [Big Medium](https://bigmedium.com/), he helps teams establish and evolve design systems, establish more collaborative workflows, and create better software together.. He is the author of the book [_Atomic Design_](http://atomicdesign.bradfrost.com/), which introduces a methodology to create and maintain effective design systems. He co-hosted the [Style Guides Podcast](http://styleguides.io/podcast/) and has helped create several tools and resources for web designers, including [Pattern Lab](http://patternlab.io/), [Styleguides.io](http://styleguides.io/), [Style Guide Guide](http://bradfrost.github.io/style-guide-guide/), [This Is Responsive](http://bradfrost.github.io/this-is-responsive), [Death to Bullshit](http://deathtobullshit.com/), and [more](https://bradfrost.com/projects/).

‎apps/codingcatdev/src/routes/(content-single)/(non-course)/podcast/_design-harmony/+page.md‎

Lines changed: 126 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,126 @@
1+
---
2+
type: podcast
3+
authors:
4+
- alex-patterson
5+
episode:
6+
recording_date: Jan 10, 2024 9:00 AM
7+
season: 3
8+
published: published
9+
podcast: CodingCat.dev
10+
chapters_done: false
11+
cloudinary_convert: false
12+
cover: https://media.codingcat.dev/image/upload/v1700822445/main-codingcatdev-photo/3_design-harmony.png
13+
devto:
14+
excerpt: 'Dive into the world of "Design Harmony" where we explore the art and science of creating and maintaining successful design systems'
15+
guests:
16+
- brad-frost
17+
hashnode:
18+
picks:
19+
[
20+
{ author: 'brad-frost', name: 'example', site: 'example.com' },
21+
{ author: 'alex-patterson', name: 'example', site: 'example.com' }
22+
]
23+
slug: _design-harmony
24+
sponsors:
25+
- storyblok
26+
spotify:
27+
start: Jan 1, 2024
28+
title:
29+
youtube:
30+
---
31+
32+
In the fast-paced world of design, creating a seamless and efficient user experience is crucial. Design systems have emerged as a powerful solution, marrying art and science to ensure consistency and cohesiveness. In this exploration of "Design Harmony," we delve into the intricacies of successful design systems and how they bridge the gap between creativity and functionality.
33+
34+
## 1. Understanding Design Systems
35+
36+
### Definition and Purpose
37+
38+
- Defining design systems and their role in the design process.
39+
- The overarching purpose: streamlining and unifying design elements.
40+
41+
### The Evolution of Design Systems
42+
43+
- Historical perspective on the development of design systems.
44+
- How design systems have adapted to meet the changing needs of the industry.
45+
46+
## 2. The Art of Design Harmony
47+
48+
### Aesthetics and Branding
49+
50+
- The role of aesthetics in design systems.
51+
- Maintaining brand consistency through harmonious visual elements.
52+
53+
### User-Centric Design
54+
55+
- How design systems prioritize the user experience.
56+
- Balancing aesthetics with user needs for optimal functionality.
57+
58+
### Creativity within Constraints
59+
60+
- The paradox of creativity and constraints in design.
61+
- Examples of innovative design within the framework of a system.
62+
63+
## 3. The Science Behind Design Systems
64+
65+
### Consistency and Standardization
66+
67+
- The importance of consistency in user interfaces.
68+
- Standardizing components for a unified look and feel.
69+
70+
### Collaboration and Communication
71+
72+
- Bridging the gap between design and development teams.
73+
- Effective communication for successful implementation.
74+
75+
### Scalability and Efficiency
76+
77+
- Design systems as a tool for scalability.
78+
- How efficient design systems streamline workflows and save time.
79+
80+
## 4. Implementing Design Harmony
81+
82+
### Building a Design System from Scratch
83+
84+
- Step-by-step guide to initiating a design system.
85+
- Key considerations and best practices.
86+
87+
### Case Studies
88+
89+
- Real-world examples of successful design system implementations.
90+
- Learnings from prominent companies and their design journeys.
91+
92+
## 5. Challenges and Solutions
93+
94+
### Common Pitfalls
95+
96+
- Recognizing challenges in design system development.
97+
- Strategies for overcoming obstacles.
98+
99+
### Evolving Design Systems
100+
101+
- Adapting design systems to changing requirements.
102+
- Strategies for continuous improvement.
103+
104+
## 6. Future Trends in Design Harmony
105+
106+
### AI and Automation
107+
108+
- The role of artificial intelligence in design systems.
109+
- Automation trends shaping the future of design.
110+
111+
### Cross-Platform Integration
112+
113+
- Navigating design harmony across various platforms.
114+
- Strategies for maintaining consistency in a multi-platform world.
115+
116+
## 7. Conclusion
117+
118+
### Recap of Design Harmony Principles
119+
120+
- Summarizing the key principles for creating successful design systems.
121+
- The ongoing importance of balancing the art and science of design.
122+
123+
### Looking Ahead
124+
125+
- Final thoughts on the future of design systems.
126+
- Encouragement for designers to embrace the journey towards design harmony.

0 commit comments

Comments
 (0)