UI Design for Themes and Plugins by Chelsea Otakan & Sara Cannon

•

4 j'aime•3,849 vues

UI Design for Themes and Plugins by Chelsea Otakan & Sara Cannon: User interface design is both a science and an art. The developers and designers who volunteer to work on WordPress put a lot of thought into the approach. We’ll discuss how the WordPress UI can influence your theme and plugin UI designs.

Technologie Business

UI DESIGN
for themes & plugins

Sara Cannon Chelsea Otakan

wordpress.org/extend/plugins/
posts-to-posts

Thank You
Brought to you by Team GigglePress. (teehee)

Recommandé

"Wordpress And Your Brand" 2010 - By Sara CannonSara Cannon

Smart Design Sara Cannon

IconFontsSara Cannon

Design Swoon - Visual Trends & WordPressSara Cannon

WordPress & User Experience - WordCamp LondonSara Cannon

Progressive Enhancement & Mobile [Funka 2012]Aaron Gustafson

Designing for The Modern WebSara Cannon

CSS Tricks for WordPress - WordCamp PhoenixSara Cannon

Recommandé

"Wordpress And Your Brand" 2010 - By Sara CannonSara Cannon

Smart Design Sara Cannon

IconFontsSara Cannon

Design Swoon - Visual Trends & WordPressSara Cannon

WordPress & User Experience - WordCamp LondonSara Cannon

Progressive Enhancement & Mobile [Funka 2012]Aaron Gustafson

Designing for The Modern WebSara Cannon

CSS Tricks for WordPress - WordCamp PhoenixSara Cannon

Style Guides Are The New Photoshop (Fronteers 2012)Stephen Hay

Type in your WordPress Themes by Sara Cannon WordCamp NYCSara Cannon

Responsive Design Workflow: Mobilism 2012Stephen Hay

Wireframing basics may 2012Meaghan Barbin

Controlling Web TypographyTrent Walton

Responsive Design WorkflowIntergen

RESS: An Evolution of Responsive Web DesignDave Olsen

Ashoka-ProfileAshok Gowda

正解のないデザインについて、それでも正解について考えてみる - Think of the answer of Design - Kite Koga

MIMA 2014 - Changing your Responsive Design Workfloweaselsolutions

Atomic Design Presentation for Polaris IndustriesAlfonso Moreno

Atomic Design - An Event Apart San DiegoBrad Frost

Building the Media Block in ReactJS Nicole Sullivan

Creating Style Guides with Modularity in MindNadya Rodionenko

Atomic Design - BDConf Nashville, 2013Brad Frost

The Server Side of Responsive Web DesignDave Olsen

Elpida_Stefanidi.compressedElpida Stefanidi

Responsive Design: Uitdagingen en OplossingenThemePartner

Where are (web) designers going with web fonts?Scott Boms

Voorhoede - Front-end architectureJasper Moelker

Outside the WordPress BubbleJohn Eckman

Intro to WordPress Child Themesvegasgeek

Contenu connexe

Tendances

Style Guides Are The New Photoshop (Fronteers 2012)Stephen Hay

Type in your WordPress Themes by Sara Cannon WordCamp NYCSara Cannon

Responsive Design Workflow: Mobilism 2012Stephen Hay

Wireframing basics may 2012Meaghan Barbin

Controlling Web TypographyTrent Walton

Responsive Design WorkflowIntergen

RESS: An Evolution of Responsive Web DesignDave Olsen

Ashoka-ProfileAshok Gowda

正解のないデザインについて、それでも正解について考えてみる - Think of the answer of Design - Kite Koga

MIMA 2014 - Changing your Responsive Design Workfloweaselsolutions

Atomic Design Presentation for Polaris IndustriesAlfonso Moreno

Atomic Design - An Event Apart San DiegoBrad Frost

Building the Media Block in ReactJS Nicole Sullivan

Creating Style Guides with Modularity in MindNadya Rodionenko

Atomic Design - BDConf Nashville, 2013Brad Frost

The Server Side of Responsive Web DesignDave Olsen

Elpida_Stefanidi.compressedElpida Stefanidi

Responsive Design: Uitdagingen en OplossingenThemePartner

Where are (web) designers going with web fonts?Scott Boms

Voorhoede - Front-end architectureJasper Moelker

