Style-Guidelines. Release 0.1

Similar documents
Wireframe :: tistory wireframe tistory.

HTML Summary. All of the following are containers. Structure. Italics Bold. Line Break. Horizontal Rule. Non-break (hard) space.

"utf-8";

HTML: Parsing Library

COPYRIGHTED MATERIAL. Contents. Chapter 1: Creating Structured Documents 1

Index. CSS directive, # (octothorpe), intrapage links, 26

HTML TAG SUMMARY HTML REFERENCE 18 TAG/ATTRIBUTE DESCRIPTION PAGE REFERENCES TAG/ATTRIBUTE DESCRIPTION PAGE REFERENCES MOST TAGS

The [HTML] Element p. 61 The [HEAD] Element p. 62 The [TITLE] Element p. 63 The [BODY] Element p. 66 HTML Elements p. 66 Core Attributes p.

QUICK REFERENCE GUIDE

Multimedia Systems and Technologies Lab class 6 HTML 5 + CSS 3

HTML: Parsing Library

1/6/ :28 AM Approved New Course (First Version) CS 50A Course Outline as of Fall 2014

Programmazione Web a.a. 2017/2018 HTML5

HTML. HTML Evolution

Cascading Style Sheet

Introduction to WEB PROGRAMMING

Web development using PHP & MySQL with HTML5, CSS, JavaScript

Static Webpage Development

Downloads: Google Chrome Browser (Free) - Adobe Brackets (Free) -

HTML CS 4640 Programming Languages for Web Applications

COMS 359: Interactive Media

CPET 499/ITC 250 Web Systems. Topics

<page> 1 Document Summary Document Information <page> 2 Document Structure Text Formatting <page> 3 Links Images <page> 4

HTML + CSS. ScottyLabs WDW. Overview HTML Tags CSS Properties Resources

Review of HTML. Chapter Pearson. Fundamentals of Web Development. Randy Connolly and Ricardo Hoar

Document Object Model. Overview

COPYRIGHTED MATERIAL. Contents. Introduction. Chapter 1: Structuring Documents for the Web 1

As we design and build out our HTML pages, there are some basics that we may follow for each page, site, and application.

Web Development & Design Foundations with HTML5 & CSS3 Instructor Materials Chapter 2 Test Bank

Which is why we ll now be learning how to write in CSS (or cascading sheet style)

HTML Hyper Text Markup Language

Web Publishing Basics I

HTML HTML5. DOM(Document Object Model) CSS CSS

CSS Futures. Web Development

HTML+ CSS PRINCIPLES. Getting started with web design the right way

CITS3403 Agile Web Development 2019 Semester 1

Certified HTML5 Developer VS-1029

WML2.0 TUTORIAL. The XHTML Basic defined by the W3C is a proper subset of XHTML, which is a reformulation of HTML in XML.

Chapter 2:- Introduction to XHTML. Compiled By:- Sanjay Patel Assistant Professor, SVBIT.

CIS 228 (Fall, 2012) Exam 2, 11/20/12

ROLE OF WEB BROWSING LAYOUT ENGINE EVALUATION IN DEVELOPMENT

Client-Side Web Technologies. CSS Part I

Data Visualization (CIS/DSC 468)

Block & Inline Elements

CIS 228 (Spring, 2012) Final, 5/17/12

CSS. MPRI : Web Data Management. Antoine Amarilli Friday, December 7th 1/43

Lecture : 3. Practical : 2. Course Credit. Tutorial : 0. Total : 5. Course Learning Outcomes

Html basics Course Outline

A HTML document has two sections 1) HEAD section and 2) BODY section A HTML file is saved with.html or.htm extension

BEFORE CLASS. If you haven t already installed the Firebug extension for Firefox, download it now from

Unveiling the Basics of CSS and how it relates to the DataFlex Web Framework

Web Designing HTML5 NOTES

Website Development with HTML5, CSS and Bootstrap

Cascading Style Sheets Level 2

CS197WP. Intro to Web Programming. Nicolas Scarrci - February 13, 2017

INTRODUCTION TO CSS. Mohammad Jawad Kadhim

CS144 Notes: Web Standards

XHTML & CSS CASCADING STYLE SHEETS

Web Publishing Intermediate 2

COMS W3101: SCRIPTING LANGUAGES: JAVASCRIPT (FALL 2018)

Web Engineering CSS. By Assistant Prof Malik M Ali

Student, Perfect CS-081 Final Exam May 21, 2010 Student ID: 9999 Exam ID: 3122 Page 1 of 6 Instructions:

