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

Download Presentation
Download Policy: The content available on the website is offered to you 'AS IS' for your personal information and use only. It cannot be commercialized, licensed, or distributed on other websites without prior consent from the author. To download a presentation, simply click this link. If you encounter any difficulties during the download process, it's possible that the publisher has removed the file from their server.

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
www. cs. utah. edu / fv pruners.github.io subcontract collaborations with students, Utah

www. cs. utah. edu / fv pruners.github.io subcontract collaborations with students, Utah

The Grass is Really Green on the Other Side Empirical vs. Rigorous in Floating-Point Precision Analysis, Reproducibility, Resilience Ganesh Gopalakrishnan CISE School of Computing, University of Utah, Salt Lake City , UT 84112 www. cs. utah. edu

740 views • 45 slides
Linux as a Real-Time OS 2 Tuesday, July 9, 13 2 Linux as a Real-Time OS Optimizing system

Linux as a Real-Time OS 2 Tuesday, July 9, 13 2 Linux as a Real-Time OS Optimizing system

A Comparison of Scheduling Latency in Linux, PREEMPT_RT, and LITMUS RT Felipe Cerqueira and Bjrn Brandenburg July 9th, 2013 1 Tuesday, July 9, 13 1 Linux as a Real-Time OS 2 Tuesday, July 9, 13 2 Linux as a Real-Time OS Optimizing system

1.21k views • 105 slides
Processes OS Lecture 2 UdS/TUKL WS 2015 1 Who am I? Bjrn Brandenburg bbb@mpi-sws.org

Processes OS Lecture 2 UdS/TUKL WS 2015 1 Who am I? Bjrn Brandenburg bbb@mpi-sws.org

Processes OS Lecture 2 UdS/TUKL WS 2015 1 Who am I? Bjrn Brandenburg bbb@mpi-sws.org http://www.mpi-sws.org/~bbb Head of the Real-Time Systems Group @ MPI- SWS (since 2011) I work on real-time operating systems LITMUS

592 views • 46 slides
Improving Reliability Through Analyzing and Debugging Floating-Point Software Ignacio Laguna

Improving Reliability Through Analyzing and Debugging Floating-Point Software Ignacio Laguna

Improving Reliability Through Analyzing and Debugging Floating-Point Software Ignacio Laguna Computer Scientist Center for Applied Scientific Computing 2020 ECP Annual Meeting, Feb 4, 2020 LLNL-PRES-802189 This work was performed under the

353 views • 12 slides
x64 Workshop Didier Stevens Go to http://workshop-x64.DidierStevens.com Unzip x64-workshop.zip

x64 Workshop Didier Stevens Go to http://workshop-x64.DidierStevens.com Unzip x64-workshop.zip

x64 Workshop Didier Stevens Go to http://workshop-x64.DidierStevens.com Unzip x64-workshop.zip to c:\workshop Install: 010EditorWin32Installer402.exe nasm-2.10.05-installer.exe SysinternalsSuite.zip tdm64-gcc-4.7.1-2.exe

724 views • 40 slides
Size and Affiliation First Wednesday Virtual Learning Series 2018 www.sba.gov 1 Hosts

Size and Affiliation First Wednesday Virtual Learning Series 2018 www.sba.gov 1 Hosts

Size and Affiliation First Wednesday Virtual Learning Series 2018 www.sba.gov 1 Hosts Christopher Eischen, Procurement Center Representative SBA Office of Government Contracting, Area IV, Kansas City, MO Deborah Crumity, Procurement Center

437 views • 40 slides
Introduction Radu Nicolescu Department of Computer Science University of Auckland 16 July 2018

Introduction Radu Nicolescu Department of Computer Science University of Auckland 16 July 2018

Organisation Topics Basics Echo Further Readings Project Introduction Radu Nicolescu Department of Computer Science University of Auckland 16 July 2018 1 / 35 Organisation Topics Basics Echo Further Readings Project 1 Organisation

1.2k views • 74 slides
Operated by Los Alamos National Security, LLC for the U.S. Department of Energy's NNSA Los Alamos

Operated by Los Alamos National Security, LLC for the U.S. Department of Energy's NNSA Los Alamos

Operated by Los Alamos National Security, LLC for the U.S. Department of Energy's NNSA Los Alamos National Laboratory Survey of Tools to Assess Reduced Precision on Floating Point Applications By Quinn Dibble Project Mentors: Terry Grov, Laura

646 views • 41 slides

More recommend