[B! HTML] maxcaffyã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

maxcaffy id:maxcaffy

HTMLã«é–¢ã™ã‚‹maxcaffyã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (54)

${{author_name}}$

{{{comment_expanded}}}

{{label}}

{{#is_bookmark}}ãƒªã‚¹ãƒˆ{{/is_bookmark}}{{^is_bookmark}}ãƒªãƒ³ã‚¯{{/is_bookmark}}

${{author_name}}$
{{author_name}}{{created}}
{{ #comment }}{{ comment }}{{ /comment }}
- {{ label }}

${{author_name}}$

{{{comment_expanded}}}

{{label}}

{{#is_bookmark}}ãƒªã‚¹ãƒˆ{{/is_bookmark}}{{^is_bookmark}}ãƒªãƒ³ã‚¯{{/is_bookmark}}

ãŠçµµã‹ãæŽ²ç¤ºæ¿ã‚’çµ¶æ»…ã®å±æ©Ÿã‹ã‚‰æ•‘ã£ãŸäººã€…ï½œã•ã¨ã´ã‚
2017å¹´3æœˆã€Chromeã«ã¤ã¥ãFirefoxãŒJavaã®ã‚µãƒãƒ¼ãƒˆã‚’çµ‚äº†ã—ã¾ã—ãŸã€‚ 2024å¹´12æœˆç¾åœ¨ã€JavaãŒä½¿ãˆã‚‹ãƒ–ãƒ©ã‚¦ã‚¶ã¯Edgeã®IEãƒ¢ãƒ¼ãƒ‰ã¨ã€Pale Moonã ã‘ã«ãªã‚Šã¾ã—ãŸã€‚ãŠçµµã‹ãæŽ²ç¤ºæ¿ã¯ä½¿ãˆãªããªã£ã¦ã—ã¾ã†ã®ã§ã—ã‚‡ã†ã‹ã€‚ ãƒ–ãƒ©ã‚¦ã‚¶ã ã‘ã§å‹•ä½œã™ã‚‹PaintBBS NEO ãŠçµµæãã—ãƒæŽ²ç¤ºæ¿ PaintBBS (Â©2000-2004ã—ãƒã¡ã‚ƒã‚“) ã‚’html5åŒ–ã™ã‚‹ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã§ã™ã€‚ ãŠçµµã‹ãæŽ²ç¤ºæ¿ã‚’çµ¶æ»…ã®å±æ©Ÿã‹ã‚‰æ•‘ã£ãŸäººã€…â€¦ã¨ã„ã†ã‚¿ã‚¤ãƒˆãƒ«ã§æ›¸ãå§‹ã‚ãŸã®ã§ã€å¼·èª¿ã—ã¾ã™ãŒã€funigeã•ã‚“åŠŸç¸¾ã‚’æŠœãã«ã—ã¦2019å¹´ã®ãŠçµµã‹ãæŽ²ç¤ºæ¿ã¯èªžã‚Œãªã„â€¦ã¨æ€ã„ã¾ã™ã€‚ JavaãŒä½¿ãˆãªããªã‚‹ã‹ã‚‰ãŠçµµã‹ãæŽ²ç¤ºæ¿ã¯ã‚‚ã†çµ‚ã‚Šâ€¦ã¨èª°ã‚‚ãŒè€ƒãˆã¦ã„ãŸã¡ã‚‡ã†ã©ãã®é ƒã«ã€funigeã•ã‚“ãŒé–‹ç™ºã—ãŸHTML5ç‰ˆã—ãƒãŠçµµã‹ãæŽ²ç¤ºæ¿ PaintBBS NEOã®é…å¸ƒãŒã¯ã˜ã¾ã‚Šã¾ã—ãŸã€‚ HTML5ã€javaSc
maxcaffy 2019/08/20
é–‹ç™º

java

ãƒ–ãƒ©ã‚¦ã‚¶

html

ãŠçµµã‹ãæŽ²ç¤ºæ¿

PaintBBSNEO

BBSNote

php

POTI-board
ãƒªãƒ³ã‚¯
ä»Šå¹´50ã®ã‚²ãƒ¼ãƒ ã‚’ä½œã£ã¦åˆ†ã‹ã£ãŸé¢ç™½ã„ã‚²ãƒ¼ãƒ ã‚’ä½œã‚‹æ–¹æ³• 2014-12-23 - ABAã®æ—¥èªŒ
ãªã‚“ã¦ã®ã¯ç„¡ã„ã¨ã„ã†ã“ã¨ãŒã€‚ I Have Created 50 Games in 2014 (http://www.asahi-net.or.jp/~cs8k-cyu/blog/2014/12/12/games-in-2014/) ä½œã£ãŸã‚‚ã®ã¯ä¸Šã®ãƒšãƒ¼ã‚¸ã«ã¾ã¨ã‚ãŸã€‚å…¨ã‚²ãƒ¼ãƒ ã®ã‚¹ã‚¯ãƒªãƒ¼ãƒ³ã‚·ãƒ§ãƒƒãƒˆãŒã‚¢ãƒ‹ãƒ¡GIFã«ãªã£ã¦ã„ã¦ã€ã‚¯ãƒªãƒƒã‚¯ã™ã‚Œã°ãã®ã‚²ãƒ¼ãƒ ãŒéŠã¹ã‚‹ã€‚å€‹äººçš„ãªæ„è¦‹ã¨ã—ã¦ã¯ã€å·¦ä¸Šã®æ–¹ãŒæ¥½ã—ã‚ã¦ã€å³ä¸‹ã®ã»ã†ãŒé€€å±ˆã§ãã¾ã™ã€‚ ã™ã¹ã¦ãƒ–ãƒ©ã‚¦ã‚¶ã§éŠã¹ã‚‹æ˜”ãªãŒã‚‰ã®ãƒŸãƒ‹ã‚²ãƒ¼ãƒ ã€‚åŠåˆ†Flashã€åŠåˆ†HTML5ã€‚Haxeã¨CoffeeScriptã§æ›¸ã„ãŸã€‚ã‚½ãƒ¼ã‚¹ã‚‚ç½®ã„ã¦ã‚ã‚Šã¾ã™ã€‚ 1å¹´ã§50ä½œã‚Œã°å¹´ã®çµ‚ã‚ã‚Šé ƒã«ã¯ä½™è£•ã§é¢ç™½ã„ã‚²ãƒ¼ãƒ ã‚’ç‹™ã£ã¦ä½œã‚Œã‚‹ã‚ˆã†ã«ãªã‚‹ã‹ãªã‚ã¨æ€ã£ãŸã‘ã©ã€è„³å†…ã§é¢ç™½ãã†ã¨æ€ã£ãŸã‚²ãƒ¼ãƒ ãŒå®Ÿéš›ã«ä½œã‚‹ã¨ã²ã©ãã¤ã¾ã‚‰ãªã„ã¨ã„ã†ã“ã¨ã¯ç›¸å¤‰ã‚ã‚‰ãšå¤šç™ºã™ã‚‹ã®ã§ã€ã‚„ã¯ã‚Šã‚¤ã‚±ã¦ã‚‹ã‚²ãƒ¼ãƒ ã‚’ä½œã‚‹ç°¡å˜ãªã‚»ã‚ªãƒª
maxcaffy 2014/12/23
haxe

html5

HTML

gif

flash

game

development

idea

ã‚²ãƒ¼ãƒ

é–‹ç™º
ãƒªãƒ³ã‚¯
ã€Œblinkã‚¿ã‚°ã€ã®é–‹ç™ºè€…ãŒæ˜Žã‹ã™ãƒ†ã‚ã‚¹ãƒˆç‚¹æ»…ã‚¿ã‚°ãŒç”Ÿã¾ã‚ŒãŸçŸ¥ã‚‰ã‚Œã–ã‚‹ç†ç”±ã¨ã¯ï¼Ÿ
By Steven Martin ã€Œblinkã‚¿ã‚°ã€ã¨ã¯ãƒ†ã‚ã‚¹ãƒˆã‚’ç‚¹æ»…ã•ã›ã‚‹åŠ¹æžœã‚’æŒã¤HTMLã‚³ãƒžãƒ³ãƒ‰ã®1ã¤ã§ã€å¤šãã®äººã€…ã«æœ€ã‚‚å«Œã‚ã‚Œã‚‹ã‚¿ã‚°ã®1ã¤ã¨ã—ã¦çŸ¥ã‚‰ã‚Œã¦ã„ã¾ã™ã€‚Netscape Navigator 2.0ã«ç‹¬è‡ªã«å®Ÿè£…ã•ã‚Œã¦ã„ãŸã‚‚ã®ã§ã™ãŒã€IEã¯ã‚‚ã¨ã‚‚ã¨ã‚µãƒãƒ¼ãƒˆã—ã¦ãŠã‚‰ãšã€2013å¹´ã«FifefoxãŒblinkã‚¿ã‚°ã®ã‚µãƒãƒ¼ãƒˆå»ƒæ¢ã—ãŸã“ã¨ã‚‚ã‚ã‚Šã€è¿‘é ƒã¯è¦‹ã‹ã‘ã‚‹ã“ã¨ã‚‚ãªããªã£ã¦ã„ã¾ã™ã€‚ãã‚“ãªBlinkã‚¿ã‚°ã®ç™ºæ˜Žè€…è‡ªã‚‰ãŒã€ã€Œãªãœblinkã‚¿ã‚°ã‚’é–‹ç™ºã—ãŸã®ã‹ï¼Ÿã€ã¨ã„ã†ãŠã‚‚ã—ã‚ãŠã‹ã—ãªé–‹ç™ºç§˜è©±ã‚’èªžã£ã¦ã„ã¾ã™ã€‚ the origin of the tag - www http://www.montulli.org/theoriginofthe%3Cblink%3Etag 1994å¹´å½“æ™‚ã€ãƒ«ãƒ¼ã•ã‚“ã¯Netscapeã‚’è¨ç«‹ã—ãŸã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã®ï¼‘äººã§ã‚ã‚Šã€ç¾åœ¨ã®ãƒãƒ”ãƒ¥ãƒ©ãƒ¼ãªãƒ–ãƒ©ã‚¦ã‚¶ã®å…ˆé§†ã‘ã¨ãªã£ãŸãƒ†ã‚ã‚¹ãƒˆ
maxcaffy 2014/06/04
<blink>:)</blink>

HTML

tag

2013å¹´

ie

web

browser

neta

history

blink
ãƒªãƒ³ã‚¯
<script>ã‚¿ã‚°ã‹ã‚‰èªã¿è¾¼ã‚“ã jsã®ãƒ‡ã‚£ãƒ¬ã‚¯ãƒˆãƒªã‚’å–å¾— - prog*sig
<script src="..."> ã¨ã„ã†æ„Ÿã˜ã§jsãƒ•ã‚¡ã‚¤ãƒ«ã‚’èªã¿è¾¼ã‚“ã§ã€srcéƒ¨åˆ†ãŒ http://example.com/lab/test.js ã§ã‚ã‚‹ã¨ãã€ http://example.com/lab/ ã‚’è‡ªåˆ†è‡ªèº«ã§å–ã‚Šå‡ºã™æ–¹æ³•ã‚’æ¨¡ç´¢ã™ã‚‹ã€‚ è‡ªåˆ†è‡ªèº«ã®srcã‚’èª¿ã¹ã‚‹æ–¹æ³•ã¯ ã¨ã¦ã‚‚ã‚·ãƒ³ãƒ—ãƒ«ã«è‡ªåˆ†è‡ªèº«ãŒå±žã™ã‚‹ script è¦ç´ ã‚’å–å¾— - ITæˆ¦è¨˜ http://d.hatena.ne.jp/amachang/20061201/1164986067 ã§å¤§ä½“ã„ã„ã¨æ€ã„ã¾ã™ã€‚ ã‚‚ã—ãã¯ var n=document.getElementsByTagName("script"); n[n.length-1].src; // è‡ªåˆ†è‡ªèº«ã®url ç›¸å¯¾ãƒ‘ã‚¹ã®å ´åˆã¨ã‹èª¿ã¹ã¦ãªã„ã‘ã©ã€ä»Šå›žã®ä¸»é¡Œã¯ãƒ‡ã‚£ãƒ¬ã‚¯ãƒˆãƒªã‚’å–ã‚Šå‡ºã™ã¨ã“ãªã®ã§å¾Œå›žã—ã€‚ Twitterã§ã©ã†ã„ã†æ–¹æ³•ãŒã‚ã‚‹ã®ã ã‚ã†ã¨æŠ•
maxcaffy 2014/03/18
script

js

tips

javascript

HTML

programming

URL
ãƒªãƒ³ã‚¯
[CSS]box-shadowã‚’ä½¿ã£ã¦ã€ç´™ãŒãµã‚ã‚Šã¨æµ®ã‹ã‚“ã ã‚ˆã†ãªã‚¨ãƒ•ã‚§ã‚¯ãƒˆã‚’ã¤ã‘ã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã®ã¾ã¨ã‚
Creating Different CSS3 Box Shadows Effects [ad#ad-2] ãƒ‡ãƒ¢ å®Ÿè£… ãƒ‡ãƒ¢ ãƒ‡ãƒ¢ã¯box-shadowã«å¯¾å¿œã—ãŸä¸‹è¨˜ã®ãƒ–ãƒ©ã‚¦ã‚¶ã§ã”è¦§ãã ã•ã„ã€‚ å¯¾å¿œãƒ–ãƒ©ã‚¦ã‚¶ Internet Explorer 9.0+ Firefox 3.5+ Chrome 1+ Safari 3+ Opera 10.5+ ãƒ‡ãƒ¢ãƒšãƒ¼ã‚¸ [ad#ad-2] å®Ÿè£… åŸºæœ¬ã¨ãªã‚‹HTML 8ã¤ã®å„ãƒ‡ãƒ¢ã®HTMLã®åŸºæœ¬ã¯åŒã˜ã§ã€classåãŒç•°ãªã‚‹ã ã‘ã§ã™ã€‚ <div class="box effect"> <h3>Effect</h3> </div> åŸºæœ¬ã¨ãªã‚‹CSS divè¦ç´ ã¨h3è¦ç´ ã®åŸºæœ¬ã¨ãªã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã§ã™ã€‚ .box h3{ text-align:center; position:relative; top:80px; } .box { width:70%; height
maxcaffy 2014/02/21
box-shadow

effect

HTML

css

Opera

Internet Explorer

internet

Chrome

background

firefox
ãƒªãƒ³ã‚¯
[CSS]ã•ã¾ã–ã¾ãªãƒ‡ã‚¶ã‚¤ãƒ³ã®ãƒ‰ãƒãƒƒãƒ—ã‚·ãƒ£ãƒ‰ã‚¦ã‚’é©ç”¨ã™ã‚‹ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«
CSS2ã®ç–‘ä¼¼è¦ç´ ã‚’ä½¿ç”¨ã™ã‚‹ã“ã¨ã§ã€HTMLã‚’æ±šã•ãšã«ã€ã•ã¾ã–ã¾ãªãƒ‡ã‚¶ã‚¤ãƒ³ã®ãƒ‰ãƒãƒƒãƒ—ã‚·ãƒ£ãƒ‰ã‚¦ã‚’ç°¡å˜ã«é©ç”¨ã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ ãã®ç¾Žã—ã„ãƒ‰ãƒãƒƒãƒ—ã‚·ãƒ£ãƒ‰ã‚¦ã®ã‚¹ã‚¿ã‚¤ãƒ«ã‚’é©ç”¨ã™ã‚‹ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ ç”»åƒã®ä½¿ç”¨ã¯ä¸€åˆ‡ã‚ã‚Šã¾ã›ã‚“ã€‚ CSS drop-shadows without images ãƒ‡ãƒ¢ãƒšãƒ¼ã‚¸ [ad#ad-2] ãƒ‡ãƒ¢ã®å¯¾å¿œãƒ–ãƒ©ã‚¦ã‚¶ã¯:before, :after, box-shadowãªã©ã‚’ä½¿ç”¨ã—ã¦ã„ã‚‹ãŸã‚ã€Firefox 3.5+, Chrome 5+, Safari 5+, Opera 10.6+ ã§ã™ã€‚ ä¸‹è¨˜ã«ã€ãƒ‡ãƒ¢ã«ã‚ã‚‹5ã¤ã®ãƒ‰ãƒãƒƒãƒ—ã‚·ãƒ£ãƒ‰ã‚¦ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ HTML HTMLã¯divè¦ç´ ã«ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã‚’é©ç”¨ã—ã¾ã™ã€‚ 5ã¤ã®ãƒ‰ãƒãƒƒãƒ—ã‚·ãƒ£ãƒ‰ã‚¦ã¯classåã‚’å¤‰æ›´ã™ã‚‹ã ã‘ã§ã™ã€‚ <div class="drop-shadow round"> <h1>CSS drop-sh
maxcaffy 2014/02/21
box-shadow

css

HTML

web

webãƒ‡ã‚¶ã‚¤ãƒ³

webåˆ¶ä½œ

CSS3

WebDesign

ãƒ‰ãƒãƒƒãƒ—ã‚·ãƒ£ãƒ‰ã‚¦

ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«
ãƒªãƒ³ã‚¯
ãƒšãƒ¼ã‚¸é«˜é€ŸåŒ–ã®ãŸã‚ .htaccess ã§ã‚ãƒ£ãƒƒã‚·ãƒ¥è¨å®šã‚’çµ¶å¯¾ã‚„ã£ã¦ãŠã“ã†ï¼
This domain may be for sale!
maxcaffy 2014/02/13
.htaccess

ã‚ãƒ£ãƒƒã‚·ãƒ¥

è¨å®š

htaccess

web

javascript

css

webåˆ¶ä½œ

html

é«˜é€ŸåŒ–
ãƒªãƒ³ã‚¯
-ç„¡æ–™ã§èª°ã§ã‚‚ç°¡å˜ã«ãƒŸãƒ‹ãƒãƒ£ãƒƒãƒˆ-FC2 ç„¡æ–™ãƒãƒ£ãƒƒãƒˆ
FC2ç„¡æ–™ãƒãƒ£ãƒƒãƒˆã¯ã€Flashã§ã§ããŸãƒŸãƒ‹ãƒãƒ£ãƒƒãƒˆã§ã™ã€‚ ã‚ãªãŸã®ãƒ–ãƒã‚°ã‚„ãƒ›ãƒ¼ãƒ ãƒšãƒ¼ã‚¸ã«HTMLã‚¿ã‚°ã‚’è²¼ã‚Šä»˜ã‘ã‚‹ã ã‘ã§ã€èª°ã§ã‚‚ç°¡å˜ã«ãƒŸãƒ‹ãƒãƒ£ãƒƒãƒˆã‚’è¨ç½®ã™ã‚‹äº‹ãŒã§ãã¾ã™ã€‚ ãƒ–ãƒã‚°ãƒ‘ãƒ¼ãƒ„ã¨ã—ã¦åˆ©ç”¨ã™ã‚‹ã«ã¯æœ€é©ãªå¤§ãã•ã§ã™ã€‚ FC2ãƒãƒ£ãƒƒãƒˆã¯ã€ã‚µãƒ¼ãƒã¨ã®é€šä¿¡ã‚’Flashå†…éƒ¨ã§ãŠã“ãªã†ã®ã§å¾“æ¥ã®ãƒãƒ£ãƒƒãƒˆã®ã‚ˆã†ãªç…©ã‚ã—ã„ãƒšãƒ¼ã‚¸ã®ãƒªãƒãƒ¼ãƒ‰ãŒå¿…è¦ãªãã€å¿«é©ãªãƒãƒ£ãƒƒãƒˆã‚’ãŠæ¥½ã—ã¿ã„ãŸã ã‘ã¾ã™ã€‚ ãƒ–ãƒã‚°ã‚„ãƒ›ãƒ¼ãƒ ãƒšãƒ¼ã‚¸ã‚’è¨ªã‚Œã¦ãã‚Œã‚‹äººåŒå£«ãŒæ°—è»½ã«ä¼šè©±ã‚’ã™ã‚‹ã“ã¨ãŒã§ãã‚‹ã®ã§æ–°ã—ã„ãŠå‹é”ä½œã‚ŠãŒã§ãã¾ã™ã€‚ å…±é€šã®è©±é¡Œã‚‚ã‚ã£ã¦GOODï¼ ãƒ–ãƒã‚°ã‚„ãƒ›ãƒ¼ãƒ ãƒšãƒ¼ã‚¸ã®å†…å®¹ã«ã¤ã„ã¦åˆ†ã‹ã‚‰ãªã„äº‹ã‚„æ„è¦‹ãªã©ãŒã‚ã‚Œã°ä»–ã®äººã«èžã„ã¡ã‚ƒã„ã¾ã—ã‚‡ã†ï¼ æ–°ã—ã„æƒ…å ±ãŒGETã§ãã‚‹ã‹ã‚‚ã€‚ ä»²ã®è‰¯ã„å‹äººã¨ã®å¾…ã¡åˆã‚ã›å ´æ‰€ã¨ã—ã¦ä½¿ã†ã®ã‚‚OKï¼ ãƒ¡ãƒ³ãƒãƒ¼å°‚ç”¨ã®æŽ²ç¤ºæ¿ã‚„SNSã®ä¸ã«è¨ç½®ã™ã‚Œã°ã€åˆ©ä¾¿æ€§ã‚‚ã‚¢ãƒƒãƒ—ï¼ ãƒªã‚¢ãƒ«ã‚¿ã‚¤ãƒ ã«ä¼šè°ãŒã§ãã¾ã™ã€‚
maxcaffy 2014/02/12
flash

ã‚³ãƒ³ãƒ†ãƒ³ãƒ„

HTML

webã‚µãƒ¼ãƒ“ã‚¹

ãƒãƒ£ãƒƒãƒˆ

blog

ã‚µãƒ³ãƒ—ãƒ«
ãƒªãƒ³ã‚¯
can I use... Support tables for HTML5, CSS3, etc
Test a feature Our partnership with BrowserStack now lets you test your website for compatibility across 2,000+ real browsers and devices. Test on: Did you know? Next If a feature you're looking for is not available on the site, you can vote to have it included. Better yet, if you've done the research you can even submit it yourself! You can import usage data from your Google Analytics account and
maxcaffy 2014/02/06
HTML

flexiblebox

css3

html5

flexbox

gridlayout
ãƒªãƒ³ã‚¯
Webã§å‹•ã‹ã—ãªãŒã‚‰æ“ä½œæ¡ˆå†…ã‚’ç°¡å˜è¨ç½®ï¼ ä½¿ã‚ãªã„ã¨ã‹ãªã‚Šæã™ã‚‹Intro.jsã¨ã¯
Webã§å‹•ã‹ã—ãªãŒã‚‰æ“ä½œæ¡ˆå†…ã‚’ç°¡å˜è¨ç½®ï¼ ä½¿ã‚ãªã„ã¨ã‹ãªã‚Šæã™ã‚‹Intro.jsã¨ã¯ï¼šHTML5ã‚¢ãƒ—ãƒªä½œã‚ã†ãœï¼ï¼ˆ8ï¼‰ï¼ˆ1/2 ãƒšãƒ¼ã‚¸ï¼‰ HTMLã«å±žæ€§ã‚’è¿½åŠ ã—ã¦ã„ãã ã‘ã§ã€å®Ÿéš›ã«æ“ä½œã—ãªãŒã‚‰æ¡ˆå†…ã§ãã‚‹ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã‚’ç°¡å˜ã«ä»˜ã‘ã‚‰ã‚Œã‚‹JavaScriptãƒ©ã‚¤ãƒ–ãƒ©ãƒªã®ä½¿ã„æ–¹ã‚’è§£èª¬ã—ã¾ã™ã€‚ å‹•ç”»ã‚„å°‚ç”¨ãƒšãƒ¼ã‚¸ã®ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã‚ˆã‚Šåˆ†ã‹ã‚Šã‚„ã™ãã€HTMLåˆå¿ƒè€…ã§ã‚‚æ‰‹è»½ã«è¨ç½®ã§ãã‚‹Intro.js ä»Šå›žã®ã€ŒHTML5ã‚¢ãƒ—ãƒªä½œã‚ã†ãœï¼ã€ã¯ã€ã€ŒIntro.jsã€ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ èªè€…ã®çš†ã•ã‚“ã¯ã€Webã‚µã‚¤ãƒˆï¼Webã‚µãƒ¼ãƒ“ã‚¹ã®ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ï¼æ“ä½œæ¡ˆå†…ã‚’ä½œæˆã™ã‚‹ã«ã¯ã€ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«å°‚ç”¨ã®Webãƒšãƒ¼ã‚¸ã‚’ä½œæˆã—ãŸã‚Šã€æ“ä½œã™ã‚‹å‹•ç”»ã‚’ä½œæˆã—ãŸã‚Šã—ã¦ã„ã‚‹æ–¹ã‚‚å¤šã„ã‹ã¨æ€ã„ã¾ã™ã€‚Intro.jsã‚’åˆ©ç”¨ã™ã‚‹ã¨ã€å®Ÿéš›ã«æ“ä½œã—ãªãŒã‚‰æ¡ˆå†…ã§ãã‚‹ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã‚’ç°¡å˜ã«ä»˜ã‘ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ãã®ãŸã‚ã€ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«å°‚ç”¨ãƒšãƒ¼ã‚¸ã‚„å‹•ç”»ã‚’ä½œæˆ
maxcaffy 2014/02/06
js

HTML

Web

webã‚µã‚¤ãƒˆ

ã‚¢ãƒ—ãƒª

JavaScript

html5

ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«

Library

toolbox
ãƒªãƒ³ã‚¯
Stylie
maxcaffy 2014/02/06
want

animation

css

easing

CSSã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³

HTML

tool

ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³

webservice

CSS3
ãƒªãƒ³ã‚¯
Viewport [iPhoneç”Ÿæ´»]
*device-widthã¯iPhoneæ¨ªæŒã¡ã®å ´åˆã§ã‚‚å¿…ãš320pxã€device-heightã¯iPhoneç¸¦æŒã¡ã®å ´åˆã§ã‚‚å¿…ãš480pxã¨ãªã‚Šã¾ã™ ä¾‹ãˆã°ä»¥ä¸‹ã¯ã€Viewportã®æ¨ªå¹…ãŒiPhoneã®ãƒ‡ã‚£ã‚¹ãƒ—ãƒ¬ã‚¤ã®ã‚µã‚¤ã‚ºã§ã€å€çŽ‡ã¯1ã€2å€ã¾ã§æ‹¡å¤§å¯èƒ½ã€ã¨ã„ã†å†…å®¹ã§ã™ã€‚ æå†™ã®ãƒ—ãƒã‚»ã‚¹ã‚’æ¤œè¨¼ã™ã‚‹ã«å½“ãŸã£ã¦ã®æ¡ä»¶ ä»¥ä¸‹ã®èª¬æ˜Žã§ã¯è¤‡é›‘ãªçŠ¶æ³ã‚’èª¬æ˜Žã™ã‚‹å ´åˆã‚‚ã‚ã‚‹ãŸã‚ã€ç‰¹å®šã®èªžå¥ã‚’ç‰¹å®šã®æ„å‘³ã§ã®ã¿ä½¿ç”¨ã—ã¦ã„ã¾ã™ã€‚ç‰¹å®šã®èªžå¥ã¯ä»¥ä¸‹ã§ã™ã€‚ viewport Viewportã®ãƒ¡ã‚¿ã‚¿ã‚°ã§æŒ‡å®šã—ãŸå€¤ã¾ãŸã¯å¾Œã«SafariãŒè¨ˆç®—ã—ãŸå€¤ã€‚initial-scale/width/heightã®3ã¤ã€‚ ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ï¼ˆã‚µã‚¤ã‚ºï¼‰ HTMLã«è¨ç½®ã—ãŸã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã®ã‚µã‚¤ã‚º ãƒ‰ã‚ãƒ¥ãƒ¡ãƒ³ãƒˆï¼ˆã‚µã‚¤ã‚ºï¼‰ ä½™ç™½ã‚’å«ã‚ãŸHTMLå…¨ä½“ã®ã‚µã‚¤ã‚ºã€‚ã‚¦ã‚£ãƒ³ãƒ‰ã‚¦ã‚ˆã‚Šã‚‚å¤§ãã„å ´åˆã¯ã€ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã™ã‚‹ã“ã¨ã§è¦‹ã‚‹ã“ã¨ãŒå‡ºæ¥ã‚‹å…¨ä½“ã®ã‚µã‚¤ã‚ºã€‚ ã‚¦ã‚£ãƒ³ãƒ‰ã‚¦
maxcaffy 2014/02/05
scale

iPhone

ã‚³ãƒ³ãƒ†ãƒ³ãƒ„

css

webåˆ¶ä½œ

html5

webdesign

mobile

viewport

HTML
ãƒªãƒ³ã‚¯
ã‚¯ãƒã‚¹ãƒ—ãƒ©ãƒƒãƒˆãƒ•ã‚©ãƒ¼ãƒ é–‹ç™ºã®å¤§æœ¬å‘½!? HTML5ã‚‚ã‚¢ãƒ—ãƒªã‚‚Flashã‚‚é–‹ç™ºã§ãã‚‹ã€ŒOpenFLã€ã¨ã¯ï¼Ÿ - ICS MEDIA
ã‚¯ãƒã‚¹ãƒ—ãƒ©ãƒƒãƒˆãƒ•ã‚©ãƒ¼ãƒ é–‹ç™ºã®å¤§æœ¬å‘½!? HTML5ã‚‚ã‚¢ãƒ—ãƒªã‚‚Flashã‚‚é–‹ç™ºã§ãã‚‹ã€ŒOpenFLã€ã¨ã¯ï¼Ÿ ã€Œã‚¤ãƒ³ã‚¿ãƒ©ã‚¯ãƒ†ã‚£ãƒ–ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’ãƒ¯ãƒ³ã‚½ãƒ¼ã‚¹ã§ã‚¯ãƒã‚¹ãƒ—ãƒ©ãƒƒãƒˆãƒ•ã‚©ãƒ¼ãƒ ã«å¯¾å¿œã•ã›ãŸã„ã€ã€ãã‚Œã¯ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã®ãƒ‡ãƒ™ãƒãƒƒãƒ‘ãƒ¼ã§ã‚ã‚Œã°èª°ã‚‚ãŒæœ›ã‚€ã“ã¨ã§ã¯ãªã„ã§ã—ã‚‡ã†ã‹ã€‚ä¸€æ˜”å‰ã¯Adobe FlashãŒã€ŒOpen Screen Projectã€ã¨é¡Œã—ã¦ä¸€æ©æ‰‹å‰ã¾ã§å®Ÿç¾ã—ã¦ã„ã¾ã—ãŸãŒã€iPhoneã‹ã‚‰Flashã‚’ç· ã‚å‡ºãã†ã¨ã™ã‚‹Appleã®å¼·ç¡¬ãªå§¿å‹¢ã«ã‚ˆã£ã¦é “æŒ«ã™ã‚‹ã“ã¨ã«ãªã‚Šã¾ã—ãŸã€‚ å°¾é‡Žã•ã‚“(ã—ã£ã½ã•ã‚“)ã‹ã‚‰ã®å‹§ã‚ã‚‚ã‚ã‚Šèª¿ã¹ãŸã®ã§ã™ãŒã€ã€ŒOpenFLã€ï¼ˆã‚ªãƒ¼ãƒ—ãƒ³ã‚¨ãƒ•ã‚¨ãƒ«ï¼‰ã¨ã„ã†ãƒ†ã‚¯ãƒŽãƒã‚¸ãƒ¼ã¯ã•ã¾ã–ã¾ãªå½¢å¼ã«ã‚¤ãƒ³ã‚¿ãƒ©ã‚¯ãƒ†ã‚£ãƒ–ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’å‡ºåŠ›ã§ãã¾ã™ã€‚ã¤ã¾ã‚ŠOpenFLã‚’ä½¿ãˆã°ãƒ¯ãƒ³ã‚½ãƒ¼ã‚¹ã§ã‚¯ãƒã‚¹ãƒ—ãƒ©ãƒƒãƒˆãƒ•ã‚©ãƒ¼ãƒ ã‚’å®Ÿç¾ã§ãã‚‹ã®ã§ã™ã€‚ä»Šå›žã¯OpenFLã‹ã‚‰HTML5ã¨Flashã‚’å‡ºåŠ›ã™ã‚‹ã“ã¨ã«ã‚ˆã£ã¦ã‚¯ãƒã‚¹
maxcaffy 2014/01/30
html5

flash

HTML

ã‚³ãƒ³ãƒ†ãƒ³ãƒ„

haxe

unread

openfl
ãƒªãƒ³ã‚¯
Edge Animateã¨ã¯â€•â€•ç„¡æ–™ã§ä½¿ãˆã‚‹HTML5åˆ¶ä½œãƒ„ãƒ¼ãƒ« (1/2)
ã€Œã‚¹ãƒžãƒ›ã«ã‚‚å¯¾å¿œã—ãŸã„ã‹ã‚‰Flashã®ä»£ã‚ã‚Šã«HTML5ã§ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ä½œã£ã¦ã€ã¨é ¼ã¾ã‚Œã‚‹ã“ã¨ã‚ã‚Šã¾ã›ã‚“ã‹ï¼Ÿã€€ã¨ã“ã‚ãŒã€JavaScriptã®ã‚³ãƒ¼ãƒ‰ã‚’è¨˜è¿°ã—ã¦ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ä½œã‚‹ã®ã¯Webãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã«ã¯ãƒãƒ¼ãƒ‰ãƒ«ãŒé«˜ãã€å¤šãã®ãƒ‡ãƒã‚¤ã‚¹ã§å‹•ãã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã®åˆ¶ä½œã¯ç°¡å˜ã§ã¯ã‚ã‚Šã¾ã›ã‚“ã€‚ãã“ã§æ³¨ç›®ã•ã‚Œã¦ã„ã‚‹ã®ãŒã€Flashæ„Ÿè¦šã§ã‚¿ã‚¤ãƒ ãƒ©ã‚¤ãƒ³ãƒ™ãƒ¼ã‚¹ã®ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ä½œã‚Œã‚‹ã€ŒEdge Animateã€ã§ã™ã€‚æœ¬é€£è¼‰ã§ã¯ã€Webãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã‚„Flashã‚¯ãƒªã‚¨ã‚¤ã‚¿ãƒ¼ã‚’å¯¾è±¡ã«ã€Edge Animateã®åŸºæœ¬çš„ãªä½¿ã„æ–¹ã‹ã‚‰å®Ÿè·µçš„ãªã‚³ãƒ³ãƒ†ãƒ³ãƒ„åˆ¶ä½œã®æ–¹æ³•ã¾ã§ã‚’è§£èª¬ã—ã¾ã™ã€‚ï¼ˆç·¨é›†éƒ¨ï¼‰ ã€Œã‚¹ãƒžãƒ›ã«ã‚‚å¯¾å¿œã—ãŸã„ã‹ã‚‰Flashã®ä»£ã‚ã‚Šã«HTML5ã§ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ä½œã£ã¦ã€ã¨é ¼ã¾ã‚Œã‚‹ã“ã¨ã‚ã‚Šã¾ã›ã‚“ã‹ï¼Ÿã€€ã¨ã“ã‚ãŒã€JavaScriptã®ã‚³ãƒ¼ãƒ‰ã‚’è¨˜è¿°ã—ã¦ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ä½œã‚‹ã®ã¯Webãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã«ã¯ãƒãƒ¼ãƒ‰ãƒ«ãŒé«˜ãã€å¤šãã®ãƒ‡ãƒã‚¤ã‚¹ã§å‹•ã
maxcaffy 2014/01/30
html5

HTML

ã‚³ãƒ³ãƒ†ãƒ³ãƒ„

Edge Animate

ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³

flash

animation

Edge

CSS3

adobe
ãƒªãƒ³ã‚¯
æ›¸ç±ãªã©ã«ç´¹ä»‹ã•ã‚Œã¦ã„ãªã„ display : inline-block ã«ã¤ã„ã¦
display : inline-block ã‚’ã¤ã‹ã£ãŸãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆ åˆç‰ˆ : 2008 å¹´ 7 æœˆ 5 æ—¥ ã‚¢ãƒƒãƒ—ãƒ‡ãƒ¼ãƒˆ : 2008 å¹´ 10 æœˆ 16 æ—¥ å°å±±ç”° æ™ƒæµ© æ ªå¼ä¼šç¤¾ãƒ¡ã‚¿ãƒ•ã‚§ã‚¤ã‚º çŸ¢å°ã‚ãƒ¼ã®å·¦å³ã§ã‚¹ãƒ©ã‚¤ãƒ‰ã‚’åˆ‡ã‚Šæ›¿ãˆã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚
maxcaffy 2014/01/20
ã‚¹ãƒ©ã‚¤ãƒ‰

tips

design

webãƒ‡ã‚¶ã‚¤ãƒ³

css

webdesign

HTML

inline-block
ãƒªãƒ³ã‚¯
å†™çœŸã‚’çµµã®ã‚ˆã†ã«ã™ã‚‹å†™çœŸåŠ å·¥æŠ€è¡“ã€ŒPhotoDramatica-PROã€ - ã‚ã‚„ãˆã‚‚ç ”ç©¶æ‰€
ã“ã¡ã‚‰ã®ç„¡æ–™èƒŒæ™¯ç´ æé›†ï¼ˆã€Œç¹è¯è¡—ãƒ»ã‚·ãƒ§ãƒƒãƒ—ã€ã€Œå…¬åœ’ã€ã€Œä½å®…è¡—ã€ã€Œå¦æ ¡ã€ã€Œç¥žç¤¾ã€ã€Œå±±ã€ã€Œç©ºã€ï¼‰ã¯ã€PhotoDramatica-PROã‚’ãƒ™ãƒ¼ã‚¹ã«ã—ã¦ã€å¤šå°‘ãƒ¬ã‚¿ãƒƒãƒã‚‚åŠ ãˆã¦ä»•ä¸Šã’ã‚‰ã‚Œã¦ã„ã¾ã™ã€‚ ã“ã®ç”»åƒä½œæˆã«ã‹ã‹ã£ãŸæ™‚é–“ã¯ã€ä»¥ä¸‹ã®é€šã‚Šã§ã™ã€‚ï¼ˆPhotoshopã®ãƒãƒƒãƒå‡¦ç†ã‚’åˆ©ç”¨ã—ã¦ä¸€æ‹¬ç”Ÿæˆã—ã¦ã„ã‚‹ã®ã§ã€1æžš1æžšç”Ÿæˆã™ã‚‹å ´åˆã‚ˆã‚Šã‚‚çŸã„æ™‚é–“ã§ç”Ÿæˆã§ãã¦ã„ã¾ã™ï¼‰ æžšæ•°ï¼šå ´é¢æ•°87 x å·®åˆ†0ï½ž8æžš ä½œæˆç”»åƒæžšæ•°ï¼š562æžšï¼ˆå·®åˆ†è¾¼ã¿ï¼‰ ä½œæˆæ—¥æ•°ï¼š13æ—¥ï¼ˆå†™çœŸæ’®å½±æ—¥ã‚’å«ã¾ãšï¼‰ ä½œæˆæ™‚é–“æ•°ï¼š55æ™‚é–“ 1æ—¥ã‚ãŸã‚Šã®å¹³å‡ä½œæ¥æ™‚é–“ï¼š4æ™‚é–“10åˆ†ç¨‹åº¦ èƒŒæ™¯1å ´é¢ï¼ˆå·®åˆ†ã‚’å…¨ã¦å«ã‚€ï¼‰ã‚ãŸã‚Šã®å¹³å‡ä½œæˆæ™‚é–“ï¼š38åˆ† èƒŒæ™¯1æžšã‚ãŸã‚Šã®å¹³å‡ä½œæˆæ™‚é–“ï¼šç´„6åˆ† HTMLã¨å‹•ç”»ã§åˆ†ã‹ã‚Šã‚„ã™ãã€è©³ã—ãè§£èª¬ ã“ã®æ•™æã¯ã€ä¸»ã«HTMLã®ãƒ†ã‚ã‚¹ãƒˆã¨å‹•ç”»ã§æ§‹æˆã•ã‚Œã¦ã„ã¾ã™ã€‚å‹•ç”»ã§ã¯ã€å‡¦ç†éŽç¨‹ã®æœ€åˆã‹ã‚‰æœ€å¾Œã¾ã§ã‚’é€šã—ã¦èª¬æ˜Žã—ã¦ã„ã¦ã€HTMLã®
maxcaffy 2014/01/15
HTML

ã‚²ãƒ¼ãƒ åˆ¶ä½œ

ã‚µãƒ³ãƒ—ãƒ«
ãƒªãƒ³ã‚¯
Learn web development Â |Â web.dev
Stay organized with collections Save and categorize content based on your preferences. Explore our growing collection of courses on key web design and development subjects. An industry expert has written each course, helped by members of the Chrome team. Follow the modules sequentially, or dip into the topics you most want to learn about.
maxcaffy 2013/12/13
canvas

html5

HTML

javascript

ã‚ã¨ã§èªã‚€

development

study

performance

ãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹
ãƒªãƒ³ã‚¯
Cuushe - Airy Me on Vimeo
maxcaffy 2013/07/20
music

HTML

Video

Article

shop

animation

å‹•ç”»

vimeo
ãƒªãƒ³ã‚¯
ã“ã‚Œã¯ã‚¦ã‚§ãƒ–ãƒšãƒ¼ã‚¸ã§ã™ï½¡
ãŸã„ã—ãŸãƒšãƒ¼ã‚¸ã§ã¯ã‚ã‚Šã¾ã›ã‚“ï½¡ ã‚ã‚‹ã®ã¯è¨€è‘‰ã ã‘ï½¡ ãã‚Œã‚’ã‚ãªãŸã¯èªã‚“ã§ã„ã¾ã™ï½¡ ã‚ªã‚·ãƒ£ãƒ¬ãªãƒ‡ã‚¶ã‚¤ãƒ³ã‚„ï½¤ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ãªãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆï½¤é”æ³•ã®ã‚ˆã†ãªã‚¹ã‚¯ãƒªãƒ—ãƒˆã«ç§ãŸã¡ã¯é…äº†ã•ã‚Œã¦ã—ã¾ã„ã¾ã—ãŸï½¡ ã§ã‚‚ï½¤ã‚¦ã‚§ãƒ–ã§ä¸€ç•ªå¼·åŠ›ãªé“å…·ã¯ï½¤ä»Šã‚‚æ˜”ã‚‚è¨€è‘‰ã§ã™ï½¡ ç§ãŒæ›¸ã„ãŸè¨€è‘‰ã‚’ï½¤ã‚ãªãŸãŒèªã‚“ã§ã„ã‚‹ï½¡ã“ã‚Œã“ãé”æ³•ã§ã™ï½¡ ç§ã¯ãƒ–ãƒªãƒ†ã‚£ãƒƒã‚·ãƒ¥ã‚³ãƒãƒ³ãƒ“ã‚¢å·žã®å°ã•ãªéƒ½å¸‚ã«ã„ã¾ã™ãŒï½¤ã‚ãªãŸã¯åˆ¥ã®ã©ã“ã‹ã«ã„ã‚‹ã“ã¨ã§ã—ã‚‡ã†ï½¡ç§ã¯2013å¹´6æœˆ20æ—¥ã®æ—©æœã«ã“ã‚Œã‚’æ›¸ãã¾ã—ãŸãŒï½¤ã‚ãªãŸã¯é•ã†æ—¥æ™‚ã«ã“ã‚Œã‚’èªã‚“ã§ã„ã‚‹ã“ã¨ã§ã—ã‚‡ã†ï½¡ç§ã¯ãƒŽãƒ¼ãƒˆãƒ‘ã‚½ã‚³ãƒ³ã§ã“ã‚Œã‚’æ›¸ãã¾ã—ãŸãŒï½¤ã‚ãªãŸã¯æºå¸¯é›»è©±ã§ã“ã‚Œã‚’èªã‚“ã§ã„ã‚‹ã‹ã‚‚ã—ã‚Œãªã„ã—ï½¤ã‚¿ãƒ–ãƒ¬ãƒƒãƒˆç«¯æœ«ã‚„ãƒ‡ã‚¹ã‚¯ãƒˆãƒƒãƒ—ç«¯æœ«ã§èªã‚“ã§ã„ã‚‹ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ï½¡ ç§ã¨ã‚ãªãŸãŒã“ã†ã—ã¦ç¹‹ãŒã‚‹ã“ã¨ãŒã§ããŸã®ã¯ï½¤ç§ãŒæ›¸ã„ãŸè¨€è‘‰ã‚’ã‚ãªãŸãŒèªã‚“ã§ã„ã‚‹ã‹ã‚‰ã§ã™ï½¡ã‚¦ã‚§ãƒ–ã¨ã¯ãã†ã„ã†ã‚‚ã®ã§ã™ï½¡å ´æ‰€ã‚„ç«¯æœ«ï½¤ã‚¿ã‚¤ãƒ ã‚¾ãƒ¼ãƒ³ãŒé•ã£ã¦ã‚‚ï½¤ã“ã®ã‚·
maxcaffy 2013/07/05
HTML

ã‚³ãƒ³ãƒ†ãƒ³ãƒ„

ãƒ•ã‚©ãƒˆã‚·ãƒ§ãƒƒãƒ—

ã‚¹ã‚¯ãƒªãƒ—ãƒˆ

ã‚³ãƒ¼ãƒ‰

web

design

ãƒ‡ã‚¶ã‚¤ãƒ³

webdesign

webãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
ã‚ªãƒ³ãƒžã‚¦ã‚¹ã§ãµã‚“ã‚ã‚Šç¾ã‚Œã‚‹ï¼CSS3ã‚’ä½¿ã£ãŸå¹ãå‡ºã—ã‚µãƒ³ãƒ—ãƒ«5ã¤
ã‚¿ã‚¤ãƒˆãƒ«ã®é€šã‚Šã§ã™ãŒã€ã‚¢ã‚¤ã‚³ãƒ³ã®ä¸Šã«ãƒžã‚¦ã‚¹ã‚’ä¹—ã›ã‚‹ã¨å¹ãå‡ºã—ãŒç¾ã‚Œã‚‹ã‚µãƒ³ãƒ—ãƒ«ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ä»Šå›žã¯ç¾ã‚Œã‚‹å‹•ããŒé•ã†ã‚µãƒ³ãƒ—ãƒ«ã‚’5ã¤ç”¨æ„ã—ã¾ã—ãŸã®ã§ã€æ°—ã«å…¥ã£ãŸã‚‚ã®ãŒã‚ã‚Œã°ã†ã‚Œã—ã„ã§ã™ã€‚ Chromeã€Firefoxã®æœ€æ–°ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã‚„IE10ã ã¨ã™ã¹ã¦ã®ã‚µãƒ³ãƒ—ãƒ«ãŒå‹•ãã¾ã™ã€‚CSS3ã®transitionã‚„rotateãŒä½¿ãˆãªã„ãƒ–ãƒ©ã‚¦ã‚¶ã§ã‚‚æ©Ÿèƒ½çš„ã«ã¯å•é¡Œã¯ãªã„ã¨æ€ã„ã¾ã™ã€‚opacityãŒä½¿ãˆãªã„IE8ä»¥ä¸‹ã¯ã¡ã‚‡ã£ã¨åŽ³ã—ã„ã§ã™ãŒã€æœ€å¾Œã«å°‘ã—å¯¾å¿œæ³•ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ ã§ã¯ã€ä¸€ç•ªä¸Šã®ã‚µãƒ³ãƒ—ãƒ«ã‚’è§£èª¬ã—ã¾ã™ã€‚ HTML ã¾ãšã¯HTMLã‹ã‚‰ã€‚ Home Twitter Facebook RSS Setting aè¦ç´ ãŒã‚¢ã‚¤ã‚³ãƒ³ã§ã€spanè¦ç´ ãŒå¹ãå‡ºã—ã§ã™ã€‚ã‚¢ã‚¤ã‚³ãƒ³ã¯Webãƒ•ã‚©ãƒ³ãƒˆã§è¡¨ç¤ºã—ã¾ã™ã€‚ ç¶šã„ã¦CSSã§ã™ã€‚ã„ã¤ã‚‚é€šã‚Šã¾ãšã¯å…¨éƒ¨è¼‰ã›ã¾ã™ã€‚ @font-face { font-family: 'typicon
maxcaffy 2013/06/25
ã‚µãƒ³ãƒ—ãƒ«

url

ã‚¢ã‚¤ã‚³ãƒ³

Font

css

svg

tips

webãƒ‡ã‚¶ã‚¤ãƒ³

html

webåˆ¶ä½œ
ãƒªãƒ³ã‚¯
1 2 3 æ¬¡ã®ãƒšãƒ¼ã‚¸