The Blog | Welcome to Adobe BlogThe Blog | Welcome to Adobe Blog アドビã®ãƒ–ãƒã‚°ã§ã¯ã€Creative Cloudã€Document Cloudã€Experience Cloudã®æœ€æ–°æƒ…å ±ã‚„å½¹ã«ç«‹ã¤æƒ…å ±ã‚’ç´¹ä»‹ã—ã¦ã„ã¾ã™ã€‚
サクッã¨èªã‚る話題 - ãƒãƒƒãƒˆç‰æ§˜ã€…ãªè©±é¡Œã‚’èª¤å ±ã‚’é˜²ãŽãªãŒã‚‰æ›´æ–°
京アニ放ç«äº‹ä»¶ã‚’å—ã‘ã¦ã€ãƒ¡ãƒ«ã‚«ãƒªã«äº¬ã‚¢ãƒ‹é–¢é€£ã‚°ãƒƒã‚ºå‡ºå“ãŒæ€¥å¢—ã—ã¦ã„ã¾ã™ã€‚ã—ã‹ã—ä¸ã«ã¯é«˜é¡ã™ãŽã‚‹å‡ºå“ãŒã‚ã£ãŸã‚Šã€ãã‚‚ãもメルカリã§äº¬ã‚¢ãƒ‹ã‚°ãƒƒã‚ºÂ …
パンããšãƒªã‚¹ãƒˆã®è€ƒãˆæ–¹ã‚’æ•´ç†ã™ã‚‹ - ã™ãªã°ã„ã˜ã‚Š
æ›´æ–°ã•ã‚ŒãŸã‚¨ãƒ³ãƒˆãƒªãƒ¼ãŒã‚ã‚Šã¾ã™ã€‚ psn.hatenablog.jp æ§‹é€ åŒ–ãƒ†ã‚¹ãƒˆãƒ„ãƒ¼ãƒ«ãŒæ–°ã—ããªã‚Šã€æ©Ÿèƒ½å¤‰æ›´ãƒ»è¿½åŠ ãŒè¡Œã‚ã‚ŒãŸã¨ã„ã†ãŠè©±ã§ã€ä»Šã¾ã§OKã ã£ãŸè¨˜è¿°ãŒNGã«ãªã£ãŸã¨ã„ã†ãƒã‚¿ã‚’見ã¦ã€Œã“ã‚Œã¯ã“ã†ã„ã†æ„味ã§ã™ã‚ˆã€‚ã€ã¨ã„ã†è§£èª¬ã‚’書ã„ã¦ãŠã‹ãªã„ã¨ãªãã¨è€ƒãˆã¦ã„ãŸã‚‰ä¸€é€±é–“ãらã„éŽãŽãã†ãªã®ã§ã€ã„ã„åŠ æ¸›æ›¸ã„ã¦ãŠãã¾ã™ã€‚ æ§‹é€ åŒ–ãƒ†ã‚¹ãƒˆãƒ„ãƒ¼ãƒ«ã®ãƒã‚§ãƒƒã‚¯ãŒåŽ³ã—ããªã£ãŸï¼Ÿ パンããšãƒªã‚¹ãƒˆã®éƒ¨åˆ†ã§èµ·ã“ã£ã¦ã„るよã†ã§ã™ã€‚ 厳密ã«è¨€ãˆã°ãã†ãªã‚Šã¾ã™ã€‚ ã“ã®éƒ¨åˆ†ã§ã™ã。ãã¡ã‚“ã¨ãƒªãƒ³ã‚¯ã‚’ç½®ã‹ãªã„ã¨ã‚¨ãƒ©ãƒ¼ãŒè¡¨ç¤ºã•ã‚Œã‚‹ã‚ˆã†ã«ãªã£ãŸã€‚ã¨ã„ã†ãŠè©±ã®ã‚ˆã†ã§ã™ã€‚ ãã†ã„ãˆã°ã€ã“ã®ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã‚’書ã„ã¦ã‚‚シブタクã•ã‚“æ°—ã¥ã‹ãªã„ã§ã™ã。 IDコールã§ãã¾ã›ã‚“。 ãã‚‚ãã‚‚ã©ã†ã„ã†äº‹ã ã‚ã†ï¼Ÿ 一例ã¨ã—ã¦ã€ç°¡å˜ã«ãƒ‘ンããšã‚’表ç¾ã™ã‚‹ã¨ カテゴリ > 今見ã¦ã„るページã®ã‚¿ã‚¤ãƒˆãƒ« ã“ã®ã‚ˆã†ãªè¡¨ç¾ã«ãªã‚Šã¾ã™ã€‚ HTML+microdataã§ãƒž
ul・ol・liè¦ç´ ã®å‚™å¿˜éŒ² - NxWorld
ã‹ãªã‚Šä»Šã•ã‚‰æ„Ÿã¯ã‚ã‚Šã¾ã™ã‘ã©ã€ul・ol・liè¦ç´ 関連ã®å‚™å¿˜éŒ²ã§ã™ã€‚ 対応ブラウザ（特ã«ä¸€éƒ¨ã®IEã§æœªå¯¾å¿œï¼‰ã¨ã‹ãã‚‚ãも使ã†å ´é¢ãŒãã‚“ãªã«ãªã„ã¨ã‹ã®ç†ç”±ã§ä½¿ç”¨é »åº¦ãŒã‹ãªã‚Šä½Žã„ã¨æ€ã†ã®ã‚‚ã‚ã‚Šã¾ã™ãŒã€ä½Žã„ã‹ã‚‰ã“ã使ãŠã†ã¨æ€ã£ãŸã¨ãã«ãƒ‘ッã¨æ€ã„æµ®ã‹ã°ãªãã†ãªã®ã§æ›¸ã残ã—ã¦ãŠãã¾ã™ã€‚ list-style-type リストマーカーã®ç¨®é¡žã‚’指定ã™ã‚‹ãƒ—ãƒãƒ‘ティlist-style-typeã®ãƒ¡ãƒ¢ã§ã™ã€‚ ä½¿ç”¨é »åº¦ãŒé«˜ã„ã¨æ€ã†ã®ã¯ulã‚„olã«ãƒ‡ãƒ•ã‚©ãƒ«ãƒˆã§è¨å®šã•ã‚Œã¦ã„ã‚‹discã‚„decimal辺りã‹ã¨æ€ã„ã¾ã™ãŒã€ä»–ã«ã‚‚ã„ã‚ã„ã‚ã‚ã‚‹ã®ã¨ä¸€éƒ¨ã®ãƒ–ラウザã§ã¯æœªå¯¾å¿œãªã©ã‚ã‚‹ã®ã§ã€ãƒ‘ッã¨ç¢ºèªã—ãŸã„ã¨ãã®ãŸã‚ã«ä¸€è¦§ã«ã—ã¾ã—ãŸã€‚ ç”»åƒã¯Win7 Chromeã§ã®è¡¨ç¤ºã‚’ã‚ャプãƒãƒ£ã—ãŸã‚‚ã®ã€‚ Chromeã‚„Firefoxã¨ã„ã£ãŸãƒ–ラウザã§ã¯ä¸Šè¨˜ã®ã‚ˆã†ã«å•é¡Œãªã表示ã•ã‚Œã¾ã™ãŒã€IEã§ã¯ä¸€éƒ¨ã®ãƒžãƒ¼ã‚«ãƒ¼ãŒå¯¾å¿œã—ã¦ã„ãªã„å ´åˆãŒã‚ã‚Šã¾
æ–‡æ›¸æ§‹é€ ã‚’æ„è˜ã—ãªãŒã‚‰HTMLマークアップã—よã†ï¼
æ–‡æ›¸æ§‹é€ ã‚’æ„è˜ã—ãªãŒã‚‰HTMLマークアップã—よã†ï¼é€£è¼‰ä¼ç”»ã€Œå®Ÿè·µã§å¦ã¶Webサイト制作ガイドã€ã‚‚佳境を迎ãˆã€ä»Šå›žã„よã„よHTMLマークアップã®æ®µéšŽã«çªå…¥ã—ã¾ã™ï¼ã€Œãƒ‡ã‚¶ã‚¤ãƒ³ã¯å¥½ãã ã‘ã©ã€ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã¯è‹¦æ‰‹â€¦ã€ã¨ã„ã†äººã‚‚ã€ç„¦ã‚‰ãšå°‘ã—ãšã¤è¨˜è¿°ã—ã¦ã„ã‘ã°ã¡ã‚ƒã‚“ã¨å½¢ã«ãªã‚Šã¾ã™ï¼ãŠæ‰‹æŒã¡ã®ã€ŒTextEditã€ã‚„「メモ帳ã€ãªã©ã®ãƒ†ã‚ストエディタツールを開ã„ã¦ã€ã•ã£ãã始ã‚ã¾ã—ょã†ï¼ 実践ã§å¦ã¶ Web サイト制作ガイド：ãã® 6目標：æ£ã—ã„ãƒšãƒ¼ã‚¸æ§‹é€ ã® HTML ãŒæ›¸ã‘ã‚‹å¿…è¦ãªã‚‚ã®ï¼šWindows メモ帳 ã‚„ã€Mac OS Text Edit ãªã©ã®æ–‡ç« エディタツール。もã¡ã‚ã‚“ Adobe Dreamweaver ãªã©ã® Web 系オーサリングソフトãŒã‚ã‚‹ãªã‚‰ãれ㧠OK対象レベル：HTML ã®åŸºç¤ŽçŸ¥è˜ãŒã‚る・基本的㪠HTML ã‚¿ã‚°ãŒæ‰‹æ‰“ã¡ã§æ›¸ã‘る目次誰ã®ãŸã‚？何ã®ãŸã‚？Web サイトを作り始ã‚ã‚‹å‰ã«
知らãªã„人ã¯é…ã‚Œã¦ã‚‹ï¼Ÿæ–°Zen-Coding Emmet
é ã®ä¸ã®ãƒšãƒ¼ã‚¸æ§‹æˆå›³ã‚’リズムã§æ›¸ã„ã¦HTMLã«å±•é–‹ã—ã¦ãれるZen-Coding。 ã‚‚ã¯ã‚„HTMLコーダーã§ä½¿ã£ã¦ã„ãªã„人ã¯ã„ãªã„ã§ã‚ã‚ã†Zen-CodingãŒHTML5/CSS3ã®åºƒã¾ã‚Šã¨å…±ã«Emmetã¨ã„ã†åå‰ã«å¤‰æ›´ã—ã€é€²åŒ–ã‚’ã¨ã’ã¦ã„るよã†ã§ã™ã€‚ ã¾ã 開発ä¸ã§å…¬å¼ã‚¢ãƒŠã‚¦ãƒ³ã‚¹ã¯ã¾ã ã®ã‚ˆã†ã§ã™ãŒå…ˆè¡Œã—ã¦è©¦ã™ã“ã¨ãŒå¯èƒ½ã§ã™ã€‚ Zen-CodingãŠã•ã‚‰ã„ Zen-Codingã¯çµŒé¨“済ã¿ã¨ã—ã¦è©±ã—ã¾ã™ãŒã€ã¾ã 使ã£ãŸã“ã¨ãŒãªã„ã¨ã„ã†æ–¹ã¯ã¾ãšã“ã®æ˜ åƒã‹ã‚‰ã€‚ 早速Emmetã‚’Sublime Text 2ã«ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ« 1. Package Controlã®ãƒªãƒã‚¸ãƒˆãƒªã«è¿½åŠ Sublime Text 2ã®æ¨™æº–リãƒã‚¸ãƒˆãƒªã«ã¯ã¾ã å…¥ã£ã¦ã„ã¾ã›ã‚“。Cmd + Shift + Pã§å…¥åŠ›ãƒœãƒƒã‚¯ã‚¹ã«add repositoryを入力ã€ä¸‹è¨˜ã®ãƒªãƒã‚¸ãƒˆãƒªã‚’è¿½åŠ ã—ã¾ã™ã€‚ https://github.com/serge
Introduction to Sass and How to Setup with Mac + Coda
2014å¹´7月31æ—¥ CSS, 便利ツール 「Sassã€ã£ã¦èžã„ãŸã“ã¨ã‚ã‚Šã¾ã™ã‹ï¼Ÿã™ã£ã”ãç°¡å˜ã«è¨€ã†ã¨ã€CSSã‚’ã‚‚ã£ã¨ä¾¿åˆ©ã«ãƒ»åŠ¹çŽ‡è‰¯ã記述ã™ã‚‹ãŸã‚ã®ã‚‚ã®ã§ã™ã€‚ã¨ã¯è¨€ãˆåŸºæœ¬çš„ãªæ›¸ãæ–¹ã¯CSSã¨åŒã˜ãªã®ã§ã€ã€Œæ–°ã—ã„プãƒã‚°ãƒ©ãƒŸãƒ³ã‚°è¨€èªžã€ã¨ã„ã†ã‚ˆã‚Šã€ŒCSSã®æ–°ã—ã„装備å“ã€ã¨ã„ã£ãŸã¨ã“ã‚ã§ã—ょã†ã‹ã€‚一見難ã—ãæ€ãˆã‚‹ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ãŒã€æ…£ã‚Œã‚‹ã¨ã€Œã“ã‚Œãªã—ã§ã¯ã„られãªã„ï¼ã€ã¨ã¾ã§æ€ãˆã‚‹Sassã®é…力ã¨ã€Macã§ã®è¨å®šæ–¹æ³•ã¯ã‚ã¾ã‚Šè¦‹ãªã„ãªãƒ¼ã¨ã„ã†äº‹ã§Mac＋Codaã§ã®è¨å®šæ–¹æ³•ã‚‚紹介ã—ã¾ã™ã€‚ ↑ç§ãŒ10年以上利用ã—ã¦ã„ã‚‹ä¼šè¨ˆã‚½ãƒ•ãƒˆï¼ Sassã¨ã¯ 日本語ã§ã¯ã€Œã‚µã‚¹ã€ã¨èªã¾ã‚Œã‚‹ã‚ˆã†ã§ã™ã€‚æ‹¡å¼µåã¯ã€Œ.scssã€ã€‚今ã¾ã§ã®CSSã«å¤‰æ•°ã‚„計算å¼ã‚’使ã£ãŸãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°é¢¨ã®æ›¸ãæ–¹ã‚’åŠ ãˆãŸ .scss ファイルをã€å¤‰æ›ï¼ˆã‚³ãƒ³ãƒ‘イル）ã—ã¦CSSファイルを作æˆã—ã¾ã™ã€‚例ãˆã°ã€Œstyle.scssã€ã®Sassファイルを変æ›ã™ã‚‹
[CSS]ç”»åƒç½®æ›ã€Œ-9999pxã€ã®ãƒ‘フォーマンスを改善ã—ãŸæ–°ã—ã„テクニック
テã‚ストã§å®Ÿè£…ã—ãŸè¦‹å‡ºã—ãªã©ã‚’ç”»åƒã«ç½®æ›ã™ã‚‹ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã§ã€Œ-9999pxã€ãŒæœ‰åã§ã™ãŒã€ãã®ãƒ‘フォーマンスを改善ã™ã‚‹ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã‚’紹介ã—ã¾ã™ã€‚ Replacing the -9999px hack (new image replacement) [ad#ad-2] ç”»åƒç½®æ›ï¼š-9999px 改善ã—ãŸãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ ç”»åƒç½®æ›ï¼š-9999px -9999pxを使ã£ãŸç”»åƒç½®æ›ã®ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã¯ã€ä¸‹è¨˜ã®ã‚ˆã†ã«ãªã‚Šã¾ã™ã€‚ HTMLã¯è¦‹å‡ºã—è¦ç´ ã§å®Ÿè£…ã—ã¾ã™ã€‚ HTML <h3 id="sample06">見出ã—ã®ãƒ†ã‚スト</h3> 「text-indent:-9999px;ã€ã§ãƒ†ã‚ストを見ãˆãªã„ä½ç½®ã«ã—ã€è¦‹å‡ºã—ã¨ãªã‚‹ç”»åƒã‚’背景画åƒã¨ã—ã¦è¡¨ç¤ºã—ã¾ã™ã€‚ #sample06{ width:300px; height:50px; background:url('bg-01.gif') no-repeat 0 -250p
ã‚ã‚“ã©ã†ãªä½œæ¥ãŒã‚ãšã‹æ•°ç§’ã«ï¼æ–°äººãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ãŒ 知らãªã„ã¨ä¸€ç”Ÿå¾Œæ‚”ã™ã‚‹Excelを使ã£ãŸHTML生æˆ
ãŠå®¢ã•ã‚“ã‹ã‚‰é€ã‚‰ã‚Œã¦ããŸã€Excelデータã‹ã‚‰ã›ã£ã›ã¨ãƒªã‚¹ãƒˆã‚„表ã®HTMLをコーディングã—ã¦ã„ã‚‹ã‚ãªãŸï¼ãã‚ãã‚手ãŒãŒç–²ã‚Œã¦ãã¦ã„ã¾ã›ã‚“ã‹ï¼Ÿ ãã‚“ãªã‚ãªãŸã¯ã€ã“ã®è¨˜äº‹ã§ç´¹ä»‹ã™ã‚‹Excelテクニックをãœã²è¦šãˆã¦ãã ã•ã„。 é¢å€’ãªä½œæ¥ãŒã€ã‚ãšã‹æ•°ç§’ã§çµ‚ã‚ã‚Šã¾ã™ï¼ Excelを使ã£ãŸé«˜é€ŸHTMLç”Ÿæˆ åƒ•ãŸã¡ãƒ—ãƒã‚°ãƒ©ãƒžãƒ¼ã¯ã€ã¡ã‚‡ã£ã¨ã—ãŸã‚³ãƒ¼ãƒ‰ç”Ÿæˆã«ã€Excelを使ã„ã¾ã™ï¼ Dreamweaverã§ã‚‚CSVファイルをå–り込むã“ã¨ã¯ã§ãã‚‹ã®ã§ã™ãŒã€<dl>ã‚¿ã‚°ã§ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã—ãŸã„時ã¨ã‹ã€ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºã—ãŸã„å ´åˆã¯ã€ã“ã‚Œã‹ã‚‰ç´¹ä»‹ã™ã‚‹Excelを使ã£ãŸæ–¹æ³•ãŒç°¡å˜ã§ã€åŠ¹æžœçš„ã§ã™ã€‚ ã•ãã€â†“ã®ã‚ˆã†ãªãŠå®¢ã•ã‚“ã‹ã‚‰é€ã‚‰ã‚Œã¦ããŸExcelデータã‹ã‚‰ ... ã“ã‚“ãªæ„Ÿã˜ã®ã€<dl>ã‚¿ã‚°ã§ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã•ã‚ŒãŸHTML生æˆã™ã‚‹æµã‚Œã‚’説明ã—ã¾ã™ã€‚データ数ã¯ã†ã‚“ã–ã‚Šã™ã‚‹ãらã„ã‚ã‚‹ã¨æ€ã£ã¦ãã ã•ã„。 Let's Excel 1)
HTML5 ã§ã‚„ã‚ŠãŒã¡ãªé–“é•ã„
HTML5 Doctor 㧠「Avoiding common HTML5 mistakes〠ã¨ã„ã†è¨˜äº‹ãŒä¸ŠãŒã£ã¦ã„ã¾ã—ãŸã®ã§ç¨šæ‹™ã§ã¯ã‚ã‚Šã¾ã™ãŒç¿»è¨³ãªã©ã€‚HTML5 ã§ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã™ã‚‹éš›ã«ã‚„ã‚ŠãŒã¡ãªé–“é•ã„ã‚’ã„ãã¤ã‹æŒ™ã’ã¦ã€ã•ã‚‰ã«æ£ã—ã„マークアップ例も紹介ãã‚Œã¦ã„ã¾ã™ã®ã§ã€å‚考ã«ã—ã¦ã¿ã¦ã¯ã„ã‹ãŒã§ã—ょã†ã‹ã€‚ HTML5 Doctor 㧠「Avoiding common HTML5 mistakes〠ã¨ã„ã†è¨˜äº‹ãŒä¸ŠãŒã£ã¦ã„ã¾ã—ãŸã®ã§ç¨šæ‹™ã§ã¯ã‚ã‚Šã¾ã™ãŒç¿»è¨³ãªã©ã€‚HTML5 ã§ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã™ã‚‹éš›ã«ã‚„ã‚ŠãŒã¡ãªé–“é•ã„ã‚’ã„ãã¤ã‹æŒ™ã’ã¦ã€ã•ã‚‰ã«æ£ã—ã„マークアップ例も紹介ãã‚Œã¦ã„ã¾ã™ã®ã§ã€å‚考ã«ã—ã¦ã¿ã¦ã¯ã„ã‹ãŒã§ã—ょã†ã‹ã€‚ Avoiding common HTML5 mistakes ： HTML5 Doctor 翻訳ã¨ã„ã£ã¦ã‚‚è¦ç´„ã¿ãŸã„ãªæ„Ÿã˜ã§ã™ã®ã§ã€æ›¸ã„ã¦ã‚ã‚‹ã“ã¨ã‚’ãã®ã¾ã¾æ—¥æœ¬èªžã«ã—ãŸã‚‚ã®ã§ã¯ã‚ã‚Š
HTML4ã‹ã‚‰å¤‰åŒ–ã—ãŸHTML5ã®ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—　ã“ã“ãŒé•ã†ï¼ã‚µãƒ³ãƒ—ルã§è¦‹ã‚‹HTML5（2）
CodeZine編集部ã§ã¯ã€ç¾å ´ã§æ´»èºã™ã‚‹ãƒ‡ãƒ™ãƒãƒƒãƒ‘ーをスターã«ã™ã‚‹ãŸã‚ã®ã‚«ãƒ³ãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ã€ŒDevelopers Summitã€ã‚„ã€ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã®ç”Ÿãã–ã¾ã‚’ブーストã™ã‚‹ãŸã‚ã®ã‚¤ãƒ™ãƒ³ãƒˆã€ŒDevelopers Boostã€ãªã©ã€ã•ã¾ã–ã¾ãªã‚«ãƒ³ãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ã‚’ä¼ç”»ãƒ»é‹å–¶ã—ã¦ã„ã¾ã™ã€‚
[CSS]コピペã§ä½¿ãˆã‚‹ã€ãƒ†ã‚スト周りをã‹ã£ã“よãã™ã‚‹CSS3ã®ã‚¨ãƒ•ã‚§ã‚¯ãƒˆé›†
CSS3 Cookbook: 7 Super Easy CSS Recipes to Copy and Paste [ad#ad-2] 対応ブラウザã¯CSS3を使用ã—ã¦ã„ã‚‹ãŸã‚ã€CSS3をサãƒãƒ¼ãƒˆã—ã¦ã„るブラウザã®ã¿ã§ã€ä¸€éƒ¨ã®ã‚‚ã®ã¯Webkit系（Chrome, Safari）ã®ã¿ã¨ãªã£ã¦ã„ã¾ã™ã€‚ Letterpress（レタープレス） Small Caps（スモールã‚ャピタル） CSS Coupon（クーãƒãƒ³åˆ¸ï¼‰ Stitched（ステッãƒï¼‰ Gloss（グãƒã‚¹ï¼‰ Stroked Text & @font-face（@font-faceを使ã£ãŸã‚¹ãƒˆãƒãƒ¼ã‚¯ï¼‰ Double Stroked Text（二é‡ã®ã‚¹ãƒˆãƒãƒ¼ã‚¯ï¼‰ Letterpress（レタープレス） レタープレスã®ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã«ã¯ã€3ã¤ã®ã‚«ãƒ©ãƒ¼ãŒå¿…è¦ã§ã™ã€èƒŒæ™¯ã®backgroundã€ãƒ†ã‚ストã®colorã€ãƒ†ã‚ストã®å½±ã®text-sha
Webサイトã®åŸºæœ¬è¦ç´ 見出ã—・リスト・引用文ã®ã‚¹ã‚¿ã‚¤ãƒ«ã‚’æ•´ãˆã‚‹
2014å¹´8月20æ—¥ CSS Webサイトを装飾ã—ã¦ã„ã時ã«ç„¡è¦–ã§ããªã„è¦ç´ ã€è¦‹å‡ºã—・リスト・引用文。特ã«WordPressã§ã‚ªãƒªã‚¸ãƒŠãƒ«ã®ãƒ†ãƒ¼ãƒžã‚’作る時ã¯ã€ãƒ–ãƒã‚°ç”¨ã«ã“れら基本ã®è¦ç´ ã™ã¹ã¦ã®è£…飾もã™ã‚‹ã¨æ€ã„ã¾ã™ã€‚ãã‚“ãªæ™‚ã«ä½¿ã†ã‚³ãƒ¼ãƒ‰ã®ãƒãƒªã‚¨ãƒ¼ã‚·ãƒ§ãƒ³ã‚’メモã—ã¦ã„ãŸã®ã§è¨˜äº‹ã«ã—ã¾ã—ãŸã€‚å°‘ã—変ãˆã‚‹ã ã‘ã§å¿œç”¨ã§ãã‚‹ã¨æ€ã†ã®ã§ã€ãœã²ä½¿ã£ã¦ã¿ã¦ãã ã•ã„ï¼ â†‘ç§ãŒ10年以上利用ã—ã¦ã„ã‚‹ä¼šè¨ˆã‚½ãƒ•ãƒˆï¼ è‰²ã€ãƒ•ã‚©ãƒ³ãƒˆã€ã‚µã‚¤ã‚ºãªã©ã‚’変ãˆã‚‹ã ã‘ã§ã€ã©ã‚“ãªã‚µã‚¤ãƒˆã§ã‚‚使ãˆã‚‹è¦‹å‡ºã—・リスト・引用文用ã®HTMLã¨CSSコードを紹介ã—ã¾ã™ã€‚ãã®ã¾ã¾ã‚³ãƒ”ペã—ã¦ä½¿ã£ã¡ã‚ƒã£ã¦ãã ã•ã„。少ã—ã¯ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã®æ‰‹é–“ãŒçœã‘る…ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“。ã¡ã‚‡ã„ã¡ã‚‡ã„使ã£ã¦ã„ã‚‹ç”»åƒã‚‚ä¿å˜ã—ã¦ä½¿ã£ã¦ã‚‚らã£ã¦ã‚‚OKã§ã™ :) サンプル画é¢å†…ã®ã€ŒHTMLã€ã€ŒCSSã€ã‚¿ãƒ–をクリックã§ã‚³ãƒ¼ãƒ‰ãŒè¡¨ç¤ºã•ã‚Œã¾ã™ã€‚IE6, 7, 8, FF, Chrome, Safa
æ–°ç€è¨˜äº‹
『フォトショップ・ブイアイピーã€ã®æ–°ç€è¨˜äº‹ã§ã™ã€‚フォトショップやデザインをãŸã®ã—むウェブサイト。2009年３月創刊以æ¥ã€3800を超ãˆã‚‹ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’æ›´æ–°ã—ã¦ã„ã¾ã™ã€‚フリーフォントãªã©ã®ç„¡æ–™ãƒ‡ã‚¶ã‚¤ãƒ³ç´ æï¼é…色やWeb制作ã¨ã„ã£ãŸæœ€æ–°ãƒˆãƒ¬ãƒ³ãƒ‰ã‚‚公開ä¸ã€‚
手ã£å–ã‚Šæ—©ãæºå¸¯ã‚µã‚¤ãƒˆã‚’作æˆã™ã‚‹æ™‚ã®htmlテンプレート - webã®äºº @ryryo
最近phpã‚’ã„ã˜ã‚‹ãŒã¦ã‚‰ã€ã²ã•ã³ã•ã«æºå¸¯ã‚µã‚¤ãƒˆã«è§¦ã‚Œã¦ã„ã‚‹ãŸã‚メモメモ。 æºå¸¯ã‚µã‚¤ãƒˆã§è£…飾を入れるã¨ãªã‚‹ã¨i-cssãŒäº‘々ã£ã¦è©±ãŒã‚ã£ãŸã‚Šã—ã¾ã™ãŒã€æ£ç›´ãƒ†ã‚¹ãƒˆã‚µã‚¤ãƒˆã§ãã‚“ãªé¢å€’ãªã“ã¨ã‚’ã—ã¦ã„られãªã„ã®ã§ã€ã ã„ãŸã„以下ã®ã‚ˆã†ãªhtmlã§ä½œæˆã—ã¦ã„ã¾ã™ã€‚ ã¨ã‚Šã‚ãˆãšæºå¸¯ã‚µã‚¤ãƒˆä½œã‚ŠãŸã„時テンプレート <?xml version="1.0" encoding="Shift_JIS"?> <!DOCTYPE html PUBLIC "-//i-mode group (ja)//DTD XHTML i-XHTML(Locale/Ver.=ja/2.3) 1.0//EN" "i-xhtml_4ja_10.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" lang="ja" xml:lang="ja"> <head> <meta http-equiv="Co
開発者/デザイナå‘ã‘ã®ãƒãƒ¼ãƒˆã‚·ãƒ¼ãƒˆé›† | TRIVIAL TECHNOLOGIES on CLOUD
ã¿ã‚“ãªã®IoT/ã¿ã‚“ãªã®Pythonã®è‘—者。二å玉近ã160平米ã®åºä»˜ã一戸建ã¦ã«å«/æ¯å/娘/ã‚ã‚“ã“ã¨æš®ã‚‰ã—ã¦ã¾ã™ã€‚月間1000万PV/150万UUã®Webサービスé‹å–¶ä¸ã€‚ å…è²¬äº‹é … プライãƒã‚·ãƒ¼ãƒãƒªã‚·ãƒ¼ 仕様やルール，使ã„æ–¹ãªã©ã®How Toを手çŸã«ã¾ã¨ã‚ãŸãƒãƒ¼ãƒˆã‚·ãƒ¼ãƒˆã‚’探ã—ã¦ã„ãŸã‚‰ã“ã†ã„ã†ãƒšãƒ¼ã‚¸ã‚’ 見ã¤ã‘ã¾ã—ãŸã€‚プãƒã‚°ãƒ©ãƒŸãƒ³ã‚°è¨€èªžã ã‘ã§ãªã，HTMLã‚„SQL，jQuery，Django，Railsãªã©ã‚‚ã‚ã£ã¦ï¼Œã‹ãªã‚Šå……実ã—ã¦ã„ã¦ãƒ“ックリã‹ã¤ 関心ã—ãŸã®ã§ã”紹介。ãƒãƒ¼ãƒˆã‚·ãƒ¼ãƒˆé…布サイトã¨ã—ã¦æœ‰åãªAdded Bytesã‹ã‚‰ã®ã‚‚ã®ãŒå¤šã„ã§ã™ã。ã©ã®ãƒãƒ¼ãƒˆã‚·ãƒ¼ãƒˆã‚‚å°åˆ·ã—ã‚„ã™ããªã£ã¦ã„ã‚‹ã®ã§ï¼Œç´™ã«å°åˆ·ã—ã¦æ‰‹å…ƒã«ç½®ã„ã¦ãŠããŸããªã‚Šã¾ã™:-D。 å…ƒã®ãƒšãƒ¼ã‚¸ã«ã¯ï¼ŒPhotoshopã‚„Ilustratorãªã©Adobe製å“ã®ãƒãƒ¼ãƒˆã‚·ãƒ¼ãƒˆãªã©ã‚‚ã‚ã‚‹ã®ã§ã™ãŒï¼Œã“ã®ãƒ–ãƒã‚°ã®èªè€…å‘ã‘ã«å†ç·¨ã—ã¦ã¿ã¾ã—ãŸã€‚ã¾ãŸ
Dreamweaver拡張機能「閉ã˜ã‚¿ã‚°ã‚³ãƒ¡ãƒ³ãƒˆã‚’挿入ã€ã‚’便利ã«ä½¿ã† | A Day in the Life
August 23, 2010 (X)HTMLã®ã‚³ãƒ¼ãƒ‰ã®å¯èªæ€§ã‚’高ã‚ã‚‹ãŸã‚ã«ã€divã®é–‰ã˜ã‚¿ã‚°æ‰‹å‰ã«ã„ã¤ã‚‚コメントを入れã¦ã„ã¾ã™ã€‚ã‘ã‚Œã©ã‚‚ã“ã‚ŒãŒçµæ§‹é¢å€’ãªä½œæ¥ã§ã€è‡ªå‹•ã«ãªã‚‰ãªã„ã‹ãªã¨æ€ã£ã¦ã„ãŸã‚‰é¢ç™½æ³•äººã‚«ãƒ¤ãƒƒã‚¯ã•ã‚“ã®KAYAC DESIGNER'S BLOGã§Dreamweaver用拡張機能ã¨ã—ã¦å…¬é–‹ã•ã‚Œã¦ã„ã¾ã—ãŸã€‚ コメントを生æˆã—ã¦æŒ¿å…¥ã™ã‚‹Dreamweaver用拡張機能を作æˆã—ã¾ã—㟠ãŸã ã“ã®é–‰ã˜ã‚¿ã‚°ã®ã‚³ãƒ¡ãƒ³ãƒˆã€ã‚³ãƒ¼ãƒ€ãƒ¼ã«ã‚ˆã£ã¦ã¯æ§˜ã€…ãªæ›¸ãæ–¹ãŒã‚ã‚‹ã¨æ€ã„ã¾ã™ã€‚åˆæœŸã§ã¯<!-- / ClassName -->ã«ãªã£ã¦ã„ã‚‹ã®ã§ã™ãŒã€HTMLファイルã«è¨˜è¿°ã•ã‚ŒãŸJavaScriptコードをã¡ã‚‡ã“ã£ã¨å¤‰æ›´ã™ã‚‹ã“ã¨ã§ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºå‡ºæ¥ã¾ã™ã€‚ ※カスタマイズã¯è‡ªå·±è²¬ä»»ã§ãŠé¡˜ã„ã—ã¾ã™ã€‚ カスタマイズã™ã‚‹HTMLファイルã®å ´æ‰€(Dreamweaver CS3ã®å ´åˆ) MacOS Macintosh H
北æœé®®å…¬å¼ã‚µã‚¤ãƒˆã«ã‚ã‚‹ã€è¬Žã®872個ã®strongã‚¿ã‚°
北æœé®®ã®å…¬å¼ã‚µã‚¤ãƒˆã®ã‚½ãƒ¼ã‚¹ã‚’見ã¦ã¿ã‚‹ã¨ã€http://www.korea-dpr.com/ocn/ã¨ã„ã†ã‚¢ãƒ‰ãƒ¬ã‚¹ã¸ã®ãƒªãƒ³ã‚¯ã‚’ã€ãªã‚“ã¨872個ã®strongã‚¿ã‚°ã§å›²ã‚“ã§ã„ã‚‹ã‚“ã§ã™ã‚ˆã... ã“ã‚“ãªhtml見ãŸã“ã¨ãªã„よママ... ã©ã†ã„ã†æ„味ãŒã‚ã‚‹ã‚“ã ã‚ã†...SEO...ãªã®ã‹ãª... [北æœé®®å…¬å¼ã‚µã‚¤ãƒˆ via Daily WTF via The Daily What] Adam Frucci（ã„ã¡ã‚‹ï¼‰
ランã‚ング
ランã‚ング
ランã‚ング
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
Webサイト制作ã«ãŠã‘るフãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã®å¿…é ˆã‚¹ã‚ル＆開発環境ã¯ã“ã‚Œã§æ±ºã¾ã‚Šï¼ - North-Geek
HTML始ã‚ãŸã„ã‚“ã ã‘ã©ã€3ã¤ã ã‘質å•ã•ã›ã¦ãã ã•ã„ : ã¯ã‚Œãžã†
{{#tags}}- {{label}}
{{/tags}}