#284: Settings Redesign (Part 2)

Spread the love
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  

Show Description
Klare, Dee, and Marie chat about the process behind redesigning the settings pages inside CodePen – how decisions were made, adding helper text to various locations, and designing React components to reuse.
Time Jumps

01:24 What was the process behind the design?
09:55 Context switching
17:13 Adding helper text
19:24 Sponsor: imgix
20:50 Designing React components

Sponsor: imgix 19:24
imgix is the API for fast, responsive, beautifully optimized images.
Your images create complex challenges with web performance, user experience, conversion rates, SEO, and responsive design. Our APIs solve them.
Visit imgix.com/codepen and signup to receive a $300 account credit.
Show Links

CodePen Settings
TextExpander
Klare on CodePen / Klare on Twitter
Dee Vazquez on Twitter
Marie on CodePen

CodePen Links

CodePen Support
CodePen Spark
CodePen Pro
CodePen on Twitter
CodePen on Facebook
CodePen on Instagram
Sponsor an episode of CodePen Radio
Buy a CodePen T-Shirt

The post #284: Settings Redesign (Part 2) appeared first on CodePen Blog.

X ITM Cloud News

Emily

Leave a Reply

Next Post

Slash GraphQL Brings Managed Backend and No Code Services to the GraphQL Ecosystem

Wed Sep 16 , 2020
Spread the love          Dgraph, a San Francisco based startup focused on providing a full-powered native GraphQL backend service that operates at a global scale, announced on September 10, 2020, the release of its premier product, Slash GraphQL. According to Manish Jain, CEO of the company, “Slash GraphQL takes away the work […]
X- ITM

Cloud Computing – Consultancy – Development – Hosting – APIs – Legacy Systems

X-ITM Technology helps our customers across the entire enterprise technology stack with differentiated industry solutions. We modernize IT, optimize data architectures, and make everything secure, scalable and orchestrated across public, private and hybrid clouds.

This image has an empty alt attribute; its file name is x-itmdc.jpg

The enterprise technology stack includes ITO; Cloud and Security Services; Applications and Industry IP; Data, Analytics and Engineering Services; and Advisory.

Watch an animation of  X-ITM‘s Enterprise Technology Stack

We combine years of experience running mission-critical systems with the latest digital innovations to deliver better business outcomes and new levels of performance, competitiveness and experiences for our customers and their stakeholders.

X-ITM invests in three key drivers of growth: People, Customers and Operational Execution.

The company’s global scale, talent and innovation platforms serve 6,000 private and public-sector clients in 70 countries.

X-ITM’s extensive partner network helps drive collaboration and leverage technology independence. The company has established more than 200 industry-leading global Partner Network relationships, including 15 strategic partners: Amazon Web Services, AT&T, Dell Technologies, Google Cloud, HCL, HP, HPE, IBM, Micro Focus, Microsoft, Oracle, PwC, SAP, ServiceNow and VMware

.

X ITM