[B! *WEBåˆ¶ä½œ][font] beth321ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

beth321 id:beth321

*WEBåˆ¶ä½œã¨fontã«é–¢ã™ã‚‹beth321ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (9)

${{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}}

å•†ç”¨ã§ã‚‚ç„¡æ–™ã§ä½¿ãˆã‚‹2ç¨®é¡žã®æ—¥æœ¬èªžãƒ•ã‚©ãƒ³ãƒˆã€Œåˆ»æ˜Žæœã€ã€Œåˆ»ã‚´ã‚·ãƒƒã‚¯ã€
æ¼¢å—ã«æ¯”ã¹ã¦å¹³ä»®åãƒ»ã‚«ã‚¿ã‚«ãƒŠã‚’å¹…ã”ã¨å°ã•ããƒ‡ã‚¶ã‚¤ãƒ³ã—ã€æ–‡ç« å…¨ä½“ã‚’è¡¨ç¤ºã•ã›ãŸæ™‚ã®çµ±ä¸€æ„Ÿã‚’é‡è¦–ã—ãŸãƒ•ã‚©ãƒ³ãƒˆãŒã€Œåˆ»ã€ã‚·ãƒªãƒ¼ã‚ºã§ã™ã€‚æ˜Žæœä½“ã®ã€Œåˆ»æ˜Žæœãƒ•ã‚©ãƒ³ãƒˆã€ã¨ã‚´ã‚·ãƒƒã‚¯ä½“ã®ã€Œåˆ»ã‚´ã‚·ãƒƒã‚¯ãƒ•ã‚©ãƒ³ãƒˆã€ã®2ç¨®é¡žãŒç”¨æ„ã•ã‚Œã¦ã„ã‚‹ã€Œåˆ»ã€ã‚·ãƒªãƒ¼ã‚ºã¯ç„¡æ–™ã§ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã§ãå•†ç”¨ãƒ»éžå•†ç”¨å•ã‚ãšè‡ªç”±ã«ä½¿ç”¨å¯èƒ½ã«ãªã£ã¦ã„ã¾ã™ã€‚ ãƒ•ãƒªãƒ¼ãƒ•ã‚©ãƒ³ãƒˆã®æ¨¹ http://freefonts.jp/ ãã®å—ä½“ãŒæŒã¤é›°å›²æ°—ã¯ã‚‚ã¡ã‚ã‚“ã®ã“ã¨ã€ä¸¡ãƒ•ã‚©ãƒ³ãƒˆãŒç‰¹å¾´ã¨ã—ã¦ã„ã‚‹ã®ã¯ä»®åã¨æ¼¢å—ã®å¤§ãã•ã«ã‚¢ã‚¯ã‚»ãƒ³ãƒˆã‚’ä»˜ã‘ãŸãƒ‡ã‚¶ã‚¤ãƒ³ã€‚ä½•è¡Œã«ã‚‚ã‚ãŸã‚‹é•·ã„æ–‡ç« ã‚’è¡¨ç¤ºã•ã›ãŸã¨ãã«ã€ç´™é¢ãã®ã‚‚ã®ãŒä¸€ã¤ã®æ¨¡æ§˜ã§ã‚ã‚‹ã‚ˆã†ãªçµ±ä¸€æ„Ÿã®ã‚ã‚‹ç¾Žã—ã•ã‚’æ¼”å‡ºã™ã‚‹ã‚ˆã†ã«ä½œã‚‰ã‚Œã¦ã„ã¾ã™ã€‚ åˆ»æ˜Žæœä½“ã§æ–‡ç« ã‚’è¡¨ç¤ºã•ã›ã‚‹ã¨ã“ã‚“ãªæ„Ÿã˜ã€‚ æ¼¢å—ã¨ã‹ãªæ–‡å—ã®ã‚µã‚¤ã‚ºã®é•ã„ãŒãƒ¡ãƒªãƒãƒªã‚’ä¸Žãˆã¦ã„ã¾ã™ã€‚ ä¸€æ–¹ã®åˆ»ã‚´ã‚·ãƒƒã‚¯ä½“ã§åŒã˜æ–‡ç« ã‚’è¡¨ç¤ºã•ã›ãŸã‚‰ã“ã‚“ãªæ„Ÿã˜ã€‚ãƒšãƒ¼ã‚¸å…¨ä½“ã‹ã‚‰å—ã‘ã‚‹å°è±¡ã¯ã€åˆ»æ˜Žæœä½“ã¨å¤§ã
beth321 2014/03/27
GIGAZINE

