Text Resizing With jQuery » ShopDev Website Design Blog
Ever wondered how to allow visitors to increase or decrease the text size (font size) on your website? I’m going to show you how - using jQuery (a great JavaScript library). CSS Font Size Firstly, we should consider the various methods of specifying a font size using CSS. 4 CSS attributes pertaining to font sizing come to mind: Size in ‘pixels’ Sixe in ‘points’ Size in ‘em’ Size as a percentage -
モダンCSSã«ãŠã‘る黄金比ã¨ã¯ï¼Ÿ | CREAMU
CSSã§ã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã«é»„金比をå–り入れãŸã„。 ãã‚“ãªã¨ãã«å‚考ã«ãªã‚‹ã®ãŒã€ã€ŽGolden Ratio in modern CSSã€ã€‚モダンCSSã«ãŠã‘る黄金比ã 。 ã“ã®ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã§ã¯ã€960pxã®divãŒã‚ã‚‹å ´åˆã€960 / 1.62 = 593px　ãŒå·¦ã‚«ãƒ©ãƒ ã€960 – 593 = 367pxãŒå³ã‚«ãƒ©ãƒ ã«ãªã‚‹ã¨ã„ã£ãŸã‚ˆã†ã«ã€é»„金比をå–り入れãŸãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã®æ–¹æ³•ãŒè§£èª¬ã•ã‚Œã¦ã„る。 ãã®ä»–ã«ã‚‚〠line-height = font-size x 1.62 paragraph margin = paragraph line-height x 1.62 / 2 ã¨ã„ã£ãŸã‚ˆã†ãªè¨è¨ˆã®ä¾‹ãŒç´¹ä»‹ã•ã‚Œã¦ã„る。 çµè«–ã¨ã—ã¦ã¯ã€ Many people will argue, that this technic is an utopia and we cannot spend time coding ne
MOONGIFT: » 必見ï¼æ€–ããªã‚‹ãらã„優秀ãªCMS「concrete5ã€:オープンソースを毎日紹介
ã“ã‚Œã¾ã§å¤šæ•°ã®CMSを見ã¦ããŸãŒã€ã“ã“ã¾ã§å®Œæˆåº¦ãŒé«˜ã„ã¨è¨€ãˆã‚‹ã‚‚ã®ã«å‡ºä¼šã£ãŸã“ã¨ã¯ãªã‹ã£ãŸâ€¦ãã†è¨€ãˆã‚‹ãらã„凄ã„。ã“ã®ã©ãã©ãæ„Ÿã¯DekiWikiã«è§¦ã‚ŒãŸæ™‚ã«æ„Ÿã˜ãŸã‚‚ã®ã«è¿‘ã„。 見ãŸã¾ã¾ç·¨é›†ã§ãã‚‹CMS CMSã¨è¨€ãˆã°ã€ãƒ¦ãƒ¼ã‚¶ç”»é¢ã¨ç®¡ç†ç”»é¢ã«åˆ†ã‹ã‚Œã¦ã„ã¦ã€ç®¡ç†ç”»é¢ã¯ãƒ¢ã‚¸ãƒ¥ãƒ¼ãƒ«ã‚„テーマã®è¨å®šã€å„é …ç›®ã®ä¸¦ã³ã‚’指定ã™ã‚‹ã®ãŒé€šå¸¸ã 。実際ã®å‡ºåŠ›çµæžœã¯ã‚·ã‚¹ãƒ†ãƒ ä»»ã›ã§ã€ãã®ç‚¹ãŒæŸ”軟性ã«æ¬ ã‘る点ã§ã‚‚ã‚ã£ãŸã€‚ ã—ã‹ã—ã“ã‚Œã¯é•ã†ã€‚見ãŸã¾ã¾ç·¨é›†ã§ãã€ã•ã‚‰ã«é«˜ã„柔軟性をç¶æŒã—ã¦ã„る。 今回紹介ã™ã‚‹ã‚ªãƒ¼ãƒ—ンソース・ソフトウェアã¯concrete5ã€ãƒ‡ã‚¶ã‚¤ãƒ³ã€ç®¡ç†ã€ã‚³ãƒ³ãƒ†ãƒ³ãƒ„作æˆå…¨ã¦ãŒé«˜åº¦ãªCMSã 。 相当個人的ãªæ„Ÿæƒ…ãŒå…¥ã£ã¦ã—ã¾ã£ã¦ã„ã‚‹ã®ã¯ã€åŒã˜ã‚ˆã†ãªã‚·ã‚¹ãƒ†ãƒ を構築ã™ã‚‹äºˆå®šãŒã‚ã£ãŸã‹ã‚‰ã 。ã ãŒconcrete5ã¯å®Œæˆåº¦ã‚‚高ãã€å¤šå°‘ã®æ”¹é€ ã•ãˆæ–½ã›ã°å分ãªæ°—ãŒã™ã‚‹ã€‚ã‚„ã¯ã‚Šä¸‹æ‰‹ã«é–‹ç™ºã‚³ã‚¹ãƒˆã‚’ã‹ã‘るよりもオープンソースã§æŽ¢
代表的ãª4ã¤ã®ã‚°ãƒ©ãƒ•ã®ä½¿ã„分ã‘ã®ãƒã‚¤ãƒ³ãƒˆï¼ˆç¬¬2回） | データをã–ãã–ã処ç†ã™ã‚‹ãŸã‚ã®ã‚°ãƒ©ãƒ•ã®èªã¿æ–¹ã€ä½¿ã„æ–¹ | Web担当者Forum
å‰å›žã®ç¬¬1回ã§ã¯ã€ãªãœã‚°ãƒ©ãƒ•åŒ–ã®ã‚¹ã‚ルãŒé‡è¦ã§ã‚ã‚‹ã‹ã¨ã„ã†ç‚¹ã‚’ãŠè©±ã—ã—ã¾ã—ãŸã€‚ã“ã‚Œã‹ã‚‰æ´¾ç”Ÿå½¢ã‚’å«ã‚ã¦æœ€çµ‚çš„ã«ã¯9種類ã®ã‚°ãƒ©ãƒ•ã«ã¤ã„ã¦é †ã«è§£èª¬ã—ã¦ã„ãã¾ã™ãŒã€ç¬¬2回ã¨ãªã‚‹ä»Šå›žã§ã¯ã€ã‚ˆã利用ã•ã‚Œã‚‹4種類ã®ã‚°ãƒ©ãƒ•ã®ç‰¹å¾´ã‚’ã¾ãšæ¦‚観ã—ã¦ã¿ã¾ã™ã€‚円グラフã€æŠ˜ã‚Œç·šã‚°ãƒ©ãƒ•ã€æ£’グラフã€æ•£å¸ƒå›³ã®4ã¤ã§ã™ã€‚ ãã‚Œãžã‚Œã®ã‚°ãƒ©ãƒ•ã¯ã€ä½•ã‚’表ç¾ã—ãŸã„ã‹ã«å¿œã˜ã¦ä½¿ã„分ã‘ã‚‹ã“ã¨ã«ãªã‚Šã¾ã™ãŒã€ã„ã–表を目ã®å‰ã«ã—ã¦ã‚°ãƒ©ãƒ•ã‚’作ã‚ã†ã¨ã—ãŸã¨ãã«ã€ã©ã®ã‚°ãƒ©ãƒ•ã‚’使ã†ã®ãŒãƒ™ã‚¹ãƒˆãªã®ã‹ãŒã™ãã«ã¯åˆ¤æ–ãŒã¤ãã«ãã„ã“ã¨ã‚‚ã‚ã‚Šã¾ã™ã€‚判æ–ã®ãƒã‚¤ãƒ³ãƒˆã¨ãªã‚‹ã®ã¯ã€ã€Œç³»åˆ—æ•°ã€ã€Œè³ªçš„視点ã€ã€Œé‡çš„視点ã€ã¨ã„ã†3ã¤ã®è¦‹æ–¹ã§ã™ã€‚ ãƒã‚§ãƒƒã‚¯ãƒã‚¤ãƒ³ãƒˆ1 系列数（数値ã®åˆ—ãŒ1ã¤ã‹ã€è¤‡æ•°ã‹ï¼Ÿï¼‰ã¾ãšã¯ãƒ™ãƒ¼ã‚¹ã¨ãªã‚‹è¡¨ã®ã€Œç³»åˆ—æ•°ã€ã‚’見ã¾ã™ã€‚系列数ã¨ã„ã†è¨€è‘‰ã¯ã‚ã¾ã‚Šè€³æ…£ã‚Œãªã„言葉ã§ã™ãŒã€ã‚ã‹ã‚Šã‚„ã™ãã„ã†ã¨ã€ã‚°ãƒ©ãƒ•ä½œæˆã®ãƒ™ãƒ¼ã‚¹ã¨ãªã‚‹è¡¨ã«ãŠã„ã¦ã€æ•°å€¤ãŒ1列ãªã®ã‹è¤‡æ•°åˆ—ã‚ã‚‹ã®ã‹ã¨ã„
ã“りゃ便利! 404ãªURLã«ãƒªãƒ³ã‚¯ã‚’å¼µã£ã¦ã„るページを一発ã§ãƒªã‚¹ãƒˆã‚¢ãƒƒãƒ—ã™ã‚‹æ–¹æ³• | Web担当者Forum
今日ã¯ã€å°‘ã—SEOçš„ãªè¦³ç‚¹ã‹ã‚‰ã€ãƒªãƒ³ã‚¯ã®ç®¡ç†ã«ã¤ã„ã¦ã€‚無効ãªURL（「404 not foundã€ã«ãªã£ã¦ã—ã¾ã†URL）ã«ãƒªãƒ³ã‚¯ã‚’å¼µã£ã¦ã„ã‚‹ã€ä»–サイトã®ãƒšãƒ¼ã‚¸ã‚’ç°¡å˜ã«è¦‹ã¤ã‘る方法を紹介ã—ã¾ã™ã€‚ ã‚µã‚¤ãƒˆæ§‹é€ ã®å¤‰æ›´ã‚„システムã®å¤‰æ›´ã§URLãŒå¤‰ã‚ã£ã¦ã—ã¾ã†ã®ã¯ã€SEOã®è¦³ç‚¹ã‹ã‚‰ã¯å¯èƒ½ãªé™ã‚Šé¿ã‘ãŸã„ã¨ã“ã‚ã§ã™ã€‚特ã«ã€ãƒªãƒ³ã‚¯ã‚’ç²å¾—ã—ã¦ã„るページãªã‚‰ã°ãªãŠã•ã‚‰ã§ã—ょã†ã€‚ã—ã‹ã—ã€URLã®å¤‰æ›´ãŒé¿ã‘られãªã„ã¨ãã‚‚ã‚ã‚Šã¾ã™ã€‚ãã†ãªã‚‹ã¨ã€ã›ã£ã‹ãå¼µã£ã¦ã‚‚らã£ã¦ã„ãŸãƒªãƒ³ã‚¯ãŒç„¡åŠ¹ã«ãªã£ã¦ã—ã¾ã†ã®ã¯æ®‹å¿µãªã‚‚ã®ã§ã™ã€‚ ã¾ãŸã€ã›ã£ã‹ãリンクを張ã£ã¦ãã‚Œã¦ã„ã‚‹ã®ã«ã€ãƒªãƒ³ã‚¯å…ˆãƒã‚§ãƒƒã‚¯ã‚’ã—ã¦ã„ãªã„ã®ã‹ã€é–“é•ã£ãŸURLã«ãªã£ã¦ã„ã‚‹ã¨ã„ã†ä¾‹ã‚‚ã‚ã‚Šã¾ã™ã€‚ ã“ã‚Œã¾ã§ã¯ã€ãã†ã„ã£ãŸã€Œç„¡åŠ¹ãªURLã€ã¸ãƒªãƒ³ã‚¯ã‚’å¼µã£ã¦ã„る元ページを見ã¤ã‘ã‚‹ã«ã¯ã€ã‚¢ã‚¯ã‚»ã‚¹è§£æžã§404 not foundã«ãªã£ãŸã‚¢ã‚¯ã‚»ã‚¹ã®é …目を抽出ã—ã¦ã€å„URLã«å¯¾ã—ã¦æ¤œç´¢ã‚¨
1
ランã‚ング
ランã‚ング
ランã‚ング
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
http://cssglobe.com/post/3117/golden-ratio-in-modern-css
http://solutoire.com/gchart/
Google Analytics Tips - 17 Google Tips for Web Businesses | PCMag.com
{{#tags}}- {{label}}
{{/tags}}