スマートフォン対応ã€æ°—ã‚’ã¤ã‘ãŸã„トラブル8/18ã«ãŠã“ãªã‚ã‚ŒãŸCSS Nite in OSAKA, Vol.32ã§ã®ç™ºè¡¨ç”¨ã‚¹ãƒ©ã‚¤ãƒ‰ã§ã™ã€‚4/27ã®CSS Nite in OSAKA, Vol.29ã§ä½¿ç”¨ã—ãŸã‚¹ãƒ©ã‚¤ãƒ‰ã‚’ベースã«ã€è‹¥å¹²ã®è¿½è¨˜ãƒ»ä¿®æ£ã‚’ã—ãŸå†…容ã¨ãªã£ã¦ã„ã¾ã™ã€‚Read less
テンプレートエンジン Smoochy を公開ã—ã¾ã™ - localdisk
Twitter ã§å†ä¸‰ã€Œãƒªãƒªãƒ¼ã‚¹ã™ã‚‹ã‚ˆã€ã¨ã‹è¨€ã£ã¦ãŠããªãŒã‚‰å…¨ç„¶å‡ºæ¥ã¦ã„ã¾ã›ã‚“ã§ã—ãŸãŒã€ã›ã£ã‹ãã®ã‚¯ãƒªã‚¹ãƒžã‚¹ãªã®ã§ã€å…¬é–‹ã—ã¦ã¿ã‚‹ã“ã¨ã«ã—ã¾ã—ãŸã€‚コードãŒã‹ãªã‚Šæ±šã„ã§ã™ãŒã€ä¸€å¿œæ„図通り動ã„ã¦ã¾ã™ã®ã§ã€‚ãŠæ£æœˆã¨ã‹ã«ãƒ‰ã‚ュメント書ã„ãŸã‚Šãƒªãƒ•ã‚¡ã‚¯ã‚¿ãƒªãƒ³ã‚°ã™ã‚‹ã¤ã‚‚ã‚Šã§ã™ã€‚ åå‰ã¯ Smoochy(ã™ã‚€ãƒ¼ã¡ãƒ¼) ã§ã™ã€‚ç”±æ¥ã¯ä½œã£ã¦ã‚‹æ™‚ã«ã‚ˆãè´ã„ã¦ã„ãŸå‚本é¾ä¸€ã®ã‚¢ãƒ«ãƒãƒ åã‹ã‚‰ã€‚ 以下説明。 ã¯ã˜ã‚ã« Smoochyã¨ã¯? Smoochy 㯠PHP ã§ä½œã‚‰ã‚ŒãŸãƒ†ãƒ³ãƒ—レートエンジンã§ã™ã€‚Smoochy 㯠Pure HTML をテンプレートã¨ã—ã¦ä½¿ç”¨ã™ã‚‹ãŸã‚ã€æœ¬å½“ã®æ„味ã§ã€Œãƒ‡ã‚¶ã‚¤ãƒ³ã¨ãƒã‚¸ãƒƒã‚¯ã®åˆ†é›¢ã€ã‚’実ç¾ã—ã¦ã„ã¾ã™ã€‚ 独自タグや独自属性ã€ã¾ã—ã¦ã‚„ {$hogehoge} ã®ã‚ˆã†ãªãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã‚‚å¿…è¦ã‚ã‚Šã¾ã›ã‚“。 インストール bitbucket.org より Smoochy.zip をダウンãƒãƒ¼ãƒ‰ã—ã¾ã™ã€‚
æºå¸¯ã‚µã‚¤ãƒˆï¼ˆhtml）ã®åˆ¶ä½œã«å…¥ã‚‹å‰ã«ç¢ºèªã—ã¦ãŠããŸã„ãƒã‚§ãƒƒã‚¯é …ç›® │ ã“ã‚Œã‹ã‚‰ã‚†ã£ãり考L +α
「デザインã¯ç´ 敵ãªã‚“ã ã‘ã©ã€æºå¸¯ã§ã“ã‚Œã¯ã¡ã‚‡ã£ã¨ã§ããªã„ãªãƒ¼ã€ã¨ã‹ã€ã€Œç„¡ç†ã§ã¯ãªã„ã‘ã©ã§ãã‚Œã°é¿ã‘ã¦ãŠã„ãŸæ–¹ãŒã„ã„よãªãƒ¼ã€ã£ã¦ã„ã†ãƒ‡ã‚¶ã‚¤ãƒ³ãŒã‚ãŒã£ã¦ãã‚‹ã“ã¨ãŒå¤šã„今日ã“ã®é ƒã€‚ モãƒã‚¤ãƒ«ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã‚’やり慣れã¦ã„る人ã˜ã‚ƒãªã„ã¨ãƒ¢ãƒã‚¤ãƒ«ã§ã§ãã‚‹ã“ã¨ã§ããªã„ã“ã¨ã€cssを使ã‚ãªã„ã¨å®Ÿç¾ã§ããªã„ã“ã¨ã€table使ã‚ãªã„ã¨å®Ÿç¾ã§ããªã„ã“ã¨ã€ãªã©ãŒåˆ†ã‹ã‚Šã«ãã„ã¨æ€ã†ã®ã§å½“然ã ã¨ã¯æ€ã†ã®ã§ã™ãŒã€‚ ã§ã™ãŒã€çŸ¥ã£ã¦ã„ã‚‹ã®ã¨çŸ¥ã‚‰ãªã„ã®ã¨ã§ã¯å·¥æ•°ãŒã‹ãªã‚Šé•ã£ã¦ãã¾ã™ã€‚ 一旦デザインã—ã¦ã€ã‚³ãƒ¼ãƒ€ãƒ¼ã«ãれを見ã›ã¦ã€Œã‚³ã‚³ã¨ã‚³ã‚³ã¨ã‚³ã‚³ã¯å®Ÿç¾ä¸å¯èƒ½ã€‚ã‚„ã‚Šç›´ã—ã¦ãã ã•ã„。ã€ã§å·®ã—戻ã•ã‚Œã€ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ã‚„ã‚Šç›´ã—ã¦ã£ã¦ãªã‚‹ã¨ã€ãƒ‡ã‚¶ã‚¤ãƒ³ã‚‚2度手間ã€ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ãƒã‚§ãƒƒã‚¯ã—ã¦ç„¡ç†ãªé …目を洗ã„出ã™ã‚³ãƒ¼ãƒ€ãƒ¼ã«ã‚‚余計ãªæ‰‹é–“ãŒã‹ã‹ã‚Šã¾ã™ã€‚ 今回洗ã„ã ã—ãŸé …ç›®ã¯ã€ãªã‚“ã›è‡ªåˆ†ãŒã‚³ãƒ¼ãƒ€ãƒ¼ãªã®ã§ã€ã‚³ãƒ¼ãƒ€ãƒ¼ãŒãƒ‡ã‚¶ã‚¤ãƒ³ãƒ•ã‚¡ã‚¤ãƒ«ã‚’もらã£ãŸæ™‚ã«ãƒãƒ¼ãƒƒã¨è¦‹ã¦ãƒã‚§ãƒƒ
CSSã§ãƒªã‚¹ãƒˆã‚’æ•´å½¢ã™ã‚‹ãªã‚‰è¦šãˆã¦ãŠãã¹ã８ã¤ã®ãƒªã‚¹ãƒˆãƒ‡ã‚¶ã‚¤ãƒ³ã‚µãƒ³ãƒ—ル集:phpspot開発日誌
CSSã§ãƒªã‚¹ãƒˆã‚’æ•´å½¢ã™ã‚‹ãªã‚‰è¦šãˆã¦ãŠãã¹ã８ã¤ã®ãƒªã‚¹ãƒˆãƒ‡ã‚¶ã‚¤ãƒ³ã‚µãƒ³ãƒ—ル集。 リストデザインã¨ã„ã†ã¨ã€CSSã®æ•´å½¢æ–¹æ³•ã«ã‚ˆã£ã¦æ§˜ã€…ãªè¦‹ã›æ–¹ãŒå¯èƒ½ã§ã™ãŒã€ã‚½ãƒ¼ã‚¹ã‚³ãƒ¼ãƒ‰ï¼†ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ä»˜ããŒã¾ã¨ã¾ã£ãŸã‚¨ãƒ³ãƒˆãƒªãŒå…¬é–‹ã•ã‚Œã¦ã„ã¾ã™ã€‚ リストデザインã®éš›ã¯ã€ã„ã¤ã‚‚å˜èª¿ã«ãªã‚ŠãŒã¡ã€ã¨ã„ã†æ–¹ã¯è¦šãˆã¦ãŠãã¨ã€ã¡ã‚‡ã£ã¨å¤‰ã‚ã£ãŸãƒ‡ã‚¶ã‚¤ãƒ³ã‚‚作れãã†ã§ã™ã—ã€ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã‚’駆使ã—ã¦ã¾ã£ãŸãæ–°ã—ã„デザインを考ãˆã‚‹ã“ã¨ã‚‚出æ¥ãã†ã€‚ ãã‚Œã§ã¯ä»¥ä¸‹ã«ãã®ãƒ‡ã‚¶ã‚¤ãƒ³ã•ã‚ŒãŸãƒªã‚¹ãƒˆã®ã‚µãƒ³ãƒ—ルをã”紹介。 1. サイトã®ãƒŠãƒ“ゲーション風ã«ãƒ‡ã‚¶ã‚¤ãƒ³ã•ã‚ŒãŸãƒªã‚¹ãƒˆ 2. 番å·ä»˜ã＆番å·ã®æ¨ªã«ç¸¦ã®ãƒ©ã‚¤ãƒ³ãŒã¯ã„ã£ãŸè¦‹ã‚„ã™ã„リスト 3. 矢å°ç”»åƒã‚’使ã£ãŸãƒªã‚¹ãƒˆ 4. iPhoneスタイルã®ã‚¯ãƒ¼ãƒ«ãªãƒœãƒƒã‚¯ã‚¹ãƒªã‚¹ãƒˆ 5. ツリーã£ã½ã„å½¢å¼ã«ã§ãるリストデザイン 6. 複数行ã«ã—ã¦ãƒ†ã‚ストã£ã½ã表示ã§ãるテã‚ストリスト 7. ワンラインã«ã—ã¦ã€ã‚«ãƒ³ãƒžã‚’付与
日本 Haml ã®ä¼š
Haml/Sass ã®æ™®åŠã‚’目的ã¨ã—ãŸãƒ¦ãƒ¼ã‚¶ã‚°ãƒ«ãƒ¼ãƒ—ã§ã™ã€‚Rails 勉強会@æ±äº¬ã®åˆ†ç§‘会ã®ã‚ˆã†ãªä½ç½®ä»˜ã‘ã§æ´»å‹•ã—ã¦ã„ã¾ã™ã€‚略称ã¯æ—¥æœ¬ãƒãƒ ã§ã™ã€‚ 活動内容 Haml/Sass ã«é–¢ã™ã‚‹æƒ…å ±äº¤æ› (Rails 勉強会@æ±äº¬ã€ã¾ãŸã¯ irc.freenode.net ã® #rails-tokyo ãƒãƒ£ãƒ³ãƒãƒ«) å„種イベントã«ãŠã‘ã‚‹ Haml/Sass ã®å®£ä¼ オープンソースプãƒãƒ€ã‚¯ãƒˆã« Haml 化パッãƒã‚’投ã’ã‚‹
JavaScript ã¯ã©ã®ã‚ˆã†ã«å®Ÿè¡Œã•ã‚Œã‚‹ã‹ - IT戦記
JavaScript ã¯ã©ã®ã‚ˆã†ã«å®Ÿè¡Œã•ã‚Œã‚‹ã‹ Safari*1 ã®å®Ÿè£…を例㫠JavaScript ã¯ã©ã®ã‚ˆã†ã«ã—ã¦å®Ÿè¡Œã•ã‚Œã¦ã„ã‚‹ã‹ã‚’書ã。自分用ã®ãƒ¡ãƒ¢ã€‚日本語ã®å‡ºæ¥ã¯æ°—ã«ã—ãªã„ 1. ブラウザを起動ã—ã¦ä»¥ä¸‹ã®ã‚ˆã†ãªãƒšãƒ¼ã‚¸ã‚’é–‹ã„ãŸã¨ã™ã‚‹ <html> <head> <script> var a = 1; var b = 2; alert(a + b); </script> </head> <body> </body> </html> 2. インターãƒãƒƒãƒˆã‹ã‚‰ãƒ‡ãƒ¼ã‚¿ãŒåˆ°ç€ã™ã‚‹ ãã†ã™ã‚‹ã¨ WebCore::FrameLoader::write ã¨ã„ã†é–¢æ•°ã«ç”Ÿã®æ–‡å—列ãŒæ¸¡ã•ã‚Œã‚‹ã€‚型㯠char* ã 。 http://trac.webkit.org/browser/trunk/WebCore/loader/FrameLoader.cpp#L990 ã“ã®é–¢æ•°ã®ä¸ã§ã¯ã€åˆ°ç€ã—ãŸæ–‡å—ã®æ–‡å—コードを解
検索フォームや見出ã—ãªã©ã‚¨ãƒ¬ãƒ¡ãƒ³ãƒˆã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’集ã‚ãŸã‚µã‚¤ãƒˆ -Elements of Design | コリス
Elements of Designã¯ã€ãƒ–ãƒã‚°ãªã©ã®ã‚¦ã‚§ãƒ–サイトã§ã‚ˆã使ã†ã‚¨ãƒ¬ãƒ¡ãƒ³ãƒˆã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’集ã‚ãŸã‚µã‚¤ãƒˆã§ã™ã€‚
IE6以下をWeb標準ã«æº–æ‹ ã•ã›ã‚‹ãƒ©ã‚¤ãƒ–ラリ『IE7.jsã€
IE6以下をWeb標準ã«æº–æ‹ ã•ã›ã‚‹ãƒ©ã‚¤ãƒ–ラリ『IE7.js〠多ãã®äººãŒå¾…ã¡ã«å¾…ã¡æœ›ã‚“ã ライブラリ。やã¯ã‚Šã™ã”ã„人ã¯ã™ã”ã„ã‚‚ã®ã‚’作るんã§ã™ã。 ã“ã®ãƒ©ã‚¤ãƒ–ラリをèªã¿è¾¼ã‚€ã“ã¨ã«ã‚ˆã‚ŠIE6以下ã§ã‚‚IE7ã¨åŒã˜ã‚ˆã†ãªXHTM/CSSã®è§£é‡ˆã‚’è¡Œã£ã¦ãã‚Œã¾ã™ã€‚ ãŸã ã—完全ã«IE7ã¨åŒã˜ã‚ˆã†ãªå½¢ã«ã™ã‚‹ã®ã§ã¯ãªãã€ã‚ˆã‚Šè¿‘ã„å½¢ã¨ã„ã†ã“ã¨ã§ã™ã€‚ ç¾åœ¨å…¬é–‹ã•ã‚Œã¦ã„ã‚‹ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã¯version 2.0 (beta)ã¨ã„ã†ã“ã¨ã§ã€ã¾ã 実務ã§ä½¿ã†ã®ã¯é›£ã—ã„ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ãŒã€MITライセンスã§å…¬é–‹ã•ã‚Œã¦ãŠã‚Šã¾ã™ã®ã§æ£å¼ã«ãƒªãƒªãƒ¼ã‚¹ã•ã‚Œã‚Œã°web制作ã®ç¾å ´ã‚’変ãˆã¦ã—ã¾ã†ãƒ©ã‚¤ãƒ–ラリã§ã™ã€‚ è¨ç½®æ–¹æ³• Google コードã®ie7-jsより直接èªã¿è¾¼ã‚€ã“ã¨ãŒå¯èƒ½ã§ã™ã€‚ 以下ã®è¦ç´ ã‚’headè¦ç´ 内ãªã©ã«è¨˜è¿°ã—ã¾ã™ã€‚ <!--[if lt IE 7]> <script src="http://ie7-js.googlecode.c
CSSã§ã€Œtext-indent:-9999px;ã€ã‚„「display:none;ã€ã®ç”»åƒç½®æ›ã¯ä½¿ã£ã¦ã¯ã„ã‘ãªã„ - webデザイナーã®ãƒŠãƒŠãƒ¡ã‚¬ã‚
「text-indent:-9999px;ã€ã‚„「display:none;ã€ã§ãƒ†ã‚ストをウィンドウ外ã«é£›ã°ã—ãŸã‚Šéžè¡¨ç¤ºã«ã—ã¦ã€ä»£ã‚ã‚Šã«èƒŒæ™¯ç”»åƒã‚’表示ã•ã›ã‚‹æ‰‹æ³•ã‚’「画åƒç½®æ›(Image Replacement)ã€ã¨ã„ã†ãŒã€ã“ã‚Œã«ã¯é‡å¤§ãªæ¬ 陥ãŒã‚ã£ã¦ã€æœ€è¿‘ã§ã¯ä½¿ç”¨ãŒæŽ¨å¥¨ã•ã‚Œã¦ã„ãªã„。 h5{ width:150px; height:50px; background:url('ir_test.gif') no-repeat; text-indent:-9999px; } <h5>SITE TITLE</h5> h5{ width:150px; height:50px; background:url('ir_test.gif') no-repeat; } h5 span{ display:none; } <h5><span>SITE TITLE</span></h5> 上記ã®ã‚ˆã†ãªCSSã ã¨ã€ŒCS
HTMLã®è¦ç´ ã‚’SQLã®ã‚ˆã†ã«å–り出ã›ã‚‹PHPã®ãƒ©ã‚¤ãƒ–ラリ『htmlSQL〠| IDEA*IDEA
ドットインストール代表ã®ãƒ©ã‚¤ãƒ•ãƒãƒƒã‚¯ãƒ–ãƒã‚°
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
http://www.cpa-lab.com/tech/0126
http://news.goo.ne.jp/news/gookeyword/it/20060915/20060915.html
{{#tags}}- {{label}}
{{/tags}}