HTML5ã¨CSS3を使用ã—ãŸã€ãƒã‚¤ã‚¯ã‚ªãƒªãƒ†ã‚£ãªç„¡æ–™ã®ãƒ†ãƒ³ãƒ—レート集
ã»ã¨ã‚“ã©ã®ã‚µã‚¤ãƒˆã§ä½¿ç”¨ã™ã‚‹æ§‹æˆã ã‘ã®ã‚·ãƒ³ãƒ—ルãªã‚‚ã®ã‚„CSS3ã‚’ãµã‚“ã ã‚“ã«ä½¿ç”¨ã—ãŸã‚‚ã®ãªã©ã€ãƒ“ジãƒã‚¹å‘ã‘ã‹ã‚‰å€‹äººå‘ã‘ã‚„WordPressãªã©ã®ãƒ–ãƒã‚°ç”¨ã¾ã§HTML5ã¨CSS3を使用ã—ãŸãƒ†ãƒ³ãƒ—レート集をDevSnippetsã‹ã‚‰ç´¹ä»‹ã—ã¾ã™ã€‚ 12 Elegant, Free & High Quality HTML5+CSS3 Templates ※元サイトã§ä¸€éƒ¨URLãŒé–“é•ã£ã¦ã„ãŸã®ã§ã€æ£ã—ã„ã¨æ€ã‚れるもã®ã«ç›´ã—ã¦ã„ã¾ã™ã€‚
ナビゲーションã®å®Ÿè·µçš„ãªã‚¹ã‚¿ã‚¤ãƒªãƒ³ã‚°
本連載ã§ã¯ã€ã€Œã‚¯ãƒã‚¹ãƒ–ラウザã«å¯¾å¿œã—ãŸãƒ‡ã‚¶ã‚¤ãƒ³ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã€ã‚’テーマã«ã€ä¿å®ˆæ€§ã‚„互æ›æ€§ã«å„ªã‚ŒãŸXHTML+CSSã®æ›¸ã方を紹介ã—ã¦ã„ã¾ã™ã€‚今回ã¯å‰å›žã«å¼•ã続ãã€ã‚ˆã‚Šå®Ÿè·µçš„ãªãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã¨ã—ã¦ã€ã€ŒãƒŠãƒ“ゲーションã€ã‚’例ã«ã‚¯ãƒã‚¹ãƒ–ラウザãªè¡¨ç¤ºã‚’æ„è˜ã—ãŸã‚¹ã‚¿ã‚¤ãƒªãƒ³ã‚°æ–¹æ³•ã‚’紹介ã—ã¦ã„ããŸã„ã¨æ€ã„ã¾ã™ã€‚ ã¯ã˜ã‚㫠本連載ã§ã¯ã€ã€Œã‚¯ãƒã‚¹ãƒ–ラウザã«å¯¾å¿œã—ãŸãƒ‡ã‚¶ã‚¤ãƒ³ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã€ã‚’テーマã«ã€ä¿å®ˆæ€§ã‚„互æ›æ€§ã«å„ªã‚ŒãŸXHTML+CSSã®æ›¸ã方を紹介ã—ã¦ã„ãã¾ã™ã€‚ å‰å›žã®è¨˜äº‹ã§ã¯ã€ãƒŠãƒ“ゲーションã®ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã«ä½¿ã‚れる代表的ãªè¦ç´ ã¨ã—ã¦ã€aè¦ç´ やリスト関連ã®è¦ç´ （ulè¦ç´ ã€olè¦ç´ ãªã©ï¼‰ã‚’ä¸å¿ƒã«å–り上ã’ã€ã“れらè¦ç´ ã®ãƒ—レゼンテーションをコントãƒãƒ¼ãƒ«ã™ã‚‹åŸºæœ¬çš„ãªãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã‚’紹介ã—ã¾ã—ãŸã€‚今回ã¯ã€ã“れらã®ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã‚’組ã¿åˆã‚ã›ã€ã€Œã‚°ãƒãƒ¼ãƒãƒ«ãƒŠãƒ“ゲーションã€ã‚„「パンããšãƒªã‚¹ãƒˆã€ãªã©ã®ãƒŠãƒ“ゲーションパーツをスタイリングã™ã‚‹æ–¹æ³•
æ»ã¬ã¾ã§ã«è¦‹ã¦ãŠãã¹ãCSSデザインサイト集ã¾ã¨ã‚ - GIGAZINE
ã¨ã„ã†ã“ã¨ã§ã€ä»Šã¾ã§æ•°é™ã‚Šãªããƒãƒƒãƒˆã®ã‚ã¡ã“ã¡ã§ç´¹ä»‹ã•ã‚Œã¦ããŸCSSデザイン関連ã®ã‚µã‚¤ãƒˆãŒãƒªã‚¹ãƒˆåŒ–ã•ã‚Œã¦ã¾ã¨ã‚られãŸã‚ˆã†ã§ã™ã€‚ã“ã‚Œã ã‘ã‚ã‚Œã°å½“分ã¯ãƒ–ãƒã‚°ãªã©ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã®ãƒã‚¿ã«å›°ã‚‹ã“ã¨ã¯ãªã•ãã†ã€‚インスピレーションを得るã®ã«ä½¿ã†ã‚‚よã—ã€ãƒ‡ã‚¶ã‚¤ãƒ³ã®å‚考ã«ã™ã‚‹ã®ã‚‚よã—ã€çŸ¥ã£ã¦ãŠã„ã¦æã¯ãªã„ã‚‚ã®ã°ã‹ã‚Šã§ã™ã€‚ リストã¯ä»¥ä¸‹ã®é€šã‚Šã€‚ CSS Beauty | CSS Design, News, Jobs, Community, Web Standards http://www.cssbeauty.com/ CSS Drive- Categorized CSS gallery and examples. http://www.cssdrive.com/ Stylegala - Web Design Publication http://www.stylegala.com/ CSS Mania http:
ウノウラボ Unoh Labs: CSSã®ç®¡ç†ã¨è¨˜è¿°æ³•ã®ã‚³ãƒ„
å‰å›žã¯YUIã®ç´¹ä»‹ã§ã—ãŸãŒã€ä»Šå›žã¯CSSã®ç®¡ç†ã¨è¨˜è¿°æ³•ã«ã¤ã„ã¦æ›¸ããŸã„ã¨æ€ã„ã¾ã™ã€‚ CSSã¯ã€ä¸»ãªHTMLエディタãªã©ã§ã¯æ¨™æº–ã§ç·¨é›†ã§ãã¾ã™ãŒã€å¤šäººæ•°ã§ã®é–‹ç™º やスタイルãŒå¤šããªã£ã¦ãã‚‹ã»ã©ç®¡ç†ãŒå¤§å¤‰ã«ãªã£ã¦ã„ãã¾ã™ã€‚ アプリケーションソフトã®ç®¡ç†æ©Ÿèƒ½ã‚‚ã„ã„ã§ã™ãŒã€CSSコーディングè¦ç´„ã®ã‚ˆã†ãªã‚‚ã®ãŒã‚ã‚‹ã¨ã€ã‚ˆã‚ŠæŠŠæ¡ãŒå®¹æ˜“ã«ãªã‚‹ãƒ¡ãƒªãƒƒãƒˆãŒã‚ã‚Šã¾ã™ã€‚ サイト基準è¨å®šã€ãƒšãƒ¼ã‚¸ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã€å…±é€šè¦ç´ ã€å€‹åˆ¥ã‚¹ã‚¿ã‚¤ãƒ«ã«åˆ†ã‘ã‚‹ 構æˆå†…容ã«ã‚ˆã£ã¦ã€ä¸Šè¨˜ã®ã‚ˆã†ãªæ®µéšŽã«åˆ†ã‘ã‚‹ã¨ã€æ„図ã—ãªã„表示ç‰ãŒå‡ºãŸã¨ãã€ç°¡å˜ã«å½±éŸ¿ç®‡æ‰€ã®å‰²ã‚Šå‡ºã›ã¾ã™ã€‚ 基準スタイル（ex: base.css) font-sizeã‚„family,デフォルトã®marginã‚„paddingã®ãƒªã‚»ãƒƒãƒˆç‰ã€‚ å‰å›žã®YUIã®Reset.CSSを使ã†æ‰‹ã‚‚ã‚ã‚Šã¾ã™ã€‚ ページレイアウト(ex: layout.css) カラム構æˆã‚„ã‚°ãƒãƒ¼ãƒ
ãŠæ‰‹æœ¬ã«ã—ãŸã„ Web デザインã®ã‚®ãƒ£ãƒ©ãƒªãƒ¼10é¸ :: Love & Design ::
Web デザインã«é™ã£ãŸã“ã¨ã§ã¯ã‚ã‚Šã¾ã›ã‚“ãŒã€ä½•ã‹ã‚’å¦ã¶ã¨ãã¯è‰¯ã„ãŠæ‰‹æœ¬ã‚’探ã™ã“ã¨ãŒå¤§åˆ‡ã§ã™ã。ãã®ãŠæ‰‹æœ¬ã‚’真似ãªãŒã‚‰ã€ãŸãã•ã‚“ ç·´ç¿’ã™ã‚‹ã“ã¨ãŒä¸Šé”ã™ã‚‹ãŸã‚ã®ä½•ã‚ˆã‚Šã®æ–¹æ³•ã ã¨æ€ã„ã¾ã™ã€‚ ãã‚“ãªãŠæ‰‹æœ¬ã«ã—ãŸã„ãã‚Œã„㪠Web デザイン（CSS）ã°ã‹ã‚Šã‚’集ã‚ãŸã‚®ãƒ£ãƒ©ãƒªãƒ¼ã‚’10サイトé¸ã‚“ã§ã¿ã¾ã—ãŸã€‚é…色ã«æ‚©ã‚“ã ã‚Šã€ãƒ‡ã‚¶ã‚¤ãƒ³ã®ã‚¢ã‚¤ãƒ‡ã‚¢ãŒæµ®ã‹ã°ãªã„ã€ãã‚“ãªã¨ãもインスピレーションを与ãˆã¦ãã‚Œãã†ã§ã™ã€‚ 01 CSS Mania CSS デザインã¨ã„ãˆã°ã€ã¾ãšã“ã“ 02 Most Inspired クール㪠CSS デザインを一括ãƒã‚§ãƒƒã‚¯ã§ãã¾ã™ã€‚ 03 CSS Impress ブãƒã‚°ãƒ‡ã‚¶ã‚¤ãƒ³ã®å‚考㫠04 CSS Beauty | CSS Design, News, Jobs, Community, Web Standards ã‚¿ã‚°ã§åˆ†é¡žã•ã‚Œã¦ã„ã¦ç›®çš„ã«ã‚ã‚ã›ã¦é¸ã³ã‚„ã™ã„ 05 CSSclip |
naoyaã®ã¯ã¦ãªãƒ€ã‚¤ã‚¢ãƒªãƒ¼ - Perl 㧠CSS セレクタ
ruby ã§ã‚¹ã‚¯ãƒ¬ã‚¤ãƒ”ングã—㦠web ã®æƒ…å ±ã‚’å–å¾—ã™ã‚‹ã®ã«ã¯ã€ä»Šã¾ã§æ£è¦è¡¨ç¾ã‹ xpath ã§ã‚„ã£ã¦ãŸã®ã§ã€ã‚ã‚Šã¨é¢å€’ã§ã—ãŸã€‚ã§ã€ãµã¨ scrAPI ã¨ã„ã†ã‚¹ã‚¯ãƒ¬ã‚¤ãƒ”ングツールã‚ットを知ã£ãŸã®ã§ã™ãŒã€ã“ã‚ŒãŒã‹ãªã‚Šä¾¿åˆ©ãã†ã€‚ ã“ã®ãƒ„ールã‚ットを使ã†ã¨ã€CSS3 ãªã‚»ãƒ¬ã‚¯ã‚¿ã‚’記述ã™ã‚‹ã“ã¨ã§ã€è¦ç´ ã‚’å–å¾—ã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ ã¨ã„ㆠRuby ã® scrAPI ã§ã® CSS セレクタãŒã„ã„æ„Ÿã˜ã§ã”ã–ã„ã¾ã™ãªã‚ã¨æŒ‡ã‚’ãã‚ãˆã¦è¦‹ã¦ãŸã‚“ã ã‘ã©ã€ Per discussions in CSS Selector in Perl, I made a quick perl module HTML::Selector::XPath, which is available at http://svn.bulknews.net/repos/public/HTML-Selector-XPath/trunk/ now.
HTML::Selector::XPath をリリース: blog.bulknews.net
HTML::Selector::XPath をリリース CSS Selector in Perl ã¨ã‹ subtech - Bulknews::Subtech - CSS selector to XPath ã‚ãŸã‚Šã§è°è«–ã—ã¦ã„㟠CSS 2 Selectors to XPath コンパイラãªãƒ¢ã‚¸ãƒ¥ãƒ¼ãƒ«ã‚’ã¤ãã£ã¦ã€CPAN ã« HTML::Selector::XPath ã¨ã—ã¦ãƒªãƒªãƒ¼ã‚¹ã—ã¾ã—ãŸã€‚ 使ã„方㯠naoya ã•ã‚“ãŒå…ˆã«æ›¸ã„ã¦ã¾ã™ãŒã€HTML ã‹ã‚‰æ£è¦è¡¨ç¾ã‚’使ã†ã“ã¨ãªãスクレイプã™ã‚‹ã®ã«ä¾¿åˆ©ã€‚ãŸã¨ãˆã° Mixi ã«ãƒã‚°ã‚¤ãƒ³ã—ã¦ãƒžã‚¤ãƒŸã‚¯æœ€æ–°æ—¥è¨˜ã¨ã€ï¼‘件目ã®ã‚¿ã‚¤ãƒˆãƒ«ã€æœ¬æ–‡ã‚’抜ã出ã™ã‚³ãƒ¼ãƒ‰ãŒã€ä»¥ä¸‹ã®ã‚ˆã†ã«ã‹ã‘ã¾ã™ã€‚ #!/usr/bin/perl use strict; use warnings; use utf8; use Encode; use HTML::Selector::XPat
ruby ã®ã‚¹ã‚¯ãƒ¬ã‚¤ãƒ”ングツールã‚ット scrAPI - å·o・-・）＜2nd life
http://blog.labnotes.org/category/scrapi/ ruby ã§ã‚¹ã‚¯ãƒ¬ã‚¤ãƒ”ングã—㦠web ã®æƒ…å ±ã‚’å–å¾—ã™ã‚‹ã®ã«ã¯ã€ä»Šã¾ã§æ£è¦è¡¨ç¾ã‹ xpath ã§ã‚„ã£ã¦ãŸã®ã§ã€ã‚ã‚Šã¨é¢å€’ã§ã—ãŸã€‚ã§ã€ãµã¨ scrAPI ã¨ã„ã†ã‚¹ã‚¯ãƒ¬ã‚¤ãƒ”ングツールã‚ットを知ã£ãŸã®ã§ã™ãŒã€ã“ã‚ŒãŒã‹ãªã‚Šä¾¿åˆ©ãã†ã€‚ ã“ã®ãƒ„ールã‚ットを使ã†ã¨ã€CSS3 ãªã‚»ãƒ¬ã‚¯ã‚¿ã‚’記述ã™ã‚‹ã“ã¨ã§ã€è¦ç´ ã‚’å–å¾—ã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ãŸã¨ãˆã°ã¨ã‚るサイトã®ãƒªãƒ³ã‚¯ã‚’全部å–å¾—ã—ãŸã‘ã‚Œã°ã€ require 'rubygems' require 'scrapi' require 'open-uri' require 'nkf' require 'pp' $KCODE = 'u' links = Scraper.define do process "a[href]", "urls[]"=>"@href" result :urls e
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
IBM Developer
{{#tags}}- {{label}}
{{/tags}}