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

•

4 recomendaciones•3,849 vistas

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.

Tecnología Empresariales

UI DESIGN
for themes & plugins

Sara Cannon Chelsea Otakan

Core UI

dotorgstyleguide.wordpress.com

Themes

Custom
Implementation

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

UI Inspiration

wordpress.org/extend/plugins/
ui-lab

Giving Back

Contributing

make.wordpress.org/ui

irc.freenode.net

#wordpress-ui

core.trac.wordpress.org/
report/35

Plugin-Review

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

Más contenido relacionado

La actualidad más candente

A slightly modified version of the talk I first presented at Smashing Conference, now presented at Fronteers 2012. (http://fronteers.nl/congres/2012) Use of image editors for creating web design mockups has worked until now, but responsive design is forcing us to find alternatives, as we can't simply create more mockups as we design for more screens. Have no fear, there is at least one method of replacing Photoshop for web design. Let's take a look at one of the most important aspects of this method: the creation of clear, semi-automated, self-updating style guides.

Style Guides Are The New Photoshop (Fronteers 2012)

Style Guides Are The New Photoshop (Fronteers 2012)

Style Guides Are The New Photoshop (Fronteers 2012)

Typography and Your Theme: Believe it or not, generally WordPress sites are made up mostly of typography. This makes the relationship that these typographical elements have to each other very important. This talk will cover beautiful web type and various methods of implementations in WordPress themes. I will be going over webfonts, typographical CSS tips and tricks, and what different services to look at for your non-system fonts. We will go over the importance of making a site/brand guideline for a custom Twenty Ten child theme to keep consistency, account for every little detail, and be functionally lovely. No type element goes un-styled!

Type in your WordPress Themes by Sara Cannon WordCamp NYC

Type in your WordPress Themes by Sara Cannon WordCamp NYC

Type in your WordPress Themes by Sara Cannon WordCamp NYC

Responsive Design Workflow: Mobilism 2012

Responsive Design Workflow: Mobilism 2012

Responsive Design Workflow: Mobilism 2012

Wireframing basics may 2012

Wireframing basics may 2012

Wireframing basics may 2012

Controlling Web Typography

Controlling Web Typography

Controlling Web Typography

Responsive Design Workflow

Responsive Design Workflow

Responsive Design Workflow

Responsive web design has become an important tool for front-end developers as they develop mobile-optimized solutions for clients. Browser-detection has been an important tool for server-side developers for the same task for much longer. Unfortunately, both techniques have certain limitations. I’ll show how both front-end and server-side developers can take advantage of the new technique called RESS (Responsive Web Design with Server Side Components) that aims to be combine the best of both worlds for delivering mobile-optimized content.

RESS: An Evolution of Responsive Web Design

RESS: An Evolution of Responsive Web Design

RESS: An Evolution of Responsive Web Design

Ashoka-Profile

マークアップやプログラミングと違い、デザインには正解がないとよく言われます。ただ、それでは思考を放棄してしまうことになりますので、商業デザイナーである以上は、やはり正解について考える必要があります。このセッションでは、最終的な答えを教えるわけではなく、ある種の問題提起であり、みなさまに自分なりの正解を考えてもらうきっかけにできればと思います。 Design is different from markup and programming. People say there's no answer of design. However, we must seek something close to the answers as commercial designers.

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

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

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

Presentation slides from Dustin Tauer's 2014 MIMA Session: What is your Web workflow? If your situation mirrors that of most organizations, the process often begins with some initial planning and discovery, followed by the design phase. In the design phase, Photoshop is opened and wireframes evolve into static designs. Once approved, these designs are passed to the developer which leads to testing, tweaking, and finally, launch. This workflow is great for traditional websites, but major evolution is needed to account for the changing landscape that is responsive design. This session will present different strategies and processes for effectively designing and developing responsive websites. We’ll look at how taking a content-first approach rather than a design-first approach can significantly reduce the number of issues and iterations throughout the process. With mobile traffic quickly surpassing desktop traffic, a new workflow process is imperative to helping us be better prepared for the constantly changing device landscape.

MIMA 2014 - Changing your Responsive Design Workflow

MIMA 2014 - Changing your Responsive Design Workflow

MIMA 2014 - Changing your Responsive Design Workflow

In March 2017, I championed Atomic Design (term coined by developer Brad Frost) at Polaris to help with their efforts creating a pattern library that was reusable, scalable and manageable (their previous attempts had spilled into thousands of patterns which were redundant and hard to manage.) I summed my experience working for pattern library teams for Valspar, US Bank & Target to my research on the latest industry standards, and put them together in this story.

Atomic Design Presentation for Polaris Industries

Atomic Design Presentation for Polaris Industries

Atomic Design Presentation for Polaris Industries

Atomic Design - An Event Apart San Diego

Atomic Design - An Event Apart San Diego

Atomic Design - An Event Apart San Diego

Building the Media Block in ReactJS

Building the Media Block in ReactJS

Building the Media Block in ReactJS

Nicole Sullivan

Creating Style Guides with Modularity in Mind

Creating Style Guides with Modularity in Mind

Creating Style Guides with Modularity in Mind

Nadya Rodionenko

Atomic Design - BDConf Nashville, 2013

Atomic Design - BDConf Nashville, 2013

Atomic Design - BDConf Nashville, 2013

Responsive web design has become an important tool for front-end developers as they develop mobile-optimized solutions for clients. Browser-detection has been an important tool for server-side developers for the same task for much longer. Unfortunately, both techniques have certain limitations. Depending on project requirements, team make-up and deployment environment combining these two techniques might lead to intriguing solutions for your organization. We'll discuss when it makes sense to take this extra step and we'll explore techniques for combining server-side technology, like server-side feature-detection, with your responsive web designs to deliver the most flexible solutions possible.

The Server Side of Responsive Web Design

The Server Side of Responsive Web Design

The Server Side of Responsive Web Design

Elpida_Stefanidi.compressed

Elpida_Stefanidi.compressed

Elpida_Stefanidi.compressed

Elpida Stefanidi

Responsive design begint steeds normaler te worden. Zo hebben nagenoeg alle template providers al responsive templates en ook de grotere, ingewikkelde websites zijn steeds vaker responsive. Maar hoe werkt dat nou? Wat kom je allemaal tegen als je responsive websites/templates aan het bouwen bent? Binnen deze presentatie laat ik een aantal mogelijke oplossingen zien voor de uitdagingen waar wij als ontwikkelaars van responsive Joomla! templates dagelijks mee te maken hebben.

Responsive Design: Uitdagingen en Oplossingen

Responsive Design: Uitdagingen en Oplossingen

Responsive Design: Uitdagingen en Oplossingen

Where are (web) designers going with web fonts?

Where are (web) designers going with web fonts?

Where are (web) designers going with web fonts?

Presented during Javascript MVC Amsterdam meetup, 29 Jan 2014: http://www.meetup.com/JavaScript-MVC-Meetup-Amsterdam/events/156767102/ At De Voorhoede (http://voorhoede.nl) I'm responsible for setting up new front-end projects in such a way that it's easy for teams to work with. This presentation explains how we structure these projects. The presentation includes some tips on structuring larger AngularJS projects.

Voorhoede - Front-end architecture

Voorhoede - Front-end architecture

Voorhoede - Front-end architecture

La actualidad más candente (20)

Style Guides Are The New Photoshop (Fronteers 2012)

Style Guides Are The New Photoshop (Fronteers 2012)

Style Guides Are The New Photoshop (Fronteers 2012)

Type in your WordPress Themes by Sara Cannon WordCamp NYC

Type in your WordPress Themes by Sara Cannon WordCamp NYC

Type in your WordPress Themes by Sara Cannon WordCamp NYC

Responsive Design Workflow: Mobilism 2012

Responsive Design Workflow: Mobilism 2012

Responsive Design Workflow: Mobilism 2012

Wireframing basics may 2012

Wireframing basics may 2012

Wireframing basics may 2012

Controlling Web Typography

Controlling Web Typography

Controlling Web Typography

Responsive Design Workflow

Responsive Design Workflow

Responsive Design Workflow

RESS: An Evolution of Responsive Web Design

RESS: An Evolution of Responsive Web Design

RESS: An Evolution of Responsive Web Design

Ashoka-Profile

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

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

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

MIMA 2014 - Changing your Responsive Design Workflow

MIMA 2014 - Changing your Responsive Design Workflow

MIMA 2014 - Changing your Responsive Design Workflow

Atomic Design Presentation for Polaris Industries

Atomic Design Presentation for Polaris Industries

Atomic Design Presentation for Polaris Industries

Atomic Design - An Event Apart San Diego

Atomic Design - An Event Apart San Diego

Atomic Design - An Event Apart San Diego

Building the Media Block in ReactJS

Building the Media Block in ReactJS

Building the Media Block in ReactJS

Creating Style Guides with Modularity in Mind

Creating Style Guides with Modularity in Mind

Creating Style Guides with Modularity in Mind

Atomic Design - BDConf Nashville, 2013

Atomic Design - BDConf Nashville, 2013

Atomic Design - BDConf Nashville, 2013

The Server Side of Responsive Web Design

The Server Side of Responsive Web Design

The Server Side of Responsive Web Design

Elpida_Stefanidi.compressed

Elpida_Stefanidi.compressed

Elpida_Stefanidi.compressed

Responsive Design: Uitdagingen en Oplossingen

Responsive Design: Uitdagingen en Oplossingen

Responsive Design: Uitdagingen en Oplossingen

Where are (web) designers going with web fonts?

Where are (web) designers going with web fonts?

Where are (web) designers going with web fonts?

Voorhoede - Front-end architecture

Voorhoede - Front-end architecture

Voorhoede - Front-end architecture

Destacado

While the community (rightly) celebrates the tremendous growth of WordPress as a platform, there’s a significant disconnect between what community members know about WordPress and what folks outside the community know. Getting outside the WordPress bubble – by participating meaningfully in other conferences, conversations, and communities – helps bring new ideas into our community and also helps us bring WordPress into new contexts.

Outside the WordPress Bubble

Outside the WordPress Bubble

Outside the WordPress Bubble

Intro to WordPress Child Themes

Intro to WordPress Child Themes

Intro to WordPress Child Themes

Adventures in Non-Profit Web Design

Adventures in Non-Profit Web Design

Adventures in Non-Profit Web Design

Maintaining Retainers as a WordPress Developer

Maintaining Retainers as a WordPress Developer

Maintaining Retainers as a WordPress Developer

WordCamp Milwaukee 2012: Learning from the WordPress sites

WordCamp Milwaukee 2012: Learning from the WordPress sites

WordCamp Milwaukee 2012: Learning from the WordPress sites

Michael McCallister

Make WordPress Fit: The Cinderella Shoe Approach to Custom Theming

Make WordPress Fit: The Cinderella Shoe Approach to Custom Theming

Make WordPress Fit: The Cinderella Shoe Approach to Custom Theming

IntrepidRealist

Breaking up (your code) is hard to do

Breaking up (your code) is hard to do

Breaking up (your code) is hard to do

I’ll explore basic web accessibility principles for web designers, developers, and site owners, then show how to turn seemingly daunting and confusing accessibility requirements into understandable, actionable tasks and techniques. The talk will cover some of the accessibility-specific WordPress plugins and themes available, as well as some quick, easy tests to integrate into design and development workflows.

Design and Development Techniques for Accessibility: WordCamp Tampa 2015

Design and Development Techniques for Accessibility: WordCamp Tampa 2015

Design and Development Techniques for Accessibility: WordCamp Tampa 2015

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

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

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

Kenneth Scott Huntley

Stop Creating Data For Sake of Creating Data

Stop Creating Data For Sake of Creating Data

Stop Creating Data For Sake of Creating Data

As the social and digital media landscape gets increasingly competitive, it’s important to brand yourself by clearly conveying your businesses focus, credibility and unique contributions. You must constantly be creative with how are you going to set your self a part from the rest. This topic will identify ways to identify your brand personality as well as develop a plan of action to build and master your brand.

What's the plan for your master brand?

Fly Solo Media Agency

WordCamp Seattle 2011 Presentation

WordCamp Seattle 2011 Presentation

WordCamp Seattle 2011 Presentation

Caching 101 - WordCamp OC

Caching 101 - WordCamp OC

Caching 101 - WordCamp OC

Eugene Kovshilovsky

Word Press Starter Kit: Widget & Plugin

Word Press Starter Kit: Widget & Plugin

Word Press Starter Kit: Widget & Plugin

L’uso di WordPress nella comunicazione corporate di Telecom Italia

L’uso di WordPress nella comunicazione corporate di Telecom Italia

L’uso di WordPress nella comunicazione corporate di Telecom Italia

The WordPress Project; It's all about YOU!

The WordPress Project; It's all about YOU!

The WordPress Project; It's all about YOU!

Denise (Dee) Teal

Ever hear the expression “No one wants to see how the sausage gets made”? Perhaps that’s how you feel about WordPress and other open source projects. Come hear Joel talk about the open source process and why you should get involved. If you’ve wanted to make a meaningful contribution to WordPress or your favorite plugin, but just didn’t know where to start, this talk is for you as well. All skill levels are welcome. It doesn’t matter whether you’re a new developer with limited PHP skills or an expert coder wanting to get some code committed to WP core.

WordCamp Milwaukee 2012 - Contributing to Open Source

WordCamp Milwaukee 2012 - Contributing to Open Source

WordCamp Milwaukee 2012 - Contributing to Open Source

Future of wordpress in Nashville

Future of wordpress in Nashville

Future of wordpress in Nashville

WordPress APIs

Testing a WordPress theme, plugin or application is typically a topic that isn't for the faint of heart. In this session, we are going to break things down so you will understand the different types of testing available, when to use them, and how simple certain types of tests can be. Imagine having your client practically write your tests for you... good, now let's show you how to make that happen!

Testing Made Easy

Testing Made Easy

Testing Made Easy

Destacado (20)

Outside the WordPress Bubble

Outside the WordPress Bubble

Outside the WordPress Bubble

Intro to WordPress Child Themes

Intro to WordPress Child Themes

Intro to WordPress Child Themes

Adventures in Non-Profit Web Design

Adventures in Non-Profit Web Design

Adventures in Non-Profit Web Design

Maintaining Retainers as a WordPress Developer

Maintaining Retainers as a WordPress Developer

Maintaining Retainers as a WordPress Developer

WordCamp Milwaukee 2012: Learning from the WordPress sites

WordCamp Milwaukee 2012: Learning from the WordPress sites

WordCamp Milwaukee 2012: Learning from the WordPress sites

Make WordPress Fit: The Cinderella Shoe Approach to Custom Theming

Make WordPress Fit: The Cinderella Shoe Approach to Custom Theming

Make WordPress Fit: The Cinderella Shoe Approach to Custom Theming

Breaking up (your code) is hard to do

Breaking up (your code) is hard to do

Breaking up (your code) is hard to do

Design and Development Techniques for Accessibility: WordCamp Tampa 2015

Design and Development Techniques for Accessibility: WordCamp Tampa 2015

Design and Development Techniques for Accessibility: WordCamp Tampa 2015

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

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

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

Stop Creating Data For Sake of Creating Data

Stop Creating Data For Sake of Creating Data

Stop Creating Data For Sake of Creating Data

What's the plan for your master brand?

WordCamp Seattle 2011 Presentation

WordCamp Seattle 2011 Presentation

WordCamp Seattle 2011 Presentation

Caching 101 - WordCamp OC

Caching 101 - WordCamp OC

Caching 101 - WordCamp OC

Word Press Starter Kit: Widget & Plugin

Word Press Starter Kit: Widget & Plugin

Word Press Starter Kit: Widget & Plugin

L’uso di WordPress nella comunicazione corporate di Telecom Italia

L’uso di WordPress nella comunicazione corporate di Telecom Italia

L’uso di WordPress nella comunicazione corporate di Telecom Italia

The WordPress Project; It's all about YOU!

The WordPress Project; It's all about YOU!

The WordPress Project; It's all about YOU!

WordCamp Milwaukee 2012 - Contributing to Open Source

WordCamp Milwaukee 2012 - Contributing to Open Source

WordCamp Milwaukee 2012 - Contributing to Open Source

Future of wordpress in Nashville

Future of wordpress in Nashville

Future of wordpress in Nashville

WordPress APIs

Testing Made Easy

Testing Made Easy

Testing Made Easy

Más de Sara Cannon

We’re all trying to find that idea or spark that will turn a good project into a great project. Creativity plays a huge role in the outcome of our work. Harnessing the power of collaboration and open source, we can make great strides towards excellence. Not just for designers, this talk can be applicable to many different roles – even development. In this talk, Seasoned Creative Director Sara Cannon is going to share some secrets about creative methodology, collaboration, and the strong role that open source can play in our work.

Open Source Creativity

Open Source Creativity

Open Source Creativity

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

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

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

As designers we’re searching for the best – the best method, the best look, the best font. We have a continuous battle to create brands that are unique but that have a longstanding presence. We make tough decisions constantly, question our instincts, and settle. We fight and we strive to make long lasting beautiful, smart and informed design. How do we get there? In this talk, seasoned Creative Director Sara Cannon is going to dive deep into the designers struggle. She’s going to share different processes that can make our work better. We’re going to discuss philosophy, methodology, and execution from the creative mind stand point. Hopefully by the end of the talk, you will be inspired to push your own creative limits and learned some tips on how to get there.

Sara cannon pushing the creative limit

Sara cannon pushing the creative limit

Sara cannon pushing the creative limit

In art class we were taught to copy the masters such as Da Vinci, Van Gough, and Caravaggio. This taught us skills like technique, form, & contrast. The same principle applies to learning any skill – steal from the masters and learn from it. In this design-focused talk, we’re going to explore a few methods of sharpening our skills and intuition. Design, code, & user experience can all be improved when we take a deeper look into successful implementations. We’ll analyze some methods and steal a few things along the way – learning how to truly make it our own.

Learning Through Stealing - How to Become Better At Your Craft

Learning Through Stealing - How to Become Better At Your Craft

Learning Through Stealing - How to Become Better At Your Craft

WordPress & User Experience “WordPress has a long standing history of providing a good user experience. Publishers, site owners, content editors, all have been able to benefit from the ease of use of the admin. In this talk, we’re going to take a deeper look into the experience of the WordPress admin - how we can extend WordPress to make publishing content a breeze, and how a few changes to the way we approach the admin, plugins, and themes can help make the experience even better.” THE CURRENT ADMIN EXPERIENCE — Media Library — Distraction Free Writing — Customizer IMPROVING THE ADMIN EXPERIENCE — Drag and drop page reordering — Featured Images Within Columns — Sortable Columns — Editor Styles — Drag & Drop Featured Image THE FUTURE IN WORDPRESS USER EXPERIENCE — Press This Bookmarklet — WP REST API — Admin Themes — Front End Editing

WordPress & User Experience - WordCamp St. Louis

WordPress & User Experience - WordCamp St. Louis

WordPress & User Experience - WordCamp St. Louis

Typography and User Experience - WCSF

Typography and User Experience - WCSF

Typography and User Experience - WCSF

Typography - the most often neglected part of the internet sometimes, but arguably one of the most important. Oliver Reichenstein of information Architects once said that "Web Design is 95% Typography." This holds true. Not only is type use to convey information, but it is also used to navigate and perform tasks. This stat is overwhelming to think about considering how little we actually discuss type in our industry. Type on the web has many roles: it is an interface, a brand, sets tone, and directs the user. Typography has many roles and can either add or take away from User Experience. In this beautiful and exciting talk we’re going to look at various ways type is used, implemented, and dissect the role that it plays in user experience on the web.

Typography and User Experience in Web Design

Typography and User Experience in Web Design

Typography and User Experience in Web Design

Smart Design - Content-first, Fast, Informed, Refined. WordCamp NYC 2014 Fast, simple, SMART. Mobile devices have forever changed the way we interact with content. Now we have to consider many things such as HiDPI graphics, responsive design, speed, UI/UX patterns, touch target sizes, gestures, and more. All while not losing track of what’s important: Content. We’re going to discuss the influence of mobile on design trends and learn implementation techniques of smart design.

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

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

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

SMART DESIGN - icon fonts, svg, and the mobile influence Fast, simple, SMART. Mobile devices have forever changed the way we interact with content. Now we have to consider many things such as HiDPI graphics, responsive design, speed, UI/UX patterns, touch target sizes, gestures, and more. All while not losing track of what’s important: Content. We’re going to discuss the influence of mobile on design trends and learn implementation techniques of smart design such as icon fonts, svg, and other helpful tips.

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

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

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

Web design is not an interactive brochure anymore. Smart mobile devices have forever changed the way we think and interact with websites. Now you have to consider an array of things you didn’t have to worry about before, such as HiDPI graphics, UI/UX patterns, touch target sizes, gestures, and managing expectations. All the while not losing track of what’s important: Content. We’re going to discuss the influence of mobile on design, trends, and implementation methods, as well as how touch is changing our lives. As designers and developers, we can benefit from learning about how mobile is changing the way we interact with websites, and what that means for the future of UI.

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

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

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

Are you a Designer or a Developer or both? – This talk will explore myths & preconceptions about roles.. And how when we push these boundaries, we can achieve greater things. Because, if you understand what you’re trying to accomplish both technically and visually, you will have fantastic a outcome. We’ll touch on “crossover” (golden unicorn) topics such as UI, UX, trusting instincts, user testing, wire framing, information architecture, typography, front end structure, form, and the mindset we need to have in order to challenge both sides of our brain. WordPress is a great place to put this into practice: as its a perfect environment for leaning php & css, but also its surrounding community support helps us achieve greatness. Weather you consider yourself a Designer, a Developer, or both: this talk is for you.

Designer vs Developer: BE THE UNICORN

Designer vs Developer: BE THE UNICORN

Designer vs Developer: BE THE UNICORN

This talk will explore myths & preconceptions about roles.. When we push these boundaries, we can achieve greater things. If you understand what you’re trying to accomplish both technically and visually, you will have fantastic a outcome. We’ll touch on “crossover”(golden unicorn) topics such as UI, UX, trusting instincts, user testing, wire framing, information architecture, front end structure, and form. WordPress is a great place to put this into practice: as its a perfect environment for leaning php,css, but also its surrounding community support helps us achieve greatness.

Designer vs Developer: Creators in WordPress

Designer vs Developer: Creators in WordPress

Designer vs Developer: Creators in WordPress

Websites are all about content. People can access your content many different ways and formats with mobile devices, iPads, phones, etc. The questions are: how can we maintain control over the display of our content and keep our brand consistent? How can we try to provide the best user experience on any platform? Enter Responsive Web Design. Many experts are not leaning on one static design but on structured content that adapts to its given environment. In this talk, we are going to take a look at responsive web design techniques out there including: progressive enhancement, flexible grids, media queries, flexible images & video, & other methods of implementation.

Responsive Design

Responsive Design

Responsive Design

Font Swoon - Advanced Web Typography

Font Swoon - Advanced Web Typography

Font Swoon - Advanced Web Typography

Typography on the Web

Typography on the Web

Typography on the Web

Beyond the System Font - Advanced Web Typography

Beyond the System Font - Advanced Web Typography

Beyond the System Font - Advanced Web Typography

Interested in customizing themes to fit your needs and design? We'll be using the new default WordPress theme Twentyten as a base for looking at best practices and how to's for theme customization. We will demonstrate how to make a child theme and what are some good standard practices that you should know to keep your new theme healthy and update-able in order to save you time as well as keep it relevant in the future.

Customizing WordPress Themes / Child Themes - WordCamp Savannah 2010

Customizing WordPress Themes / Child Themes - WordCamp Savannah 2010

Customizing WordPress Themes / Child Themes - WordCamp Savannah 2010

Wordpress and Your Brand

What is the first thing someone does when they hear about a company or organization? Go to their website! The internet is one of the first encounters someone might have with a company and their brand. Interactive branding can be a very important first impression. Sara Cannon from Scout Branding Company will be speaking about the importance of brand consistency in a web presence. Points that will be touched on are: * The importance of web typography for your brand * Function/searchability vs. aesthetic * CSS Web Typorgaphy Tips * Cufon vs. sIFR vs. FLIR

Interactive Branding Web Type Tips.Key

Interactive Branding Web Type Tips.Key

Interactive Branding Web Type Tips.Key

Web Typography Tips

Web Typography Tips

Web Typography Tips

Más de Sara Cannon (20)

Open Source Creativity

Open Source Creativity

Open Source Creativity

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

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

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

Sara cannon pushing the creative limit

Sara cannon pushing the creative limit

Sara cannon pushing the creative limit

Learning Through Stealing - How to Become Better At Your Craft

Learning Through Stealing - How to Become Better At Your Craft

Learning Through Stealing - How to Become Better At Your Craft

WordPress & User Experience - WordCamp St. Louis

WordPress & User Experience - WordCamp St. Louis

WordPress & User Experience - WordCamp St. Louis

Typography and User Experience - WCSF

Typography and User Experience - WCSF

Typography and User Experience - WCSF

Typography and User Experience in Web Design

Typography and User Experience in Web Design

Typography and User Experience in Web Design

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

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

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

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

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

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

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

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

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

Designer vs Developer: BE THE UNICORN

Designer vs Developer: BE THE UNICORN

Designer vs Developer: BE THE UNICORN

Designer vs Developer: Creators in WordPress

Designer vs Developer: Creators in WordPress

Designer vs Developer: Creators in WordPress

Responsive Design

Responsive Design

Responsive Design

Font Swoon - Advanced Web Typography

Font Swoon - Advanced Web Typography

Font Swoon - Advanced Web Typography

Typography on the Web

Typography on the Web

Typography on the Web

Beyond the System Font - Advanced Web Typography

Beyond the System Font - Advanced Web Typography

Beyond the System Font - Advanced Web Typography

Customizing WordPress Themes / Child Themes - WordCamp Savannah 2010

Customizing WordPress Themes / Child Themes - WordCamp Savannah 2010

Customizing WordPress Themes / Child Themes - WordCamp Savannah 2010

Wordpress and Your Brand

Interactive Branding Web Type Tips.Key

Interactive Branding Web Type Tips.Key

Interactive Branding Web Type Tips.Key

Web Typography Tips

Web Typography Tips

Web Typography Tips

Último

GenCyber Cyber Security Day Presentation

GenCyber Cyber Security Day Presentation

GenCyber Cyber Security Day Presentation

Michael W. Hawkins

Evaluating the top large language models.pdf

Evaluating the top large language models.pdf

Evaluating the top large language models.pdf

ChristopherTHyatt

Automating Google Workspace (GWS) & more with Apps Script

Automating Google Workspace (GWS) & more with Apps Script

Automating Google Workspace (GWS) & more with Apps Script

How to Troubleshoot Apps for the Modern Connected Worker

How to Troubleshoot Apps for the Modern Connected Worker

How to Troubleshoot Apps for the Modern Connected Worker

Building Digital Trust in a Digital Economy Veronica Tan, Director - Cyber Security Agency of Singapore Apidays Singapore 2024: Connecting Customers, Business and Technology (April 17 & 18, 2024) ------ Check out our conferences at https://www.apidays.global/ Do you want to sponsor or talk at one of our conferences? https://apidays.typeform.com/to/ILJeAaV8 Learn more on APIscene, the global media made by the community for the community: https://www.apiscene.io Explore the API ecosystem with the API Landscape: https://apilandscape.apiscene.io/

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

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

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

Strategies for Landing an Oracle DBA Job as a Fresher

Strategies for Landing an Oracle DBA Job as a Fresher

Strategies for Landing an Oracle DBA Job as a Fresher

Remote DBA Services

How to Troubleshoot Apps for the Modern Connected Worker

How to Troubleshoot Apps for the Modern Connected Worker

How to Troubleshoot Apps for the Modern Connected Worker

Data Cloud, More than a CDP by Matt Robison

Data Cloud, More than a CDP by Matt Robison

Data Cloud, More than a CDP by Matt Robison

Anna Loughnan Colquhoun

How to convert PDF to text with Nanonets

How to convert PDF to text with Nanonets

How to convert PDF to text with Nanonets

Presentation on how to chat with PDF using ChatGPT code interpreter

Presentation on how to chat with PDF using ChatGPT code interpreter

Presentation on how to chat with PDF using ChatGPT code interpreter

Tech Trends Report 2024 Future Today Institute.pdf

Tech Trends Report 2024 Future Today Institute.pdf

Tech Trends Report 2024 Future Today Institute.pdf

The Raspberry Pi 5 was announced on October 2023. This new version of the popular embedded device comes with a new iteration of Broadcom’s VideoCore GPU platform, and was released with a fully open source driver stack, developed by Igalia. The presentation will discuss some of the major changes required to support this new Video Core iteration, the challenges we faced in the process and the solutions we provided in order to deliver conformant OpenGL ES and Vulkan drivers. The talk will also cover the next steps for the open source Raspberry Pi 5 graphics stack. (c) Embedded Open Source Summit 2024 April 16-18, 2024 Seattle, Washington (US) https://events.linuxfoundation.org/embedded-open-source-summit/ https://eoss24.sched.com/event/1aBEx

Raspberry Pi 5: Challenges and Solutions in Bringing up an OpenGL/Vulkan Driv...

Raspberry Pi 5: Challenges and Solutions in Bringing up an OpenGL/Vulkan Driv...

Raspberry Pi 5: Challenges and Solutions in Bringing up an OpenGL/Vulkan Driv...

Sara Mae O’Brien Scott and Tatiana Baquero Cakici, Senior Consultants at Enterprise Knowledge (EK), presented “AI Fast Track to Search-Focused AI Solutions” at the Information Architecture Conference (IAC24) that took place on April 11, 2024 in Seattle, WA. In their presentation, O’Brien-Scott and Cakici focused on what Enterprise AI is, why it is important, and what it takes to empower organizations to get started on a search-based AI journey and stay on track. The presentation explored the complexities of enterprise search challenges and how IA principles can be leveraged to provide AI solutions through the use of a semantic layer. O’Brien-Scott and Cakici showcased a case study where a taxonomy, an ontology, and a knowledge graph were used to structure content at a healthcare workforce solutions organization, providing personalized content recommendations and increasing content findability. In this session, participants gained insights about the following: Most common types of AI categories and use cases; Recommended steps to design and implement taxonomies and ontologies, ensuring they evolve effectively and support the organization’s search objectives; Taxonomy and ontology design considerations and best practices; Real-world AI applications that illustrated the value of taxonomies, ontologies, and knowledge graphs; and Tools, roles, and skills to design and implement AI-powered search solutions.

IAC 2024 - IA Fast Track to Search Focused AI Solutions

IAC 2024 - IA Fast Track to Search Focused AI Solutions

IAC 2024 - IA Fast Track to Search Focused AI Solutions

Enterprise Knowledge

The 7 Things I Know About Cyber Security After 25 Years | April 2024

The 7 Things I Know About Cyber Security After 25 Years | April 2024

The 7 Things I Know About Cyber Security After 25 Years | April 2024

Finology Group – Insurtech Innovation Award 2024

Finology Group – Insurtech Innovation Award 2024

Finology Group – Insurtech Innovation Award 2024

The Digital Insurer

Enterprise Knowledge’s Urmi Majumder, Principal Data Architecture Consultant, and Fernando Aguilar Islas, Senior Data Science Consultant, presented "Driving Behavioral Change for Information Management through Data-Driven Green Strategy" on March 27, 2024 at Enterprise Data World (EDW) in Orlando, Florida. In this presentation, Urmi and Fernando discussed a case study describing how the information management division in a large supply chain organization drove user behavior change through awareness of the carbon footprint of their duplicated and near-duplicated content, identified via advanced data analytics. Check out their presentation to gain valuable perspectives on utilizing data-driven strategies to influence positive behavioral shifts and support sustainability initiatives within your organization. In this session, participants gained answers to the following questions: - What is a Green Information Management (IM) Strategy, and why should you have one? - How can Artificial Intelligence (AI) and Machine Learning (ML) support your Green IM Strategy through content deduplication? - How can an organization use insights into their data to influence employee behavior for IM? - How can you reap additional benefits from content reduction that go beyond Green IM?

Driving Behavioral Change for Information Management through Data-Driven Gree...

Driving Behavioral Change for Information Management through Data-Driven Gree...

Driving Behavioral Change for Information Management through Data-Driven Gree...

Enterprise Knowledge

🐬 The future of MySQL is Postgres 🐘

🐬 The future of MySQL is Postgres 🐘

🐬 The future of MySQL is Postgres 🐘

Axa Assurance Maroc - Insurer Innovation Award 2024

Axa Assurance Maroc - Insurer Innovation Award 2024

Axa Assurance Maroc - Insurer Innovation Award 2024

The Digital Insurer

Scaling API-first – The story of a global engineering organization

Scaling API-first – The story of a global engineering organization

Scaling API-first – The story of a global engineering organization

As privacy and data protection regulations evolve rapidly, organizations operating in multiple jurisdictions face mounting challenges to ensure compliance and safeguard customer data. With state-specific privacy laws coming up in multiple states this year, it is essential to understand what their unique data protection regulations will require clearly. How will data privacy evolve in the US in 2024? How to stay compliant? Our panellists will guide you through the intricacies of these states' specific data privacy laws, clarifying complex legal frameworks and compliance requirements. This webinar will review: - The essential aspects of each state's privacy landscape and the latest updates - Common compliance challenges faced by organizations operating in multiple states and best practices to achieve regulatory adherence - Valuable insights into potential changes to existing regulations and prepare your organization for the evolving landscape

TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments

TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments

TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments

Último (20)

GenCyber Cyber Security Day Presentation

GenCyber Cyber Security Day Presentation

GenCyber Cyber Security Day Presentation

Evaluating the top large language models.pdf

Evaluating the top large language models.pdf

Evaluating the top large language models.pdf

Automating Google Workspace (GWS) & more with Apps Script

Automating Google Workspace (GWS) & more with Apps Script

Automating Google Workspace (GWS) & more with Apps Script

How to Troubleshoot Apps for the Modern Connected Worker

How to Troubleshoot Apps for the Modern Connected Worker

How to Troubleshoot Apps for the Modern Connected Worker

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

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

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

Strategies for Landing an Oracle DBA Job as a Fresher

Strategies for Landing an Oracle DBA Job as a Fresher

Strategies for Landing an Oracle DBA Job as a Fresher

How to Troubleshoot Apps for the Modern Connected Worker

How to Troubleshoot Apps for the Modern Connected Worker

How to Troubleshoot Apps for the Modern Connected Worker

Data Cloud, More than a CDP by Matt Robison

Data Cloud, More than a CDP by Matt Robison

Data Cloud, More than a CDP by Matt Robison

How to convert PDF to text with Nanonets

How to convert PDF to text with Nanonets

How to convert PDF to text with Nanonets

Presentation on how to chat with PDF using ChatGPT code interpreter

Presentation on how to chat with PDF using ChatGPT code interpreter

Presentation on how to chat with PDF using ChatGPT code interpreter

Tech Trends Report 2024 Future Today Institute.pdf

Tech Trends Report 2024 Future Today Institute.pdf

Tech Trends Report 2024 Future Today Institute.pdf

Raspberry Pi 5: Challenges and Solutions in Bringing up an OpenGL/Vulkan Driv...

Raspberry Pi 5: Challenges and Solutions in Bringing up an OpenGL/Vulkan Driv...

Raspberry Pi 5: Challenges and Solutions in Bringing up an OpenGL/Vulkan Driv...

IAC 2024 - IA Fast Track to Search Focused AI Solutions

IAC 2024 - IA Fast Track to Search Focused AI Solutions

IAC 2024 - IA Fast Track to Search Focused AI Solutions

The 7 Things I Know About Cyber Security After 25 Years | April 2024

The 7 Things I Know About Cyber Security After 25 Years | April 2024

The 7 Things I Know About Cyber Security After 25 Years | April 2024

Finology Group – Insurtech Innovation Award 2024

Finology Group – Insurtech Innovation Award 2024

Finology Group – Insurtech Innovation Award 2024

Driving Behavioral Change for Information Management through Data-Driven Gree...

Driving Behavioral Change for Information Management through Data-Driven Gree...

Driving Behavioral Change for Information Management through Data-Driven Gree...

🐬 The future of MySQL is Postgres 🐘

🐬 The future of MySQL is Postgres 🐘

🐬 The future of MySQL is Postgres 🐘

Axa Assurance Maroc - Insurer Innovation Award 2024

Axa Assurance Maroc - Insurer Innovation Award 2024

Axa Assurance Maroc - Insurer Innovation Award 2024

Scaling API-first – The story of a global engineering organization

Scaling API-first – The story of a global engineering organization

Scaling API-first – The story of a global engineering organization

TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments

TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments

TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments

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

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

3.

4. dotorgstyleguide.wordpress.com

5.

7. Custom Implementation

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

9.

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)