class 14
play

Class 14 @rwdkent Overview Favicon Exercise (15 min) Break (5 - PowerPoint PPT Presentation

Jan 05, 2023 •168 likes •608 views

Class 14 @rwdkent Overview Favicon Exercise (15 min) Break (5 min) Pattern Libraries & Style Guides (20 min) HTML/CSS Prototypes Review + Usability Prep Work Content Management Systems (15 min) (1.5 hour) Due Dates Patterns

  1. Class 14 @rwdkent

  2. Overview Favicon Exercise (15 min) Break (5 min) Pattern Libraries & Style Guides (20 min) HTML/CSS Prototypes Review + Usability Prep Work 
 Content Management Systems (15 min) (1.5 hour)

  3. 
 Due Dates Patterns Part 2 (Review in Class): Next Week Usability Testing Plan + In Class Testing (Turn In In Class): Next Week HTML/CSS Prototypes/Templates: Finals Review Session/Pattern Library/Critiques In Class: Finals Self/Group Evaluation: Finals

  4. Assignments - Turn in

  5. Favicon Exercise https://realfavicongenerator.net

  6. Style Guides / Pattern Libraries

  7. What Is A Pattern Library?

  8. What’s a Style Guide?

  9. http://style.codeforamerica.org

  10. http://ux.mailchimp.com/patterns/

  11. https://standards.usa.gov/

  12. http://rwdkent.com/patterns/

  13. http://www.ideabasekent.com/style

  14. Build for Reuse.

  15. Must Maintain.

  17. How Does This Apply to Content Management Systems?

  18. 3 Options for Publishing Website Raw HTML Static Site Generator Content Management System Simplest to do Fast Performance Very easy to edit (once set up) Pros Many templates from which to choose Dynamically Created Templates Fast Performance Must write all templates Must use command line to Generally slower performance Cons manually setup Require database backend (if custom) A lot of overhead Must know HTML to edit Must know HTML/CSS to set up WordPress, Drupal, Shopify, Craft, Jekyll, Middleman, Cactus Ex. HTML in a code editor Squarespace

  19. Movable Type Drupal Joomla! Open-Source WordPress Magento

  20. SharePoint ExpressionEngine Craft CMS Closed-Source Squarespace Cascade Perch

  21. WYSIWYG Editor

  23. Add New Video Long Title: Author(s): Short Title: + Date Added: Br Related: Category: Subcategory: + Description: Pre-roll Ad: Video File: Upload

  24. COPE = Create once, publish everywhere

  25. How Do You Get Your Content Into HTML/CSS?

  26. WordPress: Theme PHP (HTML) Files CSS Files

  27. Drupal: Theme PHP (HTML) Files CSS Files

  28. Craft: Template PHP (HTML/Twig) Files CSS Files

  29. Squarespace / WordPress.com, etc. Closed Source HTML / CSS

  31. Hosting Your Website Publish Over FTP/SFTP/SSH via web host Managed Hosting (SquareSpace etc.) GitHub Pages

  32. Hosting Your Website Buy A Domain Name Most if not all hosts will allow you to connect a custom domain name to your website.

  33. Hosting Your Website Deployment/Continuous Integration: Host files in a repository (such as GitHub) and have them “deploy” to the web server at certain times, or automatically. Integrates version control with your server in a controlled way to prevent human error. Many companies will use multiple “environments”: Local, Development, Staging and Production

  34. Responsive Email

  35. 53% 53% email opened on mobile devices in 2014. https://litmus.com/blog/53-of-emails-opened-on-mobile-outlook-opens-decrease-33

  37. Email is just HTML and CSS. It can be made responsive.

  39. Final Class Project Hub, Pattern Library & Reviews http://rwdkent.com/class/assignments/timeline-presentation/

  40. Final Class HTML/CSS Templates/ Prototypes (3) www.rwdkent.com/class/assignments/templates

  41. Next Class Testing Assignment Prep https://rwdkent.com/class/assignments/testing/

  42. HTML/CSS Combined Template Work & Review Each group/individual should review with me by the end of class today.

  43. Next Week In class usability testing + submit testing assignment - must have a spreadsheet prepared for next class. Additionally, your prototype should be in a state ready for testing! In Class Work + Combined Template Review w/ Instructor

Recommend

Electing Your Membership Class Class TG, Class TH, or Class DC As a school employee who

Electing Your Membership Class Class TG, Class TH, or Class DC As a school employee who

Electing Your Membership Class Class TG, Class TH, or Class DC As a school employee who first became an active member of PSERS on or after July 1, 2019, you are automatically enrolled as a Class TG member. Class TG is a hybrid of both

538 views • 17 slides
First-Class Values A value is first-class if it satisfies all of these properties: First-Class

First-Class Values A value is first-class if it satisfies all of these properties: First-Class

First-Class Values A value is first-class if it satisfies all of these properties: First-Class Functions in Racket It can be named by a variable It can be passed as an argument to a function; It can be returned as the result of a

341 views • 3 slides
TwissOptics Class Joschua Dilly TwissOptics Class 2 The TwissOptics Class Resonance Driving

TwissOptics Class Joschua Dilly TwissOptics Class 2 The TwissOptics Class Resonance Driving

TwissOptics Class Joschua Dilly TwissOptics Class 2 The TwissOptics Class Resonance Driving Terms Linear Dispersion Coupling Chromatic Beating Conclusion To do TwissOptics Class 3 The TwissOptics Class TwissOptics Class 4 New class

450 views • 24 slides
Inheritance II Is-a versus has-a When an object of class A has a n object of class B, use

Inheritance II Is-a versus has-a When an object of class A has a n object of class B, use

Inheritance II Is-a versus has-a When an object of class A has a n object of class B, use object composition . Class A will have a field (variable) of class B in its implementation. When class A is a specific kind of another class B,

700 views • 12 slides
Class Specifications } A class diagram only gives a sketch of that class } More detail is

