Upload
yoshiki-hayama
View
11.186
Download
7
Embed Size (px)
Citation preview
CSS
HCD-Net
@storywriter1
2016 513 CodeGrid
https://github.com/storywriter/hrcss
2
CodeGrid4
CodeGrid
3
CSS
CSS
HAYAMA Yoshikiv
Web HCD-Net
vWeb20
vWebWeb
v CMS
Twi$er@storywriter WebSite: storywriter.jp4
5
20
HTMLCSSJavaScript
1998 2002 2006 20161996 2010 20122004
IA UX
Web
CMS
20
10HTMLCSS
7CMS
6
CSS
1 CSS CSS
HTML
CSS
7
CSS
OOCSS BEM SMACSS
8
CSS
9
CSS
4
10
CSS
11
CSS
CSS HTML
12
BEM
13
14
15
16
HTML5
CSS3:
class CSS class=( - ) HTML5
-- CSS
HTML5: https://www.w3.org/TR/html/dom.html#classesCSS3: https://www.w3.org/TR/css3-selectors/#lex
17
( ) CSS
18
HTML5
19
jQuery
$( .-editable )
jQuery
20
data CSS
data class CSS
21
Human Readable CSS
Human Readable CSSHRCSS
22
CSS
23
WYSIWYG HTML Editor
HRCSS WYSIWYG HTML Editor HRCSS https://github.com/storywriter/hrcss
24
WYSIWYG HTML Editor forHuman Readable CSS
25
WYSIWYG HTML Editor
WYSIWYG HTML Editor
26
CSS
27
CSS
1.
2.
3.
4. WYSIWYG HTML Editor
28
@storywriter
CSS https://store.line.me/stickershop/product/1228201/ja
WebCSS40