Tendances (20)

Style Guides Are The New Photoshop (Fronteers 2012)

Type in your WordPress Themes by Sara Cannon WordCamp NYC

Responsive Design Workflow: Mobilism 2012

Wireframing basics may 2012

Controlling Web Typography

Responsive Design Workflow

RESS: An Evolution of Responsive Web Design

Ashoka-Profile

正解のないデザインについて、それでも正解について考えてみる - Think of the answer of Design -

MIMA 2014 - Changing your Responsive Design Workflow

Atomic Design Presentation for Polaris Industries

Atomic Design - An Event Apart San Diego

Building the Media Block in ReactJS

Creating Style Guides with Modularity in Mind

Atomic Design - BDConf Nashville, 2013

The Server Side of Responsive Web Design

Elpida_Stefanidi.compressed

Responsive Design: Uitdagingen en Oplossingen

Where are (web) designers going with web fonts?

Voorhoede - Front-end architecture

En vedette

Outside the WordPress BubbleJohn Eckman

Intro to WordPress Child Themesvegasgeek

Adventures in Non-Profit Web DesignMelodie Laylor

Maintaining Retainers as a WordPress DeveloperDevinVinson

WordCamp Milwaukee 2012: Learning from the WordPress sitesMichael McCallister

Make WordPress Fit: The Cinderella Shoe Approach to Custom ThemingIntrepidRealist

Breaking up (your code) is hard to doDan Beil

Design and Development Techniques for Accessibility: WordCamp Tampa 2015Robert Jolly

A Beginner's Guide to Popping the Bonnet and Getting Your Hands DirtyKenneth Scott Huntley

Stop Creating Data For Sake of Creating DataGeorge Ortiz

What's the plan for your master brand?Fly Solo Media Agency

WordCamp Seattle 2011 PresentationBobWP.com

Caching 101 - WordCamp OCEugene Kovshilovsky

Word Press Starter Kit: Widget & PluginGGDBologna

L’uso di WordPress nella comunicazione corporate di Telecom Italia GGDBologna

The WordPress Project; It's all about YOU!Denise (Dee) Teal

WordCamp Milwaukee 2012 - Contributing to Open Sourcejclermont

Future of wordpress in NashvilleAh So Designs

WordPress APIsJoseph Scott

Testing Made EasyMicah Wood

En vedette (20)

Outside the WordPress Bubble

Intro to WordPress Child Themes

Adventures in Non-Profit Web Design

Maintaining Retainers as a WordPress Developer

WordCamp Milwaukee 2012: Learning from the WordPress sites

Make WordPress Fit: The Cinderella Shoe Approach to Custom Theming

Breaking up (your code) is hard to do

Design and Development Techniques for Accessibility: WordCamp Tampa 2015

A Beginner's Guide to Popping the Bonnet and Getting Your Hands Dirty

Stop Creating Data For Sake of Creating Data

What's the plan for your master brand?

WordCamp Seattle 2011 Presentation

Caching 101 - WordCamp OC

Word Press Starter Kit: Widget & Plugin

L’uso di WordPress nella comunicazione corporate di Telecom Italia

The WordPress Project; It's all about YOU!

WordCamp Milwaukee 2012 - Contributing to Open Source

Future of wordpress in Nashville

WordPress APIs

Testing Made Easy

Plus de Sara Cannon

Open Source CreativitySara Cannon

Design Strategy: How information Can Drive Your Designs Decisions To SuccessSara Cannon

Sara cannon pushing the creative limitSara Cannon

Learning Through Stealing - How to Become Better At Your CraftSara Cannon

WordPress & User Experience - WordCamp St. LouisSara Cannon

Typography and User Experience - WCSFSara Cannon

Typography and User Experience in Web DesignSara Cannon

Smart Design - Content-first, Fast, Informed, Refined. WordCamp NYC 2014Sara Cannon

SMART DESIGN - icon fonts, svg, and the mobile influenceSara Cannon

The Future of UI - How Mobile Design is Shaping The Web 2Sara Cannon

Designer vs Developer: BE THE UNICORNSara Cannon

Designer vs Developer: Creators in WordPressSara Cannon

Responsive DesignSara Cannon

Font Swoon - Advanced Web TypographySara Cannon