Class Specifications } A class diagram only gives a sketch of that class } More detail is

Class Specifications } A class diagram only gives a sketch of that class } More detail is given by the full specification of a class } Every useful Java class should have such a specification } When you write code, its up to you to create

64 views • 4 slides
CS 137: File Systems Class Overview 1 / 14 Class Overview Todays Topics Purpose of class

CS 137: File Systems Class Overview 1 / 14 Class Overview Todays Topics Purpose of class

CS 137: File Systems Class Overview 1 / 14 Class Overview Todays Topics Purpose of class How class will be run Project Sources of filesystem papers Early reading Introduction to disk technology 2 / 14 Class Overview

436 views • 15 slides
CS 137: File Systems Class Overview 1 / 16 Class Overview Todays Topics Purpose of class

CS 137: File Systems Class Overview 1 / 16 Class Overview Todays Topics Purpose of class

CS 137: File Systems Class Overview 1 / 16 Class Overview Todays Topics Purpose of class How class will be run Project Sources of filesystem papers Early reading Introduction to disk technology 2 / 16 Class Overview

344 views • 17 slides
CS 135: File Systems Class Overview 1 / 11 Class Overview Todays Topics Purpose of class

CS 135: File Systems Class Overview 1 / 11 Class Overview Todays Topics Purpose of class

CS 135: File Systems Class Overview 1 / 11 Class Overview Todays Topics Purpose of class How class will be run Project Sources of filesystem papers Early reading Introduction to disk technology 2 / 11 Class Overview

515 views • 12 slides
Previous*Courses Digital*Logic*Design Boolean*Algebra

Previous*Courses Digital*Logic*Design Boolean*Algebra

Preliminary*Information Instructor*Introduction Class*Policies Disabilities/Religious*Holidays Cheating/Copying Class*Web*Site Class*Notes Class*Schedule Laboratories

795 views • 18 slides
The header file is a class declaration class Dice What the class looks like, but now how it

The header file is a class declaration class Dice What the class looks like, but now how it

Classes: From Use to Implementation Anatomy of the Dice class The class Dice, need #include " dice.h " Weve used several classes, a class is a collection of objects sharing similar characteristics Objects: six-sided dice,

299 views • 8 slides
Classroom Assessment Scoring System (CLASS) 104 B New Report Format Interpreting your CLASS

Classroom Assessment Scoring System (CLASS) 104 B New Report Format Interpreting your CLASS

Classroom Assessment Scoring System (CLASS) 104 B New Report Format Interpreting your CLASS report CLASS Webinar Series -Scope & Sequence Title Description Why the DECE uses the CLASS tool What the CLASS tool measures CLASS 101

447 views • 41 slides
Chapter 10 Object-Oriented Thinking 1 Class Abstraction and Encapsulation Class abstraction is

Chapter 10 Object-Oriented Thinking 1 Class Abstraction and Encapsulation Class abstraction is

Chapter 10 Object-Oriented Thinking 1 Class Abstraction and Encapsulation Class abstraction is the separation of class implementation details from the use of the class. The class creator provides a description of the class to let users know

420 views • 24 slides
Inner Class Inner Classes A "regular" inner class is declared inside the curly

Inner Class Inner Classes A "regular" inner class is declared inside the curly

Inner Class Inner Classes A "regular" inner class is declared inside the curly braces of another class, but outside any method or other code block. An inner class is a full-fledged member of the enclosing (outer) class, so it can

381 views • 6 slides
Curriculum on The Cadet Corps Uniform Class A Uniform Class A Uniform Agenda C1. Class A

