Design Swoon - Visual Trends & WordPress

•

8 gefällt mir•10,264 views

Dont you just love the latest design trends and techniques? Want to apply them to WordPress using great technique? Or do you just need some inspiration? Come to “Design Swoon” where we will not only look at some of the best design on the web but also parse down technique of implementation with CSS3, HTML5, & WordPress. A designers must-see.

Technologie Business

Design
Swoon
...
@saracannon sara-cannon.com

Sara Cannon
Freelance Artist, Designer,
& WordPress Developer
living in Birmingham, AL

@saracannon

slideshare.net/saracannon

Information
Architecture

is the new strategy

smashingmagazine.com/2009/09/01/35-excellent-
wireframing-resources/

$dangersoffracking.com$

Winter is
winter
coming
Coming
Art by: Chase Kunz society6.com/artist/chasekunz

Never EVER Use
Comic Sans
( It doesn’t matter that you think it’s good for wire-framing )

It’s STILL Not Cool
EVEN If You Think
It Is IRONIC

Sliders are SO
2011
( oh no she DIDN’T! )

web design is
95%
Typography
design = typography = everything

2012
functionality
Information Archicture
content
mobile
movement
simplicity
design

Weitere ähnliche Inhalte

Was ist angesagt?

Webfonts: Demystified

Mel Choyce

WordPress: A Designer's CMS

Chelsea Otakan

Le Wagon - 2h Landing

Boris Paillard

A very brief look at where certain aspects of typography on the web are today — specifically, methods for replacing OS defaults with other typefaces. The slides are guides used for a quick (15-20 minute) talk at Refresh Lauderdale, rather than informational, with the exception of the references section at the end, which includes many great resources for typography in general, as well as for setting type on the web in all forms.

Web Typography: A (Brief) Review

Dan Rubin

Atomic design

Bryan Wengren

In this session, I’ll demonstrate how I pushed my limits in WordPress development by building a custom WordPress slider for a client website. I hope you will be inspired to take on challenging projects even though you might not know the outcome. In this project, I realized that advanced client specs aren’t indomitable; they are catalysts in pushing skills as a person and developer. See talk notes at sarah-moyer.com/presentation-wordcamp-lehigh-valley-2016

Learning by Doing: 10 Lessons in Pushing your WordPress Development Skills

Sarah Moyer

Learn to quickly build a set of icons, a logo, a newsletter banner or even a mockup for your app. We'll cover everything you need to know to build your graphical assets: - Latest and coolest resources for the best pictures, icons, colours, fonts, and patterns. - Demo of Sketch, a popular graphical tool used in startups, to refine your icons, change their colour and shape, export them, and customise any assets (logo, icons, newsletter banner, etc.) - General knowledge about standard UI components and how they are built. - Designer tricks and secrets (how to build a nice shadow? Add a filter to a cover pic? resize pictures with different proportions? Create masks? etc..).

Le Wagon - UI and Design Crash Course

Boris Paillard

Designing in the Browser - Mason Wendell, Drupaldelphia

canarymason

Where are (web) designers going with web fonts?

Scott Boms

Principles Of Web Design Workshop

Gavin Elliott

Controlling Web Typography

Trent Walton

Http _css-tricks

Daniel Downs

Widget areas

WordCamp

Designing in the Browser - Design for Drupal, Boston 2010

canarymason

As a WordPress site owner, I wanted to have more flexibility and control over my content so looked towards custom post types and custom meta fields. This is the journey of how a non-developer learnt to structure post types, custom meta fields, the plugins and libraries I've used to create my sites with and some tips for making the editor more user friendly so all the extra fields don’t feel overwhelming.

Taming your content with custom post types and fields

Carolyn Jones

Drupaldelphia Shortcuts Cheats And Cheap Stunts

canarymason

How to use Canva to create Facebook posts

Evangeline Ren

Le Wagon - UI components design

Boris Paillard

Bad design features

ISM

css and wordpress

umesh patil

Was ist angesagt? (20)

Webfonts: Demystified

WordPress: A Designer's CMS

Le Wagon - 2h Landing

Web Typography: A (Brief) Review

Atomic design

Learning by Doing: 10 Lessons in Pushing your WordPress Development Skills

Le Wagon - UI and Design Crash Course

Designing in the Browser - Mason Wendell, Drupaldelphia

Where are (web) designers going with web fonts?

Principles Of Web Design Workshop

Controlling Web Typography

Http _css-tricks

Widget areas

Designing in the Browser - Design for Drupal, Boston 2010

Taming your content with custom post types and fields

Drupaldelphia Shortcuts Cheats And Cheap Stunts

How to use Canva to create Facebook posts

Le Wagon - UI components design

Bad design features

css and wordpress

Andere mochten auch

Element of design

Rahul Gupta

Line,Plane and Openings

Syed Asif Moshroba

An Introduction to Multisite - WordCamp Phoenix

vegasgeek

Intro to Git

ojtibi

No Fear

cliener

All out in the Cloud - CloudEast 2012

Jan Jongboom

Conquering The Context Conundrum

Daniel Eizans

Mwhackathon 2012

Matthijs van der Meulen

WordCamp Phoenix 2012

Jay Thompson

My lightning talk for the Testing and Automation devroom at FOSDEM 2013: The red/green metaphor to indicate failed/successful jobs may seem obvious but it doesn't scale when trying to visualise the state of a complex system. After discussing the shortcomings of the current approach, we look at ideas for alternative visualisations and start defining requirements. This talk does not claim to have all the answers; It is a call for action, to seek help from the community.

What's our Status?

Dirk Haun

This month we focus in on WebSockets in HTML5 with Brad Drysdale. You're probably aware of the various chat systems around the web (facebook chat for example) but recently there has been more of a desire for other types of interaction using these technologies. Many have requested talks on Node.js, Comet long-polling, or similar technologies. WebSockets are the evolution of these technologies, and a developing standard being progressed by the IETF. The HTML 5 standard specifies new APIs for storage, drawing, drag-and-drop, and other areas that have made web programming painful. Browsers have already begun incorporating parts of HTML 5 (canvas, for example) even though the specification is far from complete. The HTML 5 Communication section includes two additional connectivity features: Server-Sent Events, a standardization of HTTP push, and Web Sockets, a cross-domain safe, full-duplex connection. Server-Sent Events will make real-time updates and notifications easy, and Web Sockets provide the functionality necessary to build chat for the web without the previously required hackery. Come and hear the latest on what this great technology allows! Brad Drysdale is the Technical Director in EMEA for Kaazing. Brad has also worked at Openwave and Netscape Communications in various pre-sales and technical evangelist roles.

Html5 web sockets - Brad Drysdale - London Web 2011-10-20

Nathan O'Hanlon

On Shrink It and Pink It: Designing Experiences for Women

Jessica Ivins

Basic Design : Elements & Principles

Sujit Jadhav

Lispmeetup48 cl-online-learningによる文書分類

Satoshi imai

Building a Responsive Web Design Process

Lydia Whitehead

Presented by Binaebi Akah, Charlene McBride, and Veronica Erb at MidwestUX 2012 in Columbus, Ohio on May 31. Before we begin a design, we must listen—to stakeholders, clients, coworkers, and most of all, our users. Listening and successfully recording what we’ve heard directly effects whether we ultimately succeed with our design. Sketchnotes use a visual language that expands on traditional note taking. Because of the time it takes to enhance notes with arrows and stick figures and fancy lettering, we encourage ourselves to practice the art of listening. As an active sketchnoter, you will better understand, remember, and communicate the information you consume. The sketchnotes themselves are more than a happy byproduct—they can communicate ideas, record user experience research, and enhance our visual language. Participants in this studio workshop will learn sketchnoting techniques and take time to experiment with sketchnoting components. As we practice together, we will share what we’ve learned in both small and full group discussions and exercises. At the end of the session, we will practice with a sketchnoting dry run. What you’ll learn: - Basic elements and practices of sketchnoting (typography, lines, people, color) - How to hear important points of the discussion or event you are recording - How to shape your sketchnote to enhance its message - How sketchnoting can help your UX practice - How to practice and develop your innate ability to draw All beginners and active sketchnoters are welcome to attend. Whether you’re starting from scratch (“I can’t even draw a straight line”) or you’re comfortable with sketchnoting components (“I love drawing, but haven’t figured out how to put it in notes”), this studio workshop will provide you with dedicated practice time and a group of folks to exchange questions and ideas. We are here to help you adopt a method that will improve the way you understand concepts and solve problems. Come begin the journey to find your sketchnote style!

Let's Sketchnote — MidwestUX 2012

Veronica Erb

Tone - an element of Art & Design

Neith Moore

Community at Scale

Lydia Pintscher

Primary elements of form

AJstar26

Looking for ways to grow your email list? I've got 60! Get ideas and strategies to capture new contacts, grow your list and take action to help move your business forward. Having an interested and qualified list of contacts, that you can stay top of mind with, is vital to every business. Continuing to grow that list is just as important. In this webinar I will show you 60 easy ways to grow your contact list. Here's what I will cover: * Why someone should join your contact list and what's in it for them * How to ask people to join your list "face-to-face" * How to use social media to grow your list * How to grow your list on your website or blog * How to use print material to get people to sign up * How to use events to help grow your list * How to use incentives and giveaways to grow your list

60 Ways To Grow Your Email List

Vanessa CEO

Andere mochten auch (20)

Element of design

Line,Plane and Openings

An Introduction to Multisite - WordCamp Phoenix

Intro to Git

No Fear

All out in the Cloud - CloudEast 2012

Conquering The Context Conundrum

Mwhackathon 2012

WordCamp Phoenix 2012

What's our Status?

Html5 web sockets - Brad Drysdale - London Web 2011-10-20

On Shrink It and Pink It: Designing Experiences for Women

Basic Design : Elements & Principles

Lispmeetup48 cl-online-learningによる文書分類

Building a Responsive Web Design Process

Let's Sketchnote — MidwestUX 2012

Tone - an element of Art & Design

Community at Scale

Primary elements of form

60 Ways To Grow Your Email List

Ähnlich wie Design Swoon - Visual Trends & WordPress

Prophets trends in Interactive Design 2012

Prophets Agency

Prophets trends-in-interactive-design

Robert Kostka-Zawadzki

Web design trends for 2010 by Tijs Vrolix

LucianoQuero

Web Design Book of Trend 2013 - 2014

Jessie Doan

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

Design Swoon - Visual Trends & WordPress

Empfohlen

Empfohlen

Weitere ähnliche Inhalte

Was ist angesagt?

Was ist angesagt? (20)

Andere mochten auch

Andere mochten auch (20)

Ähnlich wie Design Swoon - Visual Trends & WordPress

Ähnlich wie Design Swoon - Visual Trends & WordPress (20)

Mehr von Sara Cannon

Mehr von Sara Cannon (20)

Kürzlich hochgeladen

Kürzlich hochgeladen (20)

Design Swoon - Visual Trends & WordPress