ãƒ•ã‚©ãƒ³ãƒˆ

font

ç´ æ

ãƒ•ãƒªãƒ¼

ç„¡æ–™

ã„ã¡ãŠã—

*ãƒ—ãƒ©ãƒ³ãƒ‹ãƒ³ã‚°

*ç´ æ

*Webåˆ¶ä½œ
ãƒªãƒ³ã‚¯
ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã—ã¦ãŠããŸã„ãƒ•ãƒªãƒ¼ã®ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ•ã‚©ãƒ³ãƒˆã®ã¾ã¨ã‚ -2013å¹´7æœˆ
æœ€è¿‘ãƒªãƒªãƒ¼ã‚¹ã•ã‚ŒãŸã‚‚ã®ã‚’ä¸å¿ƒã«ã€é«˜å“è³ªãªãƒ•ãƒªãƒ¼ã®ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ•ã‚©ãƒ³ãƒˆãƒ»ã‚¿ã‚¤ãƒ—ãƒ•ã‚§ã‚¤ã‚¹ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ ã¯ã˜ã‚ã¯ã¡ã‚‡ã£ã¨çã—ã„ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚¿ã‚¤ãƒ—ã®ã‚‚ã®ã‹ã‚‰ï¼
beth321 2013/07/31
*webåˆ¶ä½œ

*Webã‚µãƒ¼ãƒ“ã‚¹

ãƒ•ã‚©ãƒ³ãƒˆ

ãƒ•ãƒªãƒ¼ãƒ•ã‚©ãƒ³ãƒˆ

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

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

font

ã‚ã¨ã§èªã‚€

è‹±å—

*ãƒ‡ã‚¶ã‚¤ãƒ³å‚è€ƒ
ãƒªãƒ³ã‚¯
æ—¥æœ¬èªžãƒ•ãƒªãƒ¼ãƒ•ã‚©ãƒ³ãƒˆã¾ã¨ã‚63å€‹ â€“ 2013å¹´7æœˆï½œç”·åãƒãƒƒã‚¯
@JUNP_Nã§ã™ã€‚è‡ªåˆ†ç”¨ã®ãŸã‚ã«æ—¥æœ¬èªžã§ä½¿ãˆã‚‹ãƒ•ãƒªãƒ¼ãƒ•ã‚©ãƒ³ãƒˆã‚’ã¾ã¨ã‚ã¦ã¿ã¾ã—ãŸã€‚ã“ã†ã‚„ã£ã¦ã¿ã‚‹ã¨çµæ§‹ãªæ•°ãŒã‚ã‚Šã¾ã™ãã€‚ä½•ã‹ã®ãŠå½¹ã«æ˜¯éžã©ã†ãžã€‚
beth321 2013/07/21
*ã‚ã¨ã§èªã‚€

*webåˆ¶ä½œ

#ãƒ†ã‚¯ãƒŽãƒã‚¸ãƒ¼

ãƒ•ã‚©ãƒ³ãƒˆ

font

ãƒ•ãƒªãƒ¼ãƒ•ã‚©ãƒ³ãƒˆ

ã¾ã¨ã‚

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

æ—¥æœ¬èªž