Curriculum on The Cadet Corps Uniform Class A Uniform Class A Uniform Agenda C1. Class A

Curriculum on The Cadet Corps Uniform Class A Uniform Class A Uniform Agenda C1. Class A Uniform CLASS A UNIFORM C1. Wear the Class A Uniform to standard. Class A Uniform Known as Black Service Uniform or Class A Worn mainly

502 views • 14 slides
Logos Class Letters to the Corinthians online class for Oct 11, 2020 Logos Class. Mod 1 Room

Logos Class Letters to the Corinthians online class for Oct 11, 2020 Logos Class. Mod 1 Room

Logos Class Letters to the Corinthians online class for Oct 11, 2020 Logos Class. Mod 1 Room 1 10/10/20 1 Agenda for todays class Open chat room from 8:50am to 9:05am 9:05-9:15 Prayer time and updates Welcome our guests today

710 views • 19 slides
UML Class Diagrams Steven Zeil February 25, 2013 UML Class Diagrams Outline Class

UML Class Diagrams Steven Zeil February 25, 2013 UML Class Diagrams Outline Class

UML Class Diagrams UML Class Diagrams Steven Zeil February 25, 2013 UML Class Diagrams Outline Class Diagrams 1 A Class, in Isolation 2 Attributes Operations Generalization Relationships 3 Associations 4 Naming Your

948 views • 68 slides
DINNER Class of '61 Class of '61 Welcome Peter Turner Chairman of the 2016 Reunion

DINNER Class of '61 Class of '61 Welcome Peter Turner Chairman of the 2016 Reunion

2016 2016 DINNER Class of '61 Class of '61 Welcome Peter Turner Chairman of the 2016 Reunion Organizing Committee Class of '61 Ted Forsyth Laird King Tony De Kock Tony Sherrard Bevan Rudolph Class of '61 ROGER WEBBER Class of

626 views • 40 slides
3/14/16 Review Class/Object Type Class Keyword class class Point

3/14/16 Review Class/Object Type Class Keyword class class Point

3/14/16 Review Class/Object Type Class Keyword class class Point { // Fields int x; Object Declares a new type int y; color c; Data fields ( class variables)

318 views • 3 slides
Logos Class Letter to the Philippian Church Online class for June 28, 2020 6/28/20 1

Logos Class Letter to the Philippian Church Online class for June 28, 2020 6/28/20 1

Logos Class Letter to the Philippian Church Online class for June 28, 2020 6/28/20 1 Agenda for todays class Open chat room from 8:50am to 9:10am 9:10-9:15 Prayer time and general class discussion Welcome our guests today

453 views • 17 slides
Programming Abstraction in C++ Eric S. Roberts and Julie Zelenski Stanford University 2010

Programming Abstraction in C++ Eric S. Roberts and Julie Zelenski Stanford University 2010

Vector Class Grid Class Stack Class Queue Class Map Class Lexicon Class Scanner Class Iterators Programming Abstraction in C++ Eric S. Roberts and Julie Zelenski Stanford University 2010 Vector Class Grid Class Stack Class Queue Class

586 views • 54 slides
ENDNOTES 14.84 E3d 734 (5th Cir. 1996). against nationwide class where 1. Gen.Tel. Co. Falcon,

ENDNOTES 14.84 E3d 734 (5th Cir. 1996). against nationwide class where 1. Gen.Tel. Co. Falcon,

Consumer Cases Brought under Rule 23(b)(3) STRATEGIES FOR DEFEATING CLASS CERTIFICATION By Thomas A. Dye and Dean A. Morande A lawsuit founded defeating succeed in class tainable. consumer A class definition fails if it is on to ever even

502 views • 4 slides
class Orange { } class Pork {

class Orange { } class Pork {

Name: _____________________________ Date:______________________ Student #: _________________________________ COMP3021: Java Programming In-class Exercise The

275 views • 4 slides
AR Stars! 6 th Grade Students 30% Goal Ms. Bartels Class Ms. Lopezs Class Mr. Chos Class

AR Stars! 6 th Grade Students 30% Goal Ms. Bartels Class Ms. Lopezs Class Mr. Chos Class

Honoring our Cortez AR Stars! 6 th Grade Students 30% Goal Ms. Bartels Class Ms. Lopezs Class Mr. Chos Class Kaylee Dominguez Amaiah Barba Sara Santamaria Gwen Gelabert Adrian Chavez Ethan Serrano Miley Matos Julian Chavez

382 views • 16 slides
New Patient Chemotherapy Class What you need to know Class video available online: A class for

New Patient Chemotherapy Class What you need to know Class video available online: A class for

Today well talk about How chemotherapy works How to prevent and manage side effects What to do if you get side effects What to expect when you come in for treatment New Patient Chemotherapy Class What you need to know Class

524 views • 8 slides

More recommend