SlideShare a Scribd company logo
Let’s Build Something [email_address] Web Services Manager, ICI @coburnicus tweet this at #aucd_web These slides can be found at:
Our Task We are going to build a website to share the work we do here today. The slides, tweets and connect those people who attended.
Requirements  Accessible Responsive No programming (it’s Sunday morning) Cost Nothing (I forgot my wallet). Needs to be done in less than 2 hours.
 

Recommended for you

Wordpress 101 Training
Wordpress 101 TrainingWordpress 101 Training
Wordpress 101 Training

The document provides an overview of Google's Marketing Bootcamp on using WordPress. It covers topics like why to use WordPress, basic concepts like posts and pages, hosting options, the WordPress admin panel, adding and managing content, using plugins and themes to extend WordPress functionality, and how to create your own WordPress theme. The bootcamp aims to teach marketers the fundamentals of using the popular WordPress content management platform.

wordpresscustomizationdeveloper plugins
Blogging 101 - Zemanta NYC Meetup
Blogging 101 - Zemanta NYC MeetupBlogging 101 - Zemanta NYC Meetup
Blogging 101 - Zemanta NYC Meetup

The document provides guidance on starting a blog, including why to blog, platform choices, basics of blogging, search engine optimization (SEO), and social media integration. It recommends choosing a blogging platform like WordPress, coming up with a posting schedule, and focusing on creating simple, shareable posts with images, links, and calls to action. Examples of post types given include interviews, industry trends, and customer profiles. The document also provides tips on using social media to promote posts and engage other bloggers, as well as recommendations for plugins and tools to use.

blog toolsblog platformsblog plugins
Blogger to WordPress Migration
Blogger to WordPress MigrationBlogger to WordPress Migration
Blogger to WordPress Migration

Instructions on Why, When and How to Move your Blogger Blog to WordPress. Presentation for BarkWorld 2013.

blogger to wordpress migrationmove blogger site to wordpress
Our toolbox Chrome web browser That’s it. Just Chrome
Using Chrome Chrome Element Inspector (comes with it) Web Developer tool bar (dev’s best friend)  Eye Dropper ext for color values Pixlr for light graphics editing
Accessibility  Text “ Web accessibility refers to the  inclusive practice  of making websites usable by  people  of all abilities and disabilities. When sites a re correctly  designed, developed and edited, all users can have equal access to information and functionality.” - http://en.wikipedia.org/wiki/Web_acces sibility
Degrading Gracefully “ I like an escalator because an escalator can never break, it can only become stairs. There would never be an escalator temporarily out of order sign, only an escalator temporarily stairs. Sorry for the convenience.” - Mitch Hedberg

Recommended for you

Blogging 201: From Blank Slate to Blog in Under an Hour
Blogging 201: From Blank Slate to Blog in Under an HourBlogging 201: From Blank Slate to Blog in Under an Hour
Blogging 201: From Blank Slate to Blog in Under an Hour

So you\'ve decided to start a blog, but aren\'t sure where to begin (or even what platform to use)? This session will start with a comparison of some of the most popular blogging platforms and then walk through step-by-step instructions to get you set up in no time! (I am also holding Blogging 101 and Blogging 301 sessions if you\'re not sure if blogging is right for you, or if you already have a blog and are looking for more advanced advice.) This will be presented live on 12/12 - http://anyvite.com/events/home/6omohiadjn

bloggingsocial_marketingsocial_media
Webinar: On-Page SEO Tips and Tricks
Webinar: On-Page SEO Tips and TricksWebinar: On-Page SEO Tips and Tricks
Webinar: On-Page SEO Tips and Tricks

Jon Hershaw of Raven Internet Marketing Tools and WP Engine's David Vogelpohl share numerous tips and tricks for boosting SEO.

seowp enginewordpress
Kick start your career with WordPress
Kick start your career with WordPressKick start your career with WordPress
Kick start your career with WordPress

WordPress is free and open source web software used to create websites. It started as a blogging platform but can now be used to build any type of website. Over 70 million websites use WordPress, including 53.8% of the top 10 million websites. WordPress allows users to customize websites using themes, plugins, and content management. Careers can be built as WordPress consultants, theme/plugin developers, web designers, bloggers, and more.

WCAG 2.0 Perceivable, Operable, Understandable, Robust  http://www.w3.org/TR/WCAG20/ Spoiler Alert: It’s really boring.  Like 13,967 words boring.
Accessibility  The best strategy is probably not to learn to build accessible websites... ...It’s probably better to learn how to pick stuff built by people who do know how to build accessible websites
Platform requirements Accessible Hosted/Managed  Customizable Robust (plugins, social goodies) Base mode is free
Platform Options SquareSpace Drupal (via Drupal Garden) Blogger Wordpress

Recommended for you

John Overall at Word Camp Victoria 2011
John Overall at Word Camp Victoria 2011John Overall at Word Camp Victoria 2011
John Overall at Word Camp Victoria 2011

This document discusses 9 popular WordPress plugins that can enhance a website: WP-Touch makes websites mobile-friendly with a few simple settings. WordBooker and Twitter Blog easily connect websites to Facebook and Twitter with automated updates. Gravity Forms allows easy creation of forms. Mail Press manages email lists and subscriptions. Blubrry Power Press easily adds podcasts. XML Sitemaps and iRobots.txt help with search engine optimization. Headspace 2 allows control over SEO. These plugins can help improve websites with usability and marketing features.

wordpresspodcastingwordcamp
Refresh WordPress Beginner Workshop
Refresh WordPress Beginner WorkshopRefresh WordPress Beginner Workshop
Refresh WordPress Beginner Workshop