Typography on the WebSara Cannon

Beyond the System Font - Advanced Web TypographySara Cannon

Customizing WordPress Themes / Child Themes - WordCamp Savannah 2010Sara Cannon

Wordpress and Your BrandSara Cannon

Interactive Branding Web Type Tips.KeySara Cannon

Web Typography TipsSara Cannon

Plus de Sara Cannon (20)

Open Source Creativity

Design Strategy: How information Can Drive Your Designs Decisions To Success

Sara cannon pushing the creative limit

Learning Through Stealing - How to Become Better At Your Craft

WordPress & User Experience - WordCamp St. Louis

Typography and User Experience - WCSF

Typography and User Experience in Web Design

Smart Design - Content-first, Fast, Informed, Refined. WordCamp NYC 2014

SMART DESIGN - icon fonts, svg, and the mobile influence

The Future of UI - How Mobile Design is Shaping The Web 2

Designer vs Developer: BE THE UNICORN

Designer vs Developer: Creators in WordPress

Responsive Design

Font Swoon - Advanced Web Typography

Typography on the Web

Beyond the System Font - Advanced Web Typography

Customizing WordPress Themes / Child Themes - WordCamp Savannah 2010

Wordpress and Your Brand

Interactive Branding Web Type Tips.Key

Web Typography Tips

Dernier

Real Time Object Detection Using Open CVKhem

What Are The Drone Anti-jamming Systems Technology?Antenna Manufacturer Coco

Boost Fertility New Invention Ups Success Rates.pdfsudhanshuwaghmare1

ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemkeProduct Anonymous

Data Cloud, More than a CDP by Matt RobisonAnna Loughnan Colquhoun

Workshop - Best of Both Worlds_ Combine KG and Vector search for enhanced R...Neo4j

Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...apidays

Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...Drew Madelung

Finology Group – Insurtech Innovation Award 2024The Digital Insurer

Automating Google Workspace (GWS) & more with Apps Scriptwesley chun

Powerful Google developer tools for immediate impact! (2023-24 C)wesley chun

Advantages of Hiring UIUX Design Service Providers for Your BusinessPixlogix Infotech

Boost PC performance: How more available memory can improve productivityPrincipled Technologies

Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024The Digital Insurer

Partners Life - Insurer Innovation Award 2024The Digital Insurer

Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...Miguel Araújo

Handwritten Text Recognition for manuscripts and early printed textsMaria Levchenko

Apidays New York 2024 - The value of a flexible API Management solution for O...apidays

How to Troubleshoot Apps for the Modern Connected WorkerThousandEyes

A Year of the Servo Reboot: Where Are We Now?Igalia

Dernier (20)

Real Time Object Detection Using Open CV

What Are The Drone Anti-jamming Systems Technology?

Boost Fertility New Invention Ups Success Rates.pdf

ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke

Data Cloud, More than a CDP by Matt Robison

Workshop - Best of Both Worlds_ Combine KG and Vector search for enhanced R...

Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...

Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...

Finology Group – Insurtech Innovation Award 2024

Automating Google Workspace (GWS) & more with Apps Script

Powerful Google developer tools for immediate impact! (2023-24 C)

Advantages of Hiring UIUX Design Service Providers for Your Business

Boost PC performance: How more available memory can improve productivity

Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024

Partners Life - Insurer Innovation Award 2024

Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...

Handwritten Text Recognition for manuscripts and early printed texts

Apidays New York 2024 - The value of a flexible API Management solution for O...

How to Troubleshoot Apps for the Modern Connected Worker

A Year of the Servo Reboot: Where Are We Now?

UI Design for Themes and Plugins by Chelsea Otakan & Sara Cannon

1. UI DESIGN for themes & plugins Sara Cannon Chelsea Otakan

2. Core UI

4. dotorgstyleguide.wordpress.com

6. Themes

7. Custom Implementation

8. wordpress.org/extend/plugins/ posts-to-posts

10. UI Inspiration

11. wordpress.org/extend/plugins/ ui-lab

12.

13. Giving Back

14. Contributing

15. make.wordpress.org/ui

16.

17. irc.freenode.net #wordpress-ui

18. core.trac.wordpress.org/ report/35

19.

20. Plugin-Review

21. Thank You Brought to you by Team GigglePress. (teehee)