ヒューマンリーダブルな css 記述法（異次元編）：2016年5月13日 codegrid...
TRANSCRIPT
-
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