Slides used in WordPress Beginner Workship at University of Miami on April 9th, 2011. Presenter was David Bisset (@dimensionmedia).

wordpressdavid bissetrefresh miami
Don't sh** in the Pool
Don't sh** in the PoolDon't sh** in the Pool
Don't sh** in the Pool

This document provides an overview of common poor coding practices in WordPress development that can negatively impact compatibility and user experience. It discusses examples like directly modifying core WordPress scripts, directly printing scripts and stylesheets rather than using the enqueue system, and encourages developers to avoid these practices to prevent breaking other plugins, themes or WordPress itself. The presentation aims to make developers aware of these issues and how to develop code that is more considerate of other code on the site.

wordpressphpstandards
Platform Eliminations SquareSpace (not free) Drupal (immature, not responsive) Blogger (Not robust enough) Wordpress (You’re the one for us)
Is WordPress Accessible?  You could run WCAG, Bobby, 508 tests You learn how to read code and test or Let me google that for you.
Responsive Design Coined by Ethan Marcotte One codebase that “responds” to the screensize and capabilities of a device. It’s important because less and less of browsing is on traditional computers. www.bostonglobe.com
Wordpress Themes Our requirements: Customizable (for branding) Responsive  (for devices and general-badassery™)

Recommended for you

Accessibility With WordPress: Accessing Higher Ground 2014
Accessibility With WordPress: Accessing Higher Ground 2014Accessibility With WordPress: Accessing Higher Ground 2014
Accessibility With WordPress: Accessing Higher Ground 2014

Where WordPress and Accessibility meet today. Presentation from November 2014 for Accessing Higher Ground

a11ywordpressaccessibility
Word press guide_-_makeuseof.com
Word press guide_-_makeuseof.comWord press guide_-_makeuseof.com
Word press guide_-_makeuseof.com

This document provides an overview and guide to using WordPress as a content management system for blogging and websites. It discusses why WordPress is a popular choice, the differences between WordPress.org and WordPress.com, hosting and installation options, basic operations like writing posts and adding images/videos, SEO, photo galleries, blog promotion, monetization, backups, optimization for high traffic, and more. The guide is intended to help readers get started with WordPress and understand its key features and functionality.

wordpressguide
Weaving Your Way With Widgets & Plugins
Weaving Your Way With Widgets & PluginsWeaving Your Way With Widgets & Plugins
Weaving Your Way With Widgets & Plugins

This document provides summaries of various WordPress plugins that can improve website security, performance, social sharing capabilities, and SEO. It recommends installing plugins like Better WordPress Security, WordPress File Monitor Plus, WP Database Backup, and BulletProof Security to enhance security. Other suggested plugins include Quick Cache and WP jQuery CDN to improve page speed, Sociable for social sharing buttons, and SEO Ultimate and BWP Google XML Sitemaps for SEO optimization. The document also discusses plugins for customizing the TinyMCE editor, adding contact forms, analytics tracking, and more.

"widgets" "plugins" "wordpress"
Customize Header Strip out what isn’t needed Change images to match our brand We can use  Pixlr , a free web app to do very light graphics ending.
Customize Background Colors for branding Patterns are ...fun I guess
Customize Layout How Many columns? Use sidebar for social media goodness
Widgets  Use them sparingly for effectiveness  I think twitter makes a nice news feed or conversation tool.

Recommended for you

Introduction to WordPress Class 1
Introduction to WordPress Class 1Introduction to WordPress Class 1
Introduction to WordPress Class 1

This document provides an overview of WordPress, including that it is a free and open-source content management system based on PHP and MySQL that allows users to create blogs and websites. It discusses WordPress' history and features, how it works architecturally, different types of blogs, and options for automatic or manual installation on a local server or hosting provider. The document also reviews blogging basics and conducting oneself as a blogger.

wordpressclassintroduction
Why use wordpress- ACP
Why use wordpress- ACPWhy use wordpress- ACP
Why use wordpress- ACP

WordPress is an open-source content management system that allows for flexible publishing across multiple platforms. It has many features and plugins that provide functionality beyond basic blogging. WordPress powers over 13% of the top 1 million websites and has a large community for support and customization. Its flexibility, wide range of plugins, and large user base make it a good option for content publishers.

Setting up a Blog with WordPress.com
Setting up a Blog with WordPress.comSetting up a Blog with WordPress.com
Setting up a Blog with WordPress.com

The document provides instructions for creating a blog using WordPress.com. It explains that WordPress.com is for hosting blogs online while WordPress.org is for self-hosting. The sign up process involves choosing a blog address and name, and setting the privacy settings. Various WordPress dashboard and page/post creation functions are outlined, including adding media, previewing, and publishing content. Resources for additional help are also listed.

wordpress
Add pages Use Order to place them in menu Use “Parent” to create dropdowns Use the more subtle “share button”
Make a page  “the front page” hack “the front page” hack Give the page you want to be the front page no title. Under Settings -> Reading pick the blank page
Let’s make this a social web app I heard those are hot now Many services play nice with each other Its done with something called API’s Application Programming Interface Wordpress also uses something called “short codes”  http://en.support.wordpress.com/shortcodes/
Wufoo It’s a easy way to collect data We’ll use it to collect the names, twitter handles, home states, and emails of all of us. Then we’ll use short codes to import into WordPress. For extra credit we will connect it to another service (MailChimp).  Why not?

Recommended for you

Wordpress for Beginners: 10 Must Knows
Wordpress for Beginners: 10 Must KnowsWordpress for Beginners: 10 Must Knows
Wordpress for Beginners: 10 Must Knows