Introduction to HTML5

Markup Language. Made up of elements Elements create a document tree

Designing UI. Mine mine-cetinkaya-rundel

Data Visualization (DSC 530/CIS )

Building Page Layouts

INTRODUCTION TO HTML5! HTML5 Page Structure!

Study Guide 2 - HTML and CSS - Chap. 6,8,10,11,12 Name - Alexia Bernardo

Symbols INDEX. !important rule, rule, , 146, , rule,

Web Development and HTML. Shan-Hung Wu CS, NTHU

AP CS P. Unit 2. Introduction to HTML and CSS

Internet publishing HTML (XHTML) language. Petr Zámostný room: A-72a phone.:

Media Stylesheets and Navigation with CSS goodness. Webpage Design

Assignments (4) Assessment as per Schedule (2)

11. HTML5 and Future Web Application

HTML Cheat Sheet for Beginners

Oliver Pott HTML XML. new reference. Markt+Technik Verlag

Programming of web-based systems Introduction to HTML5

Web Development and Design Foundations with HTML5 8th Edition

Deccansoft Software Services

First Name Last Name CS-081 March 23, 2010 Midterm Exam

CIS 228 (Fall 2011) Exam 2, 11/3/11

Module Contact: Dr Graeme Richards, CMP. Copyright of the University of East Anglia Version 1

Introduction to using HTML to design webpages

introduction to XHTML

3. Each of these mark examples contains an error. a. <input name= country value= Your country here. /> b. <checkbox name= color value= teal />

NAVIGATION INSTRUCTIONS

CSS: Cascading Style Sheets

Methods for configuring Cascading Style Sheets. Applying style to element name selectors. Style Rule Basics. CMPT 165: Cascading Style Sheets

COMP519 Web Programming Lecture 3: HTML (HTLM5 Elements: Part 1) Handouts

Creating HTML files using Notepad

Text and Layout. Digital Multimedia, 2nd edition Nigel Chapman & Jenny Chapman Chapter 11. This presentation 2004, MacAvon Media Productions

c122jan2714.notebook January 27, 2014

CE419 Web Programming. Session 3: HTML (contd.), CSS


Perfect Student Midterm Exam March 20, 2007 Student ID: 9999 Exam: 7434 CS-081/Vickery Page 1 of 5