design
ãƒªãƒ³ã‚¯
[CSS]ãƒ†ã‚ã‚¹ãƒˆã®å¤©åœ°ã«ç¾Žã—ã„ã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã®ãƒœãƒ¼ãƒ€ãƒ¼ã¨èƒŒæ™¯ã‚’é©ç”¨ã™ã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆ
pè¦ç´ ãªã©ã§å®Ÿè£…ã—ãŸãƒ†ã‚ã‚¹ãƒˆã®å¤©åœ°ã«ã€ç¾Žã—ã„ã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã®ãƒœãƒ¼ãƒ€ãƒ¼ã¨èƒŒæ™¯ã‚’é©ç”¨ã™ã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã®ãƒ‡ãƒ¢ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ ã‚«ãƒ«ãƒ”ã‚¹ã‚‚ã¡ã¯ãŠã‚„ã¤ã«ã‚‚ã‚‰ã£ãŸã®ãŒãŠã„ã—ã‹ã£ãŸã ã‘ã§ã€ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã«ã¯ä½•ã®é–¢ä¿‚ã‚‚ã‚ã‚Šã¾ã›ã‚“ã€‚ ä¸Šè¨˜ã¯å½“æ–¹ã§ãƒ†ã‚ã‚¹ãƒˆã‚„ã‚µã‚¤ã‚ºã‚’å¤‰æ›´ã—ãŸã‚‚ã®ã§ã€ãƒ‡ãƒ¢ã¯ä¸‹è¨˜ã«ã‚ã‚Šã¾ã™ã€‚ Gradient Borders å®Ÿè£…ã¯ã‚·ãƒ³ãƒ—ãƒ«ãªã®ã§ã€ä»–ã«ã‚‚å¿œç”¨ãŒãããã†ã§ã™ãã€‚ HTML pè¦ç´ ã‚’divã§å†…åŒ…ã—ã¾ã™ã€‚ <div class='backbox'> <p>This is the future.<br>Live it & love it.</p> </div> CSS ã¾ãšã¯ã€Webãƒ•ã‚©ãƒ³ãƒˆã¨èƒŒæ™¯ã‚«ãƒ©ãƒ¼ã®è¨å®šã§ã™ã€‚ @import url(http://fonts.google apis.com/css?family=Josefin+Slab); html { background-colo
beth321 2013/07/03
*webåˆ¶ä½œ

CSS

CSS3

èƒŒæ™¯

HTML

ã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³

å°æŠ€

ãƒ•ã‚©ãƒ³ãƒˆ

ãƒ†ã‚ã‚¹ãƒˆ

font
ãƒªãƒ³ã‚¯
The Design Office: Modern Pictograms
Modern Pictograms is a set of 260+ icons that work at most any size and in any context. Install the OpenType file for Photoshop mockups or Keynote presentations and drop in the @font-face code into your CSS to embed them right in your Web page. Buy single SVGs or typeface at modernpictograms.com. Designed to work on web sites at sizes down to 18 pixels, but best at higher than 24 pixels. p" data-c
beth321 2012/11/23
*ã‚ã¨ã§èªã‚€

*webåˆ¶ä½œ

*WEB

webãƒ•ã‚©ãƒ³ãƒˆ

font

icon

design

ãƒ•ã‚©ãƒ³ãƒˆ

material

ã‚¢ã‚¤ã‚³ãƒ³
ãƒªãƒ³ã‚¯
ã‚¿ã‚¤ãƒã‚°ãƒ©ãƒ•ã‚£ã®ç´ æ™´ã‚‰ã—ã„ä¸–ç•Œã‚’ã¾ãšã¯ç„¡æ–™ã®ã‚‚ã®ã‹ã‚‰å¦ã‚“ã§ã¿ã‚‹ebookã®ã¾ã¨ã‚
ã‚¿ã‚¤ãƒã‚°ãƒ©ãƒ•ã‚£ã®åŸºç¤ŽçŸ¥è˜ã‚„ç”¨èªžè§£èª¬ã€åŸºæœ¬ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ãªã©ã‚’ã¾ã¨ã‚ãŸãƒ•ãƒªãƒ¼ã®ebook(PDF)ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚
beth321 2012/10/10
*webåˆ¶ä½œ

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

ã‚¿ã‚¤ãƒã‚°ãƒ©ãƒ•ã‚£

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

ãƒ•ã‚©ãƒ³ãƒˆ

design

font

Typography

é›»åæ›¸ç±

2012å¹´
ãƒªãƒ³ã‚¯
ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã—ã¦ãŠããŸã„ãƒ•ãƒªãƒ¼ã®ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ•ã‚©ãƒ³ãƒˆã®ã¾ã¨ã‚ -2012å¹´7æœˆ
æœ€è¿‘ãƒªãƒªãƒ¼ã‚¹ã•ã‚ŒãŸã‚‚ã®ã‚’ä¸å¿ƒã«ã€é«˜å“è³ªãªãƒ•ãƒªãƒ¼ã®ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ•ã‚©ãƒ³ãƒˆãƒ»ã‚¿ã‚¤ãƒ—ãƒ•ã‚§ã‚¤ã‚¹ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ Sina Nova å€‹äººãƒ»å•†ç”¨åˆ©ç”¨ç„¡æ–™ã€‚ Ashbury å€‹äººãƒ»å•†ç”¨åˆ©ç”¨ç„¡æ–™ã€‚ Epocaclassic
beth321 2012/07/23
*webåˆ¶ä½œ

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

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

font

ãƒ•ãƒªãƒ¼ç´ æ

ãƒ•ã‚©ãƒ³ãƒˆ

ã¾ã¨ã‚

ç´ æ

ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰

ã‚ã¨ã§èªã‚€
ãƒªãƒ³ã‚¯
Webãƒ•ã‚©ãƒ³ãƒˆã‚’åˆ©ç”¨ã™ã‚‹éš›ã«çŸ¥ã£ã¦ãŠãã¨å½¹ç«‹ã¡ãã†ãªTipsã¨ã‹ã‚µã‚¤ãƒˆã„ã‚ã„ã‚ - ã‹ã¡ã³ã¨.net
ã“ã®è¨˜äº‹ã¯å¹´ä»¥ä¸Šå‰ã«æ›¸ã‹ã‚ŒãŸã‚‚ã®ã§ã€å†…å®¹ãŒå¤ã‹ã£ãŸã‚Šã€ã‚»ã‚ãƒ¥ãƒªãƒ†ã‚£ä¸Šã®å•é¡Œç‰ã®ç†ç”±ã§ãƒªãƒ³ã‚¯ãŒè§£é™¤ã•ã‚Œã¦ã„ã‚‹å¯èƒ½æ€§ãŒã‚ã‚Šã¾ã™ã€‚ Webãƒ•ã‚©ãƒ³ãƒˆã«é–¢ã—ã¦èª¿ã¹ç‰©ã‚’ã—ãŸã®ã§ å€‹äººçš„ãªãƒ¡ãƒ¢ã€‚å°‘ã—åˆ©ç”¨é »åº¦ãŒã‚ãŒã£ã¦ æ¥ãŸã®ã§æŽ¢ã—ã‚„ã™ã„ã‚ˆã†ã«ã¾ã¨ã‚ã¦ãŠã ã¾ã™ã€‚ã¾ã ã¡ã‚‡ã£ã¨ä½¿ã„æ…£ã‚Œã¦ãªã„ã®ã§ ã‚‚ã†å°‘ã—å‹‰å¼·ã—ãªã„ã¨ãƒ€ãƒ¡ã§ã™ããƒ»ãƒ» ã‚¹ãƒžãƒ•ã‚©å‘ã‘ã®ãƒªã‚½ãƒ¼ã‚¹ã‚‚ã‚ã‚Šã¾ã™ã€‚ ã¨ã„ã†ã‚ã‘ã§Webãƒ•ã‚©ãƒ³ãƒˆã«é–¢ã™ã‚‹ãƒ¡ãƒ¢ã§ã™ã€‚ä»¥å‰è§¦ã‚Šã ã‘ã—ã‹æ›¸ã‹ãªã‹ã£ãŸã®ã§ã‚‚ã†å°‘ã—æ·±ãèª¿ã¹ã¦ãŠã“ã†ã¨æ€ã„è¨˜äº‹ã«ã—ã¾ã—ãŸã€‚ã®ã§ã€éŽåŽ»ã®è¨˜äº‹ã¨çµæ§‹é‡è¤‡ã—ã¾ã™ã€‚ æœ€ä½Žé™ã®çŸ¥è˜ æœ€ä½Žé™ã‹ã©ã†ã‹åˆ†ã‹ã‚Šã¾ã›ã‚“ã‘ã©ï½—ã€€å°‘ã—ä¸æ˜Žçžãªç‚¹ã‚‚ã‚ã‚Šã¾ã™ã®ã§é–“é•ã„ãŒã‚ã‚Œã°ã”æŒ‡æ‘˜é ‚ã‘ã‚‹ã¨å¹¸ã„ã§ã™ã€‚ ãƒ©ã‚¤ã‚»ãƒ³ã‚¹ ã¾ãšãƒ©ã‚¤ã‚»ãƒ³ã‚¹ã§ã™ãŒã€é€šå¸¸ã€Webãƒ•ã‚©ãƒ³ãƒˆã¨ã—ã¦åˆ©ç”¨ã™ã‚‹ã«ã¯å½“ç„¶ãƒ•ã‚©ãƒ³ãƒˆã®è‘—ä½œè€…æ¬¡ç¬¬ã«ãªã‚Šã¾ã™ã€‚ Webãƒ•ã‚©ãƒ³ãƒˆã¨ã—ã¦ä½¿ã†ã«ã¯ã‚µãƒ¼ãƒãƒ¼ã«ãƒ•ã‚©ãƒ³ãƒˆãƒ•ã‚¡ã‚¤ãƒ«ã‚’ã‚¢ãƒƒãƒ—ãƒ
beth321 2011/12/22
font

local

Format

IE

*webåˆ¶ä½œ

ãƒ•ã‚©ãƒ³ãƒˆ

webfont

Webãƒ•ã‚©ãƒ³ãƒˆ

ã¾ã¨ã‚

Webãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
ã‚¦ã‚§ãƒ–åˆå¿ƒè€…ã‚‚å®‰å¿ƒã—ã¦ä½œæˆã§ãã‚‹ã€ç„¡æ–™HTMLãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆç´ æ24å€‹ã¾ã¨ã‚ - PhotoshopVIP
ã€Žãƒ•ã‚©ãƒˆã‚·ãƒ§ãƒƒãƒ—ãƒ»ãƒ–ã‚¤ã‚¢ã‚¤ãƒ”ãƒ¼ã€ã®æ–°ç€è¨˜äº‹ã§ã™ã€‚ãƒ•ã‚©ãƒˆã‚·ãƒ§ãƒƒãƒ—ã‚„ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ãŸã®ã—ã‚€ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã€‚2009å¹´ï¼“æœˆå‰µåˆŠä»¥æ¥ã€3800ã‚’è¶…ãˆã‚‹ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’æ›´æ–°ã—ã¦ã„ã¾ã™ã€‚ãƒ•ãƒªãƒ¼ãƒ•ã‚©ãƒ³ãƒˆãªã©ã®ç„¡æ–™ãƒ‡ã‚¶ã‚¤ãƒ³ç´ æï¼é…è‰²ã‚„Webåˆ¶ä½œã¨ã„ã£ãŸæœ€æ–°ãƒˆãƒ¬ãƒ³ãƒ‰ã‚‚å…¬é–‹ä¸ã€‚
beth321 2011/11/21
ã‚¢ã‚¤ã‚³ãƒ³

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

web

webåˆ¶ä½œ

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

ãƒ•ãƒªãƒ¼ç´ æ

icon

material

ç´ æ

photoshop
ãƒªãƒ³ã‚¯
1