New to WordPress? Don't worry. This presentation helps you to understand every aspect of the most used blogging platform - WordPress. We've also prepared an infographic with all the keyboard shortcuts in WordPress. This is very useful for anyone having a WordPress blog or website. You can check it here: https://www.techwyse.com/blog/website-design/wordpress-tips/

wordpressshortcutswordpresstipswordpress
Setting up a blog with WordPress.com Jan 2014 Class
Setting up a blog with WordPress.com Jan 2014 ClassSetting up a blog with WordPress.com Jan 2014 Class
Setting up a blog with WordPress.com Jan 2014 Class

The document provides an overview of creating a blog with WordPress.com. It discusses that WordPress.com is for hosted blogs while WordPress.org is for self-hosted websites. It then covers the basics of what a blog post is, how to set up an account and create posts on WordPress.com, and includes various formatting options available for blog posts.

wordpressfree blogblogging
Professional web development with libraries
Professional web development with librariesProfessional web development with libraries
Professional web development with libraries

A brownbag presentation at IPC media in London about the need to use libraries to make web development much less random and more professional. Get the audio at: http://www.archive.org/details/ProfessionalWebDevelopmentWithLibraries

browersf2eprofessionalism
Extra Extra Credit Now we’ll export the data from wufoo and import it into Google Fusion Tables. Then we’ll visualize it over a map of the US.
Fin. website and slides at icidemo.wordpress.com I am @coburnicus on twitter  Disclaimer: I am a very foul-mouthed twitter user. email  [email_address]

More Related Content

What's hot

Birthing a Child Theme - WordCamp Scranton
Birthing a Child Theme - WordCamp ScrantonBirthing a Child Theme - WordCamp Scranton
Birthing a Child Theme - WordCamp Scranton
Lauren Pittenger
 
Making Wordpress Work For You: Tips And Tricks
Making Wordpress Work For You: Tips And TricksMaking Wordpress Work For You: Tips And Tricks
Making Wordpress Work For You: Tips And Tricks
aboriginalwealt33
 
EdTech Training by AG
EdTech Training by AGEdTech Training by AG
EdTech Training by AG
aysegulgezek
 
Wordpress 101 Training
Wordpress 101 TrainingWordpress 101 Training
Wordpress 101 Training
Happy Marketer
 
Blogging 101 - Zemanta NYC Meetup
Blogging 101 - Zemanta NYC MeetupBlogging 101 - Zemanta NYC Meetup
Blogging 101 - Zemanta NYC Meetup
Zemanta
 
Blogger to WordPress Migration
Blogger to WordPress MigrationBlogger to WordPress Migration
Blogger to WordPress Migration
New Tricks
 
Blogging 201: From Blank Slate to Blog in Under an Hour
Blogging 201: From Blank Slate to Blog in Under an HourBlogging 201: From Blank Slate to Blog in Under an Hour
Blogging 201: From Blank Slate to Blog in Under an Hour
Adam Gartenberg
 
Webinar: On-Page SEO Tips and Tricks
Webinar: On-Page SEO Tips and TricksWebinar: On-Page SEO Tips and Tricks
Webinar: On-Page SEO Tips and Tricks
WP Engine
 
Kick start your career with WordPress
Kick start your career with WordPressKick start your career with WordPress
Kick start your career with WordPress
Jignasa Naik
 
John Overall at Word Camp Victoria 2011
John Overall at Word Camp Victoria 2011John Overall at Word Camp Victoria 2011
John Overall at Word Camp Victoria 2011
John Overall
 
Refresh WordPress Beginner Workshop
Refresh WordPress Beginner WorkshopRefresh WordPress Beginner Workshop
Refresh WordPress Beginner Workshop
David Bisset
 
Don't sh** in the Pool
Don't sh** in the PoolDon't sh** in the Pool
Don't sh** in the Pool
Chris Jean
 
Accessibility With WordPress: Accessing Higher Ground 2014
Accessibility With WordPress: Accessing Higher Ground 2014Accessibility With WordPress: Accessing Higher Ground 2014
Accessibility With WordPress: Accessing Higher Ground 2014
Joseph Dolson
 
Word press guide_-_makeuseof.com
Word press guide_-_makeuseof.comWord press guide_-_makeuseof.com
Word press guide_-_makeuseof.com
Tan Pham
 
Weaving Your Way With Widgets & Plugins
Weaving Your Way With Widgets & PluginsWeaving Your Way With Widgets & Plugins
Weaving Your Way With Widgets & Plugins
VizRED
 
Introduction to WordPress Class 1
Introduction to WordPress Class 1Introduction to WordPress Class 1
Introduction to WordPress Class 1
Adrian Mikeliunas
 
Why use wordpress- ACP
Why use wordpress- ACPWhy use wordpress- ACP
Why use wordpress- ACP
Al Davis
 
Setting up a Blog with WordPress.com
Setting up a Blog with WordPress.comSetting up a Blog with WordPress.com
Setting up a Blog with WordPress.com
Eileen Lonergan
 
Wordpress for Beginners: 10 Must Knows
Wordpress for Beginners: 10 Must KnowsWordpress for Beginners: 10 Must Knows
Wordpress for Beginners: 10 Must Knows
TechWyseInternetMarketing
 
Setting up a blog with WordPress.com Jan 2014 Class
Setting up a blog with WordPress.com Jan 2014 ClassSetting up a blog with WordPress.com Jan 2014 Class
Setting up a blog with WordPress.com Jan 2014 Class
Eileen Lonergan
 

What's hot (20)

Birthing a Child Theme - WordCamp Scranton
Birthing a Child Theme - WordCamp ScrantonBirthing a Child Theme - WordCamp Scranton
Birthing a Child Theme - WordCamp Scranton
 