@namespace url( /* set default namespace to HTML */ /* bidi */

Data Visualization (DSC 530/CIS )

Stamp Builder. Documentation. v1.0.0

Transcription:

Style-Guidelines Release 0.1 Oct 31, 2017

Contents 1 Guidelines 3 i

ii

Author lxneng (Eric Lo) Version 1.0 Contents 1

2 Contents

CHAPTER 1 Guidelines Python Code Style GuideLine PEP 8 : 4 : : 79,., = 4 this_is_a_very_long(function_call, 'with many parameters') \.that_returns_an_object_with_an_attribute MyModel.query.filter(MyModel.scalar > 120) \.order_by(mymodel.name.desc()) \.limit(10), this_is_a_very_long(function_call, 'with many parameters', 23, 42, 'and even more') (lists)(tuples), : items = [ 'this is the first', 'set of items', 'with more items', 3

] 'to come in this line', 'like this' : : def hello(name): print 'Hello %s!' % name def goodbye(name): print 'See you %s.' % name class MyClass(object): """This is a simple docstring""" def init (self, name): self.name = name def get_annoying_name(self): return self.name.upper() + '!!!!111' (e.g.: -, ~ etc.) Good: exp = -1.05 value = (item_value / item_count) * offset / exp value = my_list[index] value = my_dict['key'] Bad: exp = - 1.05 value = ( item_value / item_count ) * offset / exp value = (item_value/item_count)*offset/exp value=( item_value/item_count ) * offset/exp value = my_list[ index ] value = my_dict ['key'] Good: if method == 'md5': pass Bad: if 'md5' == method: pass : ==!= 4 Chapter 1. Guidelines

is is not (eg: foo is not None) True False ( foo == False, not foo) : foo not in bar not foo in bar : isinstance(a, C) type(a) is C, : CamelCase, (HTTPWriter HttpWriter) : lowercase_with_underscores : lowercase_with_underscores : UPPERCASE_WITH_UNDERSCORES : name_re : : cls : self lambdas x display_name = property(lambda x: x.real_name or x.username) : restructuredtext : def foo(): """This is a simple docstring""" def bar(): """This is a longer docstring with so much information in there that it spans three lines. In this case the closing triple quote is on its own line. """ uf8 encoding: # -*- coding: utf-8 -*- """ package.module ~~~~~~~~~~~~~~ """ A brief description goes here. 1.1. Python Code Style GuideLine 5

class User(object): #: the name of the user as unicode string name = Column(String) #: the sha1 hash of the password + inline salt pw_hash = Column(String) Links PEP8 Style Guide for Python Code Flask Styleguide Google Python Style Guide Ruby Code Style GuideLine Rails style guideline Rails Code Style GuideLine Links rails style guide Links ruby style guide The Unofficial Ruby Usage Guide Objective-C Style Guide Links Google Objective-C Style Guide JavaScript StyleGuide Links Google JavaScript Style Guide JQuery Core Style Guidelines 6 Chapter 1. Guidelines

CSS Code Guideline CSS { } selector.selector1,.selector2,.selector3 { property:value; } -webkit-border-radius:4px;-moz-border-radius:4px;border-radius: 4px; /* =home-page ---------------------------------------------- */ /* =intro ---------------------------------------------- */ #home-page #intro {... } /* ------------------------------------------- */ IDClass - /* =featured articles & popular articles ---------------------------------------------- */ #home-page #featured-articles, #home-page #popular-articles {... } /* ------------------------------------------- */ /* ------------------------------------------- */ IDID #db-video-list Class.list class CSS Hack.on,.active, selected,.hili.first,.last,.main,.side.hd,.bd,.ft,.col,.section.tb,.frm,.nav,.list,.item,.tag,.pic,.info IE6 IE6/7 IE6/7/8/9 IE6 _property:value *property:value property:value9 property//:value 1.5. CSS Code Guideline 7

IE6 * html selector {... } IE7 *:first-child+html selector {... } IE6 html>body selector {... } firefox only @-moz-document url-prefix() {... } saf3+/chrome1+ @media all and (-webkit-min-device-pixel-ratio:0) {... } opera only @media all and (-webkit-min-device-pixel-ratio:10000),not all and iphone/mobile webkit after overflow CSSheadCSSCSS()CSS()CSSCSS body > * {...} ul > li > a {...} #footer > h3 {...} ul#top_blue_nav {...} #searbar span.submit a {... } filter : div {... } : <div style= margin-bottom:30px; > CSS expression CSS @import CSS!important CSS * (-webkit-min-device-pixel-ratio:0) {... } @media screen and (max-device-width: 480px) {... } Links CSS inuit.css is a pragmatic, production-ready CSS framework. How to Manage CSS Explosion Best Practices - CSS Stylesheet Formatting CSS Standards & Best Practices Create Maintainable Code with a CSS Styleguide CSS Best Practices HTML Style Guide HTML,, 8 Chapter 1. Guidelines

(X)HTML Strict, Firefox HTML Validator. <br>..</br><script /><iframe />, JavaScript, data-xx (data-lazyload-url) <!doctype html> <html> <head> <meta charset="utf-8" /> <title>sample page</title> <link rel="stylesheet" href="css_example_url" /> </head> <body> <div id="page"> <div id="header"> </div> <div id="content"> </div> <div id="footer"> </div> </div> <script> // </script> </body> <script src="js_example_url"></script> </html> DOCTYPE HTML5 DOCTYPE. <!doctype html> HTML5. <meta charset="utf-8" /> 10,. <div id="sample">... </div> <!-- #sample END --> 1.6. HTML 9

<div class="sample">... </div> <!--.sample END --> p., ; div,. ; br ; hr ; h1-h6. h1 ; blockquote,. blockquote, blockquote ; pre ; title title ; base ; link link css, media(all) type(text/css) ; style type text/css, ; script type ; lang; <! // >hack, (Netscape 1Mosaic); noscript JavaScript ; a a href, href name ; em,strong em,, ; strong,, strong, ; abbr ; sub,sup, sup; span ; ins,del () img img, ; imgalt; object Flash; dl, dddt; dtdddtdddtdddtdd, ; /; ul ; ol, ; li, ul/ol; button input, type; fieldset, legend name action, enctype, method, novalidate, target, submit 10 Chapter 1. Guidelines

Newsletter Design style guide Links How To Code HTML Email Newsletters (All New Version) Email design guidelines Guide to CSS support in email clients Email Testing and Email Preview 1.7. Newsletter Design style guide 11

12 Chapter 1. Guidelines

Index P Python Enhancement Proposals PEP 8, 3 13