Facebookã®ã‚¿ã‚¤ãƒ ラインã§ã‚«ãƒãƒ¼ã¨ãƒ—ãƒãƒ•ã‚£ãƒ¼ãƒ«å†™çœŸã‚’一体化ã•ã›ã‚‹ã‚ªã‚·ãƒ£ãƒ¬ãƒ†ã‚¯ | ライフãƒãƒƒã‚«ãƒ¼ãƒ»ã‚¸ãƒ£ãƒ‘ン
Facebookã®æ–°ã—ã„タイムライン機能ãŒå…¨ãƒ¦ãƒ¼ã‚¶ã«é©ç”¨ã•ã‚Œã¾ã—ãŸãŒã€å…ˆã«ä½¿ã£ã¦ã„るアーリーアダプターãŒä½¿ãˆã‚‹ãƒ†ã‚¯ã‚’ã„ãã¤ã‹ç™ºè¦‹ã—ã¦ã„ã¾ã™ã€‚ãã“ã§ä»Šå›žã¯ã€ã‚«ãƒãƒ¼å†™çœŸã‹ã‚‰ãƒ—ãƒãƒ•ã‚£ãƒ¼ãƒ«å†™çœŸã‚’切りå–る方法やã€ã‚«ãƒãƒ¼å†™çœŸã®ä¸ã«ãƒ—ãƒãƒ•ã‚£ãƒ¼ãƒ«å†™çœŸã‚’入れ込むã€ã‚ªã‚·ãƒ£ãƒ¬ãªãƒ”クãƒãƒ£ãƒ¼ãƒ»ã‚¤ãƒ³ãƒ»ãƒ”クãƒãƒ£ãƒ¼ã®æ–¹æ³•ãªã©ã‚’ã”紹介ã—ã¦ã„ãã¾ã—ょã†ã€‚ã“ã®å†™çœŸé–¢ä¿‚ã®ãƒ†ã‚¯ã«ã¯å¤§ãã2ã¤ã®ã‚„ã‚Šæ–¹ãŒã‚ã‚Šã¾ã™ã€‚1ã¤ã¯Photoshopを使ã†ã‚„ã‚Šæ–¹ã€ã‚‚ã†1ã¤ã¯Photoshopを使ã‚ãªã„ã‚„ã‚Šæ–¹ã§ã™ã€‚ â– Photoshopã‚’æŒã£ã¦ã„る人 Photoshopã‚’æŒã£ã¦ã„る人ã¯ã€ŒAusgetrock.netã€ã®ãƒ‡ã‚¶ã‚¤ãƒ³ãƒãƒ¼ãƒ ãŒæä¾›ã—ã¦ã„ã‚‹ã€Photoshopã®ãƒ†ãƒ³ãƒ—レートã¨ã‚¢ã‚¯ã‚·ãƒ§ãƒ³ã®ã‚»ãƒƒãƒˆã‚’ダウンãƒãƒ¼ãƒ‰ã—ã¦ã€å†™çœŸã®ã‚µã‚¤ã‚ºã‚’ãã‚Œã§æ¸¬ã‚Œã°æ¥½å‹ã§ã™ã€‚ã‚«ãƒãƒ¼ã¨ãƒ—ãƒãƒ•ã‚£ãƒ¼ãƒ«ã®å†™çœŸã‚’一体化ã•ã›ãŸã„人ã¯ã€å·¦ä¸‹ã«ãƒ—ãƒãƒ•ã‚£ãƒ¼ãƒ«ã«ã—ãŸã„写真ãŒã‚るよã†ãªã‚µã‚¤ã‚º
ç°¡å˜ï¼ãŸã£ãŸï¼‘３行ã®ã‚³ãƒ¼ãƒ‰ã§HTMLå–得＆解æžã‚’ã™ã‚‹Perlスクリプト - DQNEOèµ·æ¥æ—¥è¨˜
１３行ã®ã‚³ãƒ¼ãƒ‰ã§ã€Yahoo!Japanã®ãƒˆãƒ”ックス一覧をå–å¾—ã™ã‚‹ï¼ Perlã§HTMLå–得・解æžã—ãŸã„ã¨ãã¯LWP::UserAgentã¨HTML::TreeBuilderã¨ã„ã†ã®ã‚’使ã†ã¨ç°¡å˜ã«ã§ãã¾ã™ã€‚ LWP::UserAgentを使ã†ã¨ã€Webページã®å–å¾—ãŒã§ãã¾ã™ã€‚ HTML::TreeBuilderを使ã†ã¨ã€HTMLã®DOM解æžãŒã§ãã¾ã™ã€‚ ã“ã®ï¼’ã¤ã®ãƒ¢ã‚¸ãƒ¥ãƒ¼ãƒ«ã‚’使ã£ã¦ã€Yahoo!Japanã®ãƒˆãƒ”ックス一覧をå–å¾—ã—ã¦ã¿ã¾ã—ょã†ã€‚ コメント行ã¨ç©ºè¡Œã‚’除ãã¨ãŸã£ãŸã®ï¼‘３行ã§ã™ã€‚ use strict; use warnings; use LWP::UserAgent; use HTML::TreeBuilder; # urlを指定ã™ã‚‹ my $url = 'http://www.yahoo.co.jp'; # IE8ã®ãƒ•ãƒªã‚’ã™ã‚‹ my $user_agent = "Mozilla
æ–°ç€ã‚¦ã‚§ãƒ–ページã®ã¿ã‚’抽出ã™ã‚‹æ¤œç´¢ã‚ªãƒ—ション | Google Mania - グーグルã®ä¾¿åˆ©ãªä½¿ã„æ–¹
æ–°ç€ã‚¦ã‚§ãƒ–ページã®ã¿ã‚’抽出ã™ã‚‹æ¤œç´¢ã‚ªãƒ—ション 管ç†äºº @ 4月 26æ—¥ 10:50am 検索Tips 最近アップã•ã‚ŒãŸã€æœ€æ–°ã®ã‚¦ã‚§ãƒ–ページã®ã¿ã‚’検索ã—ãŸã„ã¨ãã£ã¦ã‚ã‚Šã¾ã›ã‚“ã‹ï¼Ÿ 例ãˆã°ã€ç§ã¯æœ€è¿‘Windows Mobileæºå¸¯ãŒæ¬²ã—ãã¦ã€ä»Šåº¦ç™ºå£²ã•ã‚Œã‚‹ DoCoMo ã®HT1100 ã‹Emobileã®ã‚¤ãƒ¼ãƒ¢ãƒ³ã‚¹ã‚¿ãƒ¼ã«ã™ã‚‹ã‹ã€ã‹ãªã‚Šè¿·ã„ã¤ã¤ã€æ§˜ã€…ãªã‚¦ã‚§ãƒ–サイトやレビューを巡回ã—ã¦ã„ã¾ã™ã€‚ 検索ã§ä¸Šä½ã«è¡¨ç¤ºã•ã‚Œã‚‹ã‚µã‚¤ãƒˆã¯ä¸€é€šã‚Šè¦‹çµ‚ã‚ã£ãŸã®ã§ã€æ¬¡ã¯ã€æœ€æ–°ã®ãƒ¬ãƒ“ューã®ã¿ã‚’検索ã—ã¾ã™ã€‚ ãã®ã¨ãã«å½¹ã«ç«‹ã¤ã®ãŒã€Google検索ã®é®®åº¦ãƒ•ã‚£ãƒ«ã‚¿ãƒ¼ã§ã™ã€‚ 検索ボックス横ã®ã€Œæ¤œç´¢ã‚ªãƒ—ションã€ã‚’é–‹ãã€ã€Œæ—¥ä»˜ã€ã§ã€Œãƒšãƒ¼ã‚¸ã®æœ€çµ‚æ›´æ–°æ—¥ã€ã‚’指定ã—ã¾ã™ã€‚ 試ã—ã«ã‚ーワードã«ã€ŒHT1100ã€ã¨å…¥åŠ›ã—ã¦ã€ã€Œæ—¥ä»˜ã€ã‚’「24時間以内ã€ã¨ã—ã¦æ¤œç´¢ã—ã¦ã¿ã¾ã—ãŸã€‚ ã™ã‚‹ã¨ã€æ˜¨æ—¥é–‹å‚¬ã•ã‚ŒãŸã°ã‹ã‚Šã®ã€ã€ŒHT1100内覧会ã€ã«å‚åŠ ã•ã‚ŒãŸ
「ãã‚Œã€Operaãªã‚‰ã‚‚ã£ã¨é€Ÿã検索出æ¥ã‚‹ã‚ˆï¼Ÿã€ãªãƒ†ã‚¯ãƒ‹ãƒƒã‚¯10+2 - TERRAZINE
ã“ã®ãƒã‚¿ã¯ã€ã‚‰ã°Qã®ä»¥ä¸‹ã®ãƒã‚¿ã«å¯¾ã™ã‚‹ã€ŒOperaユーザーã‹ã‚‰ã®å›žç”ã€ã ãŒã€ã‚¿ã‚¤ãƒˆãƒ«ã«å½ã‚ŠãŒã‚る。ã“ã‚“ãªã‚‚ã‚“ã§ã€Œãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã€ã¨ã‹è¨€ã£ãŸã‚‰ã€ã„ã„笑ã„者ã«ãªã‚‹ã ã‚ã†ã€‚ 日本語ã§ã‚‚使ãˆã‚‹!? Googleã§ã“ã‚“ãªã“ã¨ã‚‚ã§ãã¡ã‚ƒã†æ¤œç´¢ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯10:らã°Q ã“ã‚“ãªã‚‚ã‚“ã¯ã€Operaãªã‚‰æ‹¡å¼µã¨ã‹ã‚°ãƒªãƒ¢ãƒ³ã¨ã‹ç„¡ã—ã§ã€ã‚‚ã£ã¨æ¥½ã«å‡ºæ¥ã‚‹ã€‚ 1.ファイルタイプ検索 Googleã§ã¯ãƒ•ã‚¡ã‚¤ãƒ«ã®ç¨®é¡žã‚’指定ã—ã¦æ¤œç´¢ã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ ãŸã¨ãˆã°ã€ä»¥ä¸‹ã®ã‚ˆã†ã«ã—ã¾ã™ã€‚ PDFã ã‘検索 filetype:pdf MS-Word文書ã ã‘検索 filetype:doc 一太郎文書ã ã‘検索 filetype:jtd パワーãƒã‚¤ãƒ³ãƒˆæ–‡æ›¸ã ã‘検索 filetype:ppt 多分ã€ã“ã‚“ãªæ¤œç´¢ã‚’ã™ã‚‹ãƒ¤ãƒ„ã¯æ»…多ã«å±…ãªã„ã¨æ€ã†ã€‚ã§ã‚‚ã€ã‚‚ã—é »ç¹ã«ä½¿ã†ãªã‚‰ã€ä¸€ã€…「filetype:pdfã€ãªã‚“ã¦æ‰“ã¡è¾¼ã‚€ã®ã¯é¢å€’ã よãªï¼Ÿ ãã“ã§Operaã®
Prototype.js を利用ã—ã¦ä½œã‚‰ã‚ŒãŸJavaScriptライブラリã¾ã¨ã‚サイト「Scriptekaã€:phpspot開発日誌
Scripteka :: Prototype extensions library Prototype.js (+Script.aculo.us)を利用ã—ã¦ä½œã‚‰ã‚ŒãŸJavaScriptライブラリã¾ã¨ã‚サイト「Scripteka〠例ãˆã°ã€æ¬¡ã®ã‚ˆã†ãªPrototype.jsを使ã£ãŸãƒ©ã‚¤ãƒ–ラリãŒç´¹ä»‹ã•ã‚Œã¦ã„ã¾ã™ã€‚ アコーディオン カラーピッカー ツールãƒãƒƒãƒ—ヒント 日付入力補助ウィジェット ライブラリ探ã—ã®ãƒ’ントã«ã€‚ 関連エントリ prototype.jsベースã®ãƒªã‚¢ãƒ«ã‚¿ã‚¤ãƒ ãƒãƒªãƒ‡ãƒ¼ãƒˆJSライブラリ「JSValidate〠Prototype.jsベースã®UIライブラリ「Prototype UI〠prototype.js逆引ãサンプル集 - JavaScriptist
æ—…è¡Œã«ã‚‚ã£ã¦ã„ãè¡£æœã‚’コンパクトã«ãŸãŸã‚€æ–¹æ³• | P O P * P O P
æ—…è¡Œã«ã„ãã¨ãã¯ä¸€ã¤ã®ãƒãƒƒã‚°ã§ã„ãã¾ã—ょã†ï¼ã‚’推奨ã—ã¦ã„ã‚‹OneBag.comã«ã¦ä¾¿åˆ©ãã†ãªæƒ…å ±ãŒã‚ã£ãŸã®ã§ã”紹介。 シャツやパンツをã¾ã¨ã‚ã¦ã‚³ãƒ³ãƒ‘クトã«ãŸãŸã‚€æ–¹æ³•ã§ã™ã€‚個別ã«ãŸãŸã‚€ã‚ˆã‚Šç¢ºã‹ã«æ‰±ã„ã‚„ã™ãã†ã§ã™ã。 ↑ シャツ2枚＆パンツ1æžšã®å ´åˆã€‚ ã¡ã‚‡ã£ã¨ã—ãŸã“ã¨ã§ã™ãŒã€çŸ¥ã£ã¦ãŠãã¨ã„ã–ã¨ã„ã†ã¨ãã«ä¾¿åˆ©ãã†ã§ã™ã€‚出張ãŒå¤šã„æ–¹ã¯è©¦ã•ã‚Œã¦ã¿ã¦ã¯ã„ã‹ãŒã§ã—ょã†ã‹ã€‚ » bundle-wrapping.jpg (JPEG Image, 1000×772 pixels)
「ã¡ã‚‡ã£ã¨å¾…ã¦ã€ 真・MySQLã®ã‚¯ã‚¨ãƒªã‚’最é©åŒ–ã™ã‚‹10ã®Tips：CodeZine
Jaslabs: High performance phpã§ç´¹ä»‹ã•ã‚ŒãŸã€ŒMySQLã®ã‚¯ã‚¨ãƒªã‚’最é©åŒ–ã™ã‚‹10ã®Tipsã€ã«å¯¾ã—ã¦ã€åè«–ã—ã¦ã„る人ãŒã„る。ブãƒã‚°ã€Œ20bitsã€ã®Jesseæ°ã 。彼ã¯ã€Œ10 Tips for Optimizing MySQL Queries (That don’t suck)ã€ã¨ã„ã†ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã§ã€Jaslabsæ°ã®è¨˜äº‹ã¯é©åˆ‡ã§ãªã„ã¨ã—ã¦ã„る。 Jesseæ°ã®çµŒé¨“ã«ã‚ˆã‚Œã°ã€SQL最é©åŒ–ã§æœ€ã‚‚é‡è¦ãªã“ã¨ã¯SQLã‚„DBã®åŸºæœ¬ã‚’ã—ã£ã‹ã‚Šã¨ç†è§£ã™ã‚‹ã“ã¨ã§ã‚ã‚Šã€60ï¼…ãŒã“ã‚Œã§è§£æ±ºã™ã‚‹ã¨ã„ã†ã€‚残り35ï¼…ã¯DBやクエリã®ç‰¹æ®Šãªæ€§è³ªã«å¯¾ã™ã‚‹å¯¾å‡¦ã§ã‚ã‚Šã€æœ€å¾Œã®5ï¼…ã§ç™ºæƒ³ã®è»¢æ›ãªã©ã‚’求ã‚られる。Jaslabsæ°ã¯ã“ã“ã«ã°ã‹ã‚ŠåŠ›ã‚’入れã¦ãŠã‚Šã€ãã‚Œã¯ã¾ã£ãŸãã‚‚ã£ã¦æ™‚é–“ã®ç„¡é§„ã ã¨è¿°ã¹ã¦ã„る（Jesseæ°ã¯ã€ŒSQL_SMALL_RESULTãªã‚“ã¦ã€ç”Ÿã¾ã‚Œã¦ã“ã®æ–¹ä½¿ã£ãŸã“ã¨ã™ã‚‰ãªã„ã€ã¨ã¾ã§è¨€
CSS 回り込ã¿è§£é™¤ã®æ±ºå®šç‰ˆ | ユージック
CSS 回り込ã¿è§£é™¤ã®æ±ºå®šç‰ˆ 2007å¹´1月19æ—¥ ã“ã“最近コーディングをã—ã¦ã„ã¦DRY(Don’t Repeat Yourself)åŒã˜ä½œæ¥ã‚’ç¹°ã‚Šè¿”ã•ãªã„ã¨ã„ã†è€ƒãˆæ–¹ã‚’CSSやマークアップã«ã‚‚å–り入れã¦ã„ããŸã„ã¨æ€ã†ã‚ˆã†ã«ãªã‚Šã¾ã—ãŸã€‚ãã“ã§ä»Šå›žã¯floatã«é–¢ã™ã‚‹ä¾¿åˆ©ãªTIPSã‚’ã”紹介ã—ã¾ã™ã€‚ floatã‚’ã‹ã‘ãŸè¦ç´ ã®å¾Œç¶šè¦ç´ ã¯è‡ªå‹•çš„ã«å›žã‚Šè¾¼ã‚“ã§ã—ã¾ã„ã¾ã™ã€‚ãれを解除ã™ã‚‹ãŸã‚ã«clearを後続è¦ç´ ã«ã‹ã‘ã¦float解除ã—ã¾ã™ãŒä¸è‡ªç„¶ã•ã‚’æ„Ÿã˜ã¾ã™ã€‚ã¨ã„ã†ã®ã‚‚別ã®æ‰€ã§ãã®å¾Œç¶šè¦ç´ を回り込ã¾ã›ãŸã„å ´åˆãªã©ãŒã‚ã‚Œã°ã€floatã®è§£é™¤ã®è§£é™¤ã¨ã„ã£ãŸåŒã˜ä½œæ¥ã‚’ç¹°ã‚Šè¿”ã—ã¦ã—ã¾ã†ã‹ã‚‰ã§ã™ã€‚ ãã“ã§floatã®å¾Œç¶šè¦ç´ ã«clearã‚’ã‹ã‘ãšã«floatã—ãŸè¦ç´ ã‚’å«ã‚“ã 親ã®ãƒ–ãƒãƒƒã‚¯è¦ç´ ã«classã‚’ã¤ã‘ã‚‹ã ã‘ã§å¾Œç¶šè¦ç´ を回り込ã¾ãªã›ãªã„よã†ãªæ–¹æ³•ãŒã‚ã‚Šã¾ã™ã€‚ classã¯2ã¤ã§ã‚‚3ã¤ã§ã‚‚付ã‘ã‚‹ã“ã¨ãŒã§ãã¾ã™ã®
ブラウザ上ã§ç”»åƒã‚„テã‚ストを自由ã«ç·¨é›†ã™ã‚‹æ–¹æ³• | P O P * P O P
ã”å˜çŸ¥ã®æ–¹ã‚‚多ã„ã‹ã¨æ€ã„ã¾ã™ãŒã€ã”å˜çŸ¥ãªã„æ–¹ã®ãŸã‚ã«ã¡ã‚‡ã£ã¨ã—ãŸTipsã‚’ã”紹介。Internet Explorer5.5以上é™å®šã§ã™ãŒã€‚ Webサイトをブラウザ上ã§è‡ªç”±ã«ç·¨é›†ã§ãã¦ã—ã¾ã†ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã§ã™ã€‚ã‚„ã‚Šæ–¹ã¯ç°¡å˜ã€‚下記ã®JavaScriptをアドレスãƒãƒ¼ã«æ‰“ã¡è¾¼ã‚€ã ã‘。 javascript:document.body.contentEditable='true'; document.designMode='on'; void 0 ã“ã‚“ãªï¼ˆâ†“）感ã˜ã§ã™ã€‚ ドラッグ＆ドãƒãƒƒãƒ—ã§ç”»åƒã‚’å‹•ã‹ã›ã‚‹ä»–ã€ãƒ†ã‚ストも自由ã«æ›¸ãã‹ãˆã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ã“ã‚Œã¯ã‚³ãƒ³ãƒ†ãƒ³ãƒ„をブラウザ上ã§ç·¨é›†ã§ãる「contentEditableã€ã¨ã„ã†ã‚¿ã‚°ã‚’活用ã—ãŸTipsã§ã™ã。 » contentEditableã«ã¤ã„㦠スクリーンショットをå–る時ã«ã„らãªã„ç”»åƒã‚’ç°¡å˜ã«æ¶ˆã—ãŸã‚Šã§ãã‚‹ã®ã¯ä¾¿åˆ©ã‹ã‚‚。diggã‹ã‚‰ã®æƒ…å ±ã§ã—ãŸ
1
メンテナンス
ãŠçŸ¥ã‚‰ã›
障害
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
https://design-spice.com/2012/06/13/responsive-web-design-image/
CSS Spriteを活用ã—よㆠ- DesignWalker
webサイトã«ã€ã‚ã‚‹ç”»åƒã‚’入れるã ã‘ã§ã‚¢ã‚¯ã‚»ã‚¹æ•°ãŒ3å€ã«ãªã‚‹ãƒãƒƒãƒˆç¤¾ä¼š*ホームページを作る人ã®ãƒã‚¿å¸³
プãƒã‚°ãƒ©ãƒ メモ
CSSã§ãƒ•ãƒƒã‚¿ä½ç½®ã‚’レイアウトã™ã‚‹ （CSS Sticky Footer） - youmos
フãƒãƒ¼ãƒˆã¨ãƒã‚¬ãƒ†ã‚£ãƒ–マージンã¾ã¨ã‚:CSS | Tech de Go
最åˆã«æŒ‡å®šã—ã¦ãŠãã¨ä¾¿åˆ©ãªCSS | Tech de Go
{{#tags}}- {{label}}
{{/tags}}