Making Wordpress Work For You: Tips And Tricks
Making Wordpress Work For You: Tips And TricksMaking Wordpress Work For You: Tips And Tricks
Making Wordpress Work For You: Tips And Tricks
 
EdTech Training by AG
EdTech Training by AGEdTech Training by AG
EdTech Training by AG
 
Wordpress 101 Training
Wordpress 101 TrainingWordpress 101 Training
Wordpress 101 Training
 
Blogging 101 - Zemanta NYC Meetup
Blogging 101 - Zemanta NYC MeetupBlogging 101 - Zemanta NYC Meetup
Blogging 101 - Zemanta NYC Meetup
 
Blogger to WordPress Migration
Blogger to WordPress MigrationBlogger to WordPress Migration
Blogger to WordPress Migration
 
Blogging 201: From Blank Slate to Blog in Under an Hour
Blogging 201: From Blank Slate to Blog in Under an HourBlogging 201: From Blank Slate to Blog in Under an Hour
Blogging 201: From Blank Slate to Blog in Under an Hour
 
Webinar: On-Page SEO Tips and Tricks
Webinar: On-Page SEO Tips and TricksWebinar: On-Page SEO Tips and Tricks
Webinar: On-Page SEO Tips and Tricks
 
Kick start your career with WordPress
Kick start your career with WordPressKick start your career with WordPress
Kick start your career with WordPress
 
John Overall at Word Camp Victoria 2011
John Overall at Word Camp Victoria 2011John Overall at Word Camp Victoria 2011
John Overall at Word Camp Victoria 2011
 
Refresh WordPress Beginner Workshop
Refresh WordPress Beginner WorkshopRefresh WordPress Beginner Workshop
Refresh WordPress Beginner Workshop
 
Don't sh** in the Pool
Don't sh** in the PoolDon't sh** in the Pool
Don't sh** in the Pool
 
Accessibility With WordPress: Accessing Higher Ground 2014
Accessibility With WordPress: Accessing Higher Ground 2014Accessibility With WordPress: Accessing Higher Ground 2014
Accessibility With WordPress: Accessing Higher Ground 2014
 
Word press guide_-_makeuseof.com
Word press guide_-_makeuseof.comWord press guide_-_makeuseof.com
Word press guide_-_makeuseof.com
 
Weaving Your Way With Widgets & Plugins
Weaving Your Way With Widgets & PluginsWeaving Your Way With Widgets & Plugins
Weaving Your Way With Widgets & Plugins
 
Introduction to WordPress Class 1
Introduction to WordPress Class 1Introduction to WordPress Class 1
Introduction to WordPress Class 1
 
Why use wordpress- ACP
Why use wordpress- ACPWhy use wordpress- ACP
Why use wordpress- ACP
 
Setting up a Blog with WordPress.com
Setting up a Blog with WordPress.comSetting up a Blog with WordPress.com
Setting up a Blog with WordPress.com
 
Wordpress for Beginners: 10 Must Knows
Wordpress for Beginners: 10 Must KnowsWordpress for Beginners: 10 Must Knows
Wordpress for Beginners: 10 Must Knows
 
Setting up a blog with WordPress.com Jan 2014 Class
Setting up a blog with WordPress.com Jan 2014 ClassSetting up a blog with WordPress.com Jan 2014 Class
Setting up a blog with WordPress.com Jan 2014 Class
 

Similar to Aucd ppt

Professional web development with libraries
Professional web development with librariesProfessional web development with libraries
Professional web development with libraries
Christian Heilmann
 
Adapting to a Responsive Design at Untangle the Web on 29th July 2013
Adapting to a Responsive Design at Untangle the Web on 29th July 2013Adapting to a Responsive Design at Untangle the Web on 29th July 2013
Adapting to a Responsive Design at Untangle the Web on 29th July 2013
Matt Gibson
 
iWeb NJECC June 28, 2011 DAndrea
iWeb NJECC June 28, 2011 DAndreaiWeb NJECC June 28, 2011 DAndrea
iWeb NJECC June 28, 2011 DAndrea
D'Andrea
 
Startup Institute NYC: Styling
Startup Institute NYC: StylingStartup Institute NYC: Styling
Startup Institute NYC: Styling
Matthew Gerrior
 
Creating Websites and Blogs that Boost Your Bottom Line, 2013 pubu 801, Shann...
Creating Websites and Blogs that Boost Your Bottom Line, 2013 pubu 801, Shann...Creating Websites and Blogs that Boost Your Bottom Line, 2013 pubu 801, Shann...
Creating Websites and Blogs that Boost Your Bottom Line, 2013 pubu 801, Shann...
BookWise Design
 
WordCamp Greenville 2018 - Beware the Dark Side, or an Intro to Development
WordCamp Greenville 2018 - Beware the Dark Side, or an Intro to DevelopmentWordCamp Greenville 2018 - Beware the Dark Side, or an Intro to Development
WordCamp Greenville 2018 - Beware the Dark Side, or an Intro to Development
Evan Mullins
 
Responsive web design & mobile web development - a technical and business app...
Responsive web design & mobile web development - a technical and business app...Responsive web design & mobile web development - a technical and business app...
Responsive web design & mobile web development - a technical and business app...
Atos_Worldline
 
Skill Session - Web Multi Device
Skill Session - Web Multi DeviceSkill Session - Web Multi Device
Skill Session - Web Multi Device
filirom1
 
Mobile Monday Presentation: Responsive Web Design
Mobile Monday Presentation: Responsive Web DesignMobile Monday Presentation: Responsive Web Design
Mobile Monday Presentation: Responsive Web Design
Cantina
 
LATEST_TRENDS_IN_WEBSITE_DEVELOPMENT.pptx
LATEST_TRENDS_IN_WEBSITE_DEVELOPMENT.pptxLATEST_TRENDS_IN_WEBSITE_DEVELOPMENT.pptx
LATEST_TRENDS_IN_WEBSITE_DEVELOPMENT.pptx
chitrachauhan21
 
What is a URL 101 and Other Web Definitions
What is a URL 101 and Other Web DefinitionsWhat is a URL 101 and Other Web Definitions
What is a URL 101 and Other Web Definitions
Cowley Associates
 
Introduction to web design
Introduction to web designIntroduction to web design
Introduction to web design
Fitra Sani
 
Wordpress as a framework
Wordpress as a frameworkWordpress as a framework
Wordpress as a framework
Aggelos Synadakis
 
Progressive Web Application by Citytech
Progressive Web Application by CitytechProgressive Web Application by Citytech
Progressive Web Application by Citytech
Ritwik Das
 
Responsive Web Design_2013
Responsive Web Design_2013Responsive Web Design_2013
Responsive Web Design_2013
Achieve Internet
 
Why can't our PC use as server
Why can't our PC use as serverWhy can't our PC use as server
Why can't our PC use as server
kranthi kumar
 
Learning Joomla! In 30 Days
Learning Joomla! In 30 DaysLearning Joomla! In 30 Days
Learning Joomla! In 30 Days
anxiouslanguage
 
World of WordPress
World of WordPressWorld of WordPress
World of WordPress
Joshua Wagoner
 
Bootstrap 4 Online Training Course Book Sample
Bootstrap 4 Online Training Course Book SampleBootstrap 4 Online Training Course Book Sample
Bootstrap 4 Online Training Course Book Sample
Bootstrap Creative
 
Weebly login
Weebly loginWeebly login
Weebly login
marvinmikkelson
 

Similar to Aucd ppt (20)

Professional web development with libraries
Professional web development with librariesProfessional web development with libraries
Professional web development with libraries
 
Adapting to a Responsive Design at Untangle the Web on 29th July 2013
Adapting to a Responsive Design at Untangle the Web on 29th July 2013Adapting to a Responsive Design at Untangle the Web on 29th July 2013
Adapting to a Responsive Design at Untangle the Web on 29th July 2013
 
iWeb NJECC June 28, 2011 DAndrea
iWeb NJECC June 28, 2011 DAndreaiWeb NJECC June 28, 2011 DAndrea
iWeb NJECC June 28, 2011 DAndrea
 
Startup Institute NYC: Styling
Startup Institute NYC: StylingStartup Institute NYC: Styling
Startup Institute NYC: Styling
 
Creating Websites and Blogs that Boost Your Bottom Line, 2013 pubu 801, Shann...
Creating Websites and Blogs that Boost Your Bottom Line, 2013 pubu 801, Shann...Creating Websites and Blogs that Boost Your Bottom Line, 2013 pubu 801, Shann...
Creating Websites and Blogs that Boost Your Bottom Line, 2013 pubu 801, Shann...
 
WordCamp Greenville 2018 - Beware the Dark Side, or an Intro to Development
WordCamp Greenville 2018 - Beware the Dark Side, or an Intro to DevelopmentWordCamp Greenville 2018 - Beware the Dark Side, or an Intro to Development
WordCamp Greenville 2018 - Beware the Dark Side, or an Intro to Development
 
Responsive web design & mobile web development - a technical and business app...
Responsive web design & mobile web development - a technical and business app...Responsive web design & mobile web development - a technical and business app...
Responsive web design & mobile web development - a technical and business app...
 
Skill Session - Web Multi Device
Skill Session - Web Multi DeviceSkill Session - Web Multi Device
Skill Session - Web Multi Device
 
Mobile Monday Presentation: Responsive Web Design
Mobile Monday Presentation: Responsive Web DesignMobile Monday Presentation: Responsive Web Design
Mobile Monday Presentation: Responsive Web Design
 
LATEST_TRENDS_IN_WEBSITE_DEVELOPMENT.pptx
LATEST_TRENDS_IN_WEBSITE_DEVELOPMENT.pptxLATEST_TRENDS_IN_WEBSITE_DEVELOPMENT.pptx
LATEST_TRENDS_IN_WEBSITE_DEVELOPMENT.pptx
 
What is a URL 101 and Other Web Definitions
What is a URL 101 and Other Web DefinitionsWhat is a URL 101 and Other Web Definitions
What is a URL 101 and Other Web Definitions
 
Introduction to web design
Introduction to web designIntroduction to web design
Introduction to web design
 
Wordpress as a framework
Wordpress as a frameworkWordpress as a framework
Wordpress as a framework
 
Progressive Web Application by Citytech
Progressive Web Application by CitytechProgressive Web Application by Citytech
Progressive Web Application by Citytech
 
Responsive Web Design_2013
Responsive Web Design_2013Responsive Web Design_2013
Responsive Web Design_2013
 
Why can't our PC use as server
Why can't our PC use as serverWhy can't our PC use as server
Why can't our PC use as server
 
Learning Joomla! In 30 Days
Learning Joomla! In 30 DaysLearning Joomla! In 30 Days
Learning Joomla! In 30 Days
 
World of WordPress
World of WordPressWorld of WordPress
World of WordPress
 
Bootstrap 4 Online Training Course Book Sample
Bootstrap 4 Online Training Course Book SampleBootstrap 4 Online Training Course Book Sample
Bootstrap 4 Online Training Course Book Sample
 
Weebly login
Weebly loginWeebly login
Weebly login
 

Recently uploaded

Doc3boq.docx sjnnw wimow womowmmo wekmomopmp
Doc3boq.docx sjnnw wimow womowmmo wekmomopmpDoc3boq.docx sjnnw wimow womowmmo wekmomopmp
Doc3boq.docx sjnnw wimow womowmmo wekmomopmp
Dhio3
 
Preserving-the-Essence-A-Journey-in-Visual-Identity.pdf
Preserving-the-Essence-A-Journey-in-Visual-Identity.pdfPreserving-the-Essence-A-Journey-in-Visual-Identity.pdf
Preserving-the-Essence-A-Journey-in-Visual-Identity.pdf
Mostafa Abd Elrahman
 
Product Showcase Presentation |slides sample.pptx
Product Showcase Presentation |slides sample.pptxProduct Showcase Presentation |slides sample.pptx
Product Showcase Presentation |slides sample.pptx
wojakmodern
 
Nehru Place @ℂall @Girls ꧁❤ 9873777170 ❤꧂VIP Ruhi Singla Top Model Safe
Nehru Place @ℂall @Girls ꧁❤ 9873777170 ❤꧂VIP Ruhi Singla Top Model SafeNehru Place @ℂall @Girls ꧁❤ 9873777170 ❤꧂VIP Ruhi Singla Top Model Safe
Nehru Place @ℂall @Girls ꧁❤ 9873777170 ❤꧂VIP Ruhi Singla Top Model Safe
jiya khan$A17
 
Paharganj @ℂall @Girls ꧁❤ 9873777170 ❤꧂VIP Ruhi Singla Top Model Safe
Paharganj @ℂall @Girls ꧁❤ 9873777170 ❤꧂VIP Ruhi Singla Top Model SafePaharganj @ℂall @Girls ꧁❤ 9873777170 ❤꧂VIP Ruhi Singla Top Model Safe
Paharganj @ℂall @Girls ꧁❤ 9873777170 ❤꧂VIP Ruhi Singla Top Model Safe
jiya khan$A17
 
A Green City is an urban area that prioritizes sustainability
A Green City is an urban area that prioritizes sustainabilityA Green City is an urban area that prioritizes sustainability
A Green City is an urban area that prioritizes sustainability
Mostafa Abd Elrahman
 
Lajpat Nagar @ℂall @Girls ꧁❤ 9873940964 ❤꧂VIP Akshra Ojha Top Model Safe
Lajpat Nagar @ℂall @Girls ꧁❤ 9873940964 ❤꧂VIP Akshra Ojha Top Model SafeLajpat Nagar @ℂall @Girls ꧁❤ 9873940964 ❤꧂VIP Akshra Ojha Top Model Safe
Lajpat Nagar @ℂall @Girls ꧁❤ 9873940964 ❤꧂VIP Akshra Ojha Top Model Safe
anany pandey$A17
 
de-on-thi-vstep-bac-4.pdf vjknvjknvkjdnvjkdnvj
de-on-thi-vstep-bac-4.pdf vjknvjknvkjdnvjkdnvjde-on-thi-vstep-bac-4.pdf vjknvjknvkjdnvjkdnvj
de-on-thi-vstep-bac-4.pdf vjknvjknvkjdnvjkdnvj
92nqjwr76x
 
Surface Analysis Civil 3D using different tools
Surface Analysis Civil 3D using different toolsSurface Analysis Civil 3D using different tools
Surface Analysis Civil 3D using different tools
ManashChatterjee3
 
ITR Filing for the year of the 2023-24 .pdf
ITR Filing for the year of the 2023-24 .pdfITR Filing for the year of the 2023-24 .pdf
ITR Filing for the year of the 2023-24 .pdf
shyamraj39
 
Fear and Faith (Slideshow by: Kal-el Go)
Fear and Faith (Slideshow by: Kal-el Go)Fear and Faith (Slideshow by: Kal-el Go)
Fear and Faith (Slideshow by: Kal-el Go)
Kal-el Shows
 
2024_summer_my_dream_gnjp_20240705_ks.pdf
2024_summer_my_dream_gnjp_20240705_ks.pdf2024_summer_my_dream_gnjp_20240705_ks.pdf
2024_summer_my_dream_gnjp_20240705_ks.pdf
kousato1
 
Design Impulse: Boost the power of design
Design Impulse: Boost the power of designDesign Impulse: Boost the power of design
Design Impulse: Boost the power of design
Pieter van Langen
 
Vasant Kunj @ℂall @Girls ꧁❤ 9873940964 ❤꧂VIP Vishakha Singla Top Model Safe
Vasant Kunj @ℂall @Girls ꧁❤ 9873940964 ❤꧂VIP Vishakha Singla Top Model SafeVasant Kunj @ℂall @Girls ꧁❤ 9873940964 ❤꧂VIP Vishakha Singla Top Model Safe
Vasant Kunj @ℂall @Girls ꧁❤ 9873940964 ❤꧂VIP Vishakha Singla Top Model Safe
kumkum tuteja$A17
 
Gender Equity in Architecture: Cultural Anthropology in Design Ideologies
Gender Equity in Architecture: Cultural Anthropology in Design IdeologiesGender Equity in Architecture: Cultural Anthropology in Design Ideologies
Gender Equity in Architecture: Cultural Anthropology in Design Ideologies
Aditi Sh.
 
AI in UX AI in UX - Exploring the Future of Design by FoF Nuremberg.pdf
AI in UX AI in UX - Exploring the Future of Design by FoF Nuremberg.pdfAI in UX AI in UX - Exploring the Future of Design by FoF Nuremberg.pdf
AI in UX AI in UX - Exploring the Future of Design by FoF Nuremberg.pdf
taranenkovictoria
 
Right Choice Landscaping offers exceptional villa landscape maintenance servi...
Right Choice Landscaping offers exceptional villa landscape maintenance servi...Right Choice Landscaping offers exceptional villa landscape maintenance servi...
Right Choice Landscaping offers exceptional villa landscape maintenance servi...
rightchoicelandscapi
 
Balhani 1st yr (1).pdfhshhshshshshshshshdhdhdh
Balhani 1st yr (1).pdfhshhshshshshshshshdhdhdhBalhani 1st yr (1).pdfhshhshshshshshshshdhdhdh
Balhani 1st yr (1).pdfhshhshshshshshshshdhdhdh
NakulJain35
 
Mastering Web Design: Essential Principles and Techniques for Modern Websites
Mastering Web Design: Essential Principles and Techniques for Modern WebsitesMastering Web Design: Essential Principles and Techniques for Modern Websites
Mastering Web Design: Essential Principles and Techniques for Modern Websites
webOdoctor Inc
 
2024_summer_my_dream_from_gnjpuser_20240708
2024_summer_my_dream_from_gnjpuser_202407082024_summer_my_dream_from_gnjpuser_20240708
2024_summer_my_dream_from_gnjpuser_20240708
kousato1
 

Recently uploaded (20)

Doc3boq.docx sjnnw wimow womowmmo wekmomopmp
Doc3boq.docx sjnnw wimow womowmmo wekmomopmpDoc3boq.docx sjnnw wimow womowmmo wekmomopmp
Doc3boq.docx sjnnw wimow womowmmo wekmomopmp
 
Preserving-the-Essence-A-Journey-in-Visual-Identity.pdf
Preserving-the-Essence-A-Journey-in-Visual-Identity.pdfPreserving-the-Essence-A-Journey-in-Visual-Identity.pdf
Preserving-the-Essence-A-Journey-in-Visual-Identity.pdf
 
Product Showcase Presentation |slides sample.pptx
Product Showcase Presentation |slides sample.pptxProduct Showcase Presentation |slides sample.pptx
Product Showcase Presentation |slides sample.pptx
 
Nehru Place @ℂall @Girls ꧁❤ 9873777170 ❤꧂VIP Ruhi Singla Top Model Safe
Nehru Place @ℂall @Girls ꧁❤ 9873777170 ❤꧂VIP Ruhi Singla Top Model SafeNehru Place @ℂall @Girls ꧁❤ 9873777170 ❤꧂VIP Ruhi Singla Top Model Safe
Nehru Place @ℂall @Girls ꧁❤ 9873777170 ❤꧂VIP Ruhi Singla Top Model Safe
 
Paharganj @ℂall @Girls ꧁❤ 9873777170 ❤꧂VIP Ruhi Singla Top Model Safe
Paharganj @ℂall @Girls ꧁❤ 9873777170 ❤꧂VIP Ruhi Singla Top Model SafePaharganj @ℂall @Girls ꧁❤ 9873777170 ❤꧂VIP Ruhi Singla Top Model Safe
Paharganj @ℂall @Girls ꧁❤ 9873777170 ❤꧂VIP Ruhi Singla Top Model Safe
 
A Green City is an urban area that prioritizes sustainability
A Green City is an urban area that prioritizes sustainabilityA Green City is an urban area that prioritizes sustainability
A Green City is an urban area that prioritizes sustainability
 
Lajpat Nagar @ℂall @Girls ꧁❤ 9873940964 ❤꧂VIP Akshra Ojha Top Model Safe
Lajpat Nagar @ℂall @Girls ꧁❤ 9873940964 ❤꧂VIP Akshra Ojha Top Model SafeLajpat Nagar @ℂall @Girls ꧁❤ 9873940964 ❤꧂VIP Akshra Ojha Top Model Safe
Lajpat Nagar @ℂall @Girls ꧁❤ 9873940964 ❤꧂VIP Akshra Ojha Top Model Safe
 
de-on-thi-vstep-bac-4.pdf vjknvjknvkjdnvjkdnvj
de-on-thi-vstep-bac-4.pdf vjknvjknvkjdnvjkdnvjde-on-thi-vstep-bac-4.pdf vjknvjknvkjdnvjkdnvj
de-on-thi-vstep-bac-4.pdf vjknvjknvkjdnvjkdnvj
 
Surface Analysis Civil 3D using different tools
Surface Analysis Civil 3D using different toolsSurface Analysis Civil 3D using different tools
Surface Analysis Civil 3D using different tools
 
ITR Filing for the year of the 2023-24 .pdf
ITR Filing for the year of the 2023-24 .pdfITR Filing for the year of the 2023-24 .pdf
ITR Filing for the year of the 2023-24 .pdf
 
Fear and Faith (Slideshow by: Kal-el Go)
Fear and Faith (Slideshow by: Kal-el Go)Fear and Faith (Slideshow by: Kal-el Go)
Fear and Faith (Slideshow by: Kal-el Go)
 
2024_summer_my_dream_gnjp_20240705_ks.pdf
2024_summer_my_dream_gnjp_20240705_ks.pdf2024_summer_my_dream_gnjp_20240705_ks.pdf
2024_summer_my_dream_gnjp_20240705_ks.pdf
 
Design Impulse: Boost the power of design
Design Impulse: Boost the power of designDesign Impulse: Boost the power of design
Design Impulse: Boost the power of design
 
Vasant Kunj @ℂall @Girls ꧁❤ 9873940964 ❤꧂VIP Vishakha Singla Top Model Safe
Vasant Kunj @ℂall @Girls ꧁❤ 9873940964 ❤꧂VIP Vishakha Singla Top Model SafeVasant Kunj @ℂall @Girls ꧁❤ 9873940964 ❤꧂VIP Vishakha Singla Top Model Safe
Vasant Kunj @ℂall @Girls ꧁❤ 9873940964 ❤꧂VIP Vishakha Singla Top Model Safe
 
Gender Equity in Architecture: Cultural Anthropology in Design Ideologies
Gender Equity in Architecture: Cultural Anthropology in Design IdeologiesGender Equity in Architecture: Cultural Anthropology in Design Ideologies
Gender Equity in Architecture: Cultural Anthropology in Design Ideologies
 
AI in UX AI in UX - Exploring the Future of Design by FoF Nuremberg.pdf
AI in UX AI in UX - Exploring the Future of Design by FoF Nuremberg.pdfAI in UX AI in UX - Exploring the Future of Design by FoF Nuremberg.pdf
AI in UX AI in UX - Exploring the Future of Design by FoF Nuremberg.pdf
 
Right Choice Landscaping offers exceptional villa landscape maintenance servi...
Right Choice Landscaping offers exceptional villa landscape maintenance servi...Right Choice Landscaping offers exceptional villa landscape maintenance servi...
Right Choice Landscaping offers exceptional villa landscape maintenance servi...
 
Balhani 1st yr (1).pdfhshhshshshshshshshdhdhdh
Balhani 1st yr (1).pdfhshhshshshshshshshdhdhdhBalhani 1st yr (1).pdfhshhshshshshshshshdhdhdh
Balhani 1st yr (1).pdfhshhshshshshshshshdhdhdh
 
Mastering Web Design: Essential Principles and Techniques for Modern Websites
Mastering Web Design: Essential Principles and Techniques for Modern WebsitesMastering Web Design: Essential Principles and Techniques for Modern Websites
Mastering Web Design: Essential Principles and Techniques for Modern Websites
 
2024_summer_my_dream_from_gnjpuser_20240708
2024_summer_my_dream_from_gnjpuser_202407082024_summer_my_dream_from_gnjpuser_20240708
2024_summer_my_dream_from_gnjpuser_20240708
 

Aucd ppt

  • 1. Let’s Build Something [email_address] Web Services Manager, ICI @coburnicus tweet this at #aucd_web These slides can be found at:
  • 2. Our Task We are going to build a website to share the work we do here today. The slides, tweets and connect those people who attended.
  • 3. Requirements Accessible Responsive No programming (it’s Sunday morning) Cost Nothing (I forgot my wallet). Needs to be done in less than 2 hours.
  • 4.  
  • 5. Our toolbox Chrome web browser That’s it. Just Chrome
  • 6. Using Chrome Chrome Element Inspector (comes with it) Web Developer tool bar (dev’s best friend) Eye Dropper ext for color values Pixlr for light graphics editing
  • 7. Accessibility Text “ Web accessibility refers to the inclusive practice of making websites usable by people of all abilities and disabilities. When sites a re correctly designed, developed and edited, all users can have equal access to information and functionality.” - http://en.wikipedia.org/wiki/Web_acces sibility
  • 8. Degrading Gracefully “ I like an escalator because an escalator can never break, it can only become stairs. There would never be an escalator temporarily out of order sign, only an escalator temporarily stairs. Sorry for the convenience.” - Mitch Hedberg
  • 9. WCAG 2.0 Perceivable, Operable, Understandable, Robust http://www.w3.org/TR/WCAG20/ Spoiler Alert: It’s really boring. Like 13,967 words boring.
  • 10. Accessibility The best strategy is probably not to learn to build accessible websites... ...It’s probably better to learn how to pick stuff built by people who do know how to build accessible websites
  • 11. Platform requirements Accessible Hosted/Managed Customizable Robust (plugins, social goodies) Base mode is free
  • 12. Platform Options SquareSpace Drupal (via Drupal Garden) Blogger Wordpress
  • 13. Platform Eliminations SquareSpace (not free) Drupal (immature, not responsive) Blogger (Not robust enough) Wordpress (You’re the one for us)
  • 14. Is WordPress Accessible? You could run WCAG, Bobby, 508 tests You learn how to read code and test or Let me google that for you.
  • 15. Responsive Design Coined by Ethan Marcotte One codebase that “responds” to the screensize and capabilities of a device. It’s important because less and less of browsing is on traditional computers. www.bostonglobe.com
  • 16. Wordpress Themes Our requirements: Customizable (for branding) Responsive (for devices and general-badassery™)
  • 17. Customize Header Strip out what isn’t needed Change images to match our brand We can use Pixlr , a free web app to do very light graphics ending.
  • 18. Customize Background Colors for branding Patterns are ...fun I guess
  • 19. Customize Layout How Many columns? Use sidebar for social media goodness
  • 20. Widgets Use them sparingly for effectiveness I think twitter makes a nice news feed or conversation tool.
  • 21. Add pages Use Order to place them in menu Use “Parent” to create dropdowns Use the more subtle “share button”
  • 22. Make a page “the front page” hack “the front page” hack Give the page you want to be the front page no title. Under Settings -> Reading pick the blank page
  • 23. Let’s make this a social web app I heard those are hot now Many services play nice with each other Its done with something called API’s Application Programming Interface Wordpress also uses something called “short codes” http://en.support.wordpress.com/shortcodes/
  • 24. Wufoo It’s a easy way to collect data We’ll use it to collect the names, twitter handles, home states, and emails of all of us. Then we’ll use short codes to import into WordPress. For extra credit we will connect it to another service (MailChimp). Why not?
  • 25. Extra Extra Credit Now we’ll export the data from wufoo and import it into Google Fusion Tables. Then we’ll visualize it over a map of the US.
  • 26. Fin. website and slides at icidemo.wordpress.com I am @coburnicus on twitter Disclaimer: I am a very foul-mouthed twitter user. email [email_address]