ãŠå‰è‡ªåˆ†ã¡ã®ãƒšãƒ¼ã‚¸ãƒ£UIãŒæœ¬å½“ã«é€Ÿã„ã¨æ€ã£ã¦ã‚“ã®ï¼Ÿæ‰‹æŠœãã§ã™
[JS]ç•°ãªã‚‹é«˜ã•ã‚’å˜ã«æƒãˆã‚‹ã ã‘ã§ãªãã€ã‚°ãƒ«ãƒ¼ãƒ”ングや列ã«å¿œã˜ã¦æƒãˆã‚‹ã“ã¨ã‚‚å¯èƒ½ãªä¾¿åˆ©ã‚¹ã‚¯ãƒªãƒ—ト -matchHeight
デモページ：幅1,200pxã§è¡¨ç¤º ã“ã‚Œã¯ã€ãƒœãƒ¼ãƒ€ãƒ¼ç„¡ã—ã®çŠ¶æ…‹ã€‚ jquery.matchHeight.jsã®ä½¿ã„æ–¹ Step 1: 外部ファイル jquery.jsã¨å½“スクリプトを外部ファイルã¨ã—ã¦head内ã«è¨˜è¿°ã—ã¾ã™ã€‚ <head> ... <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script> <script type="text/javascript" src="js/jquery.matchHeight.js"></script> </head> Step 2: HTML é©ç”¨ã™ã‚‹ãƒ‘ãƒãƒ«å…¨ã¦ã«åŒã˜classを付与ã—ã¾ã™ã€‚ å„パãƒãƒ«ãŒæ¨ªä¸€åˆ—ã«é…ç½®ã•ã‚ŒãŸå ´åˆã¯ã€å…¨ã¦åŒã˜é«˜ã•ã«ã€‚複数ã®åˆ—ã«é…ç½®ã•ã‚ŒãŸå ´åˆã¯å„列ã§ä¸€ç•ªé«˜ã„ã‚‚
最近ãŠä¸–話ã«ãªã£ãŸWeb制作ã«é–¢ã™ã‚‹ãŠå½¹ç«‹ã¡ãƒ„ール＆プラグイン | æ ªå¼ä¼šç¤¾LIG(リグ)｜DX支æ´ãƒ»ã‚·ã‚¹ãƒ†ãƒ 開発・Web制作
ã“ã‚“ã«ã¡ã¯ã€‚デザイナーã®ç™½æµœã§ã™ã€‚春ã§ã™ã。4月生ã¾ã‚Œãªã®ã§æ˜¥ã¯ãªã‚“ã ã‹æ°—åˆãŒå…¥ã‚Šã¾ã™ã€‚ ã•ã¦ã€æŒ¨æ‹¶ã¨ã¯é–¢ä¿‚ã‚ã‚Šã¾ã›ã‚“ãŒã€æœ€è¿‘Web制作をã™ã‚‹ä¸Šã§å½¹ã«ç«‹ã£ãŸãƒ„ールやプラグインをã”紹介ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ ç”»åƒä½œæˆç·¨ ç„¡æ–™ã§åŠé€éŽãƒžãƒ«ãƒã‚¢ã‚¤ã‚³ãƒ³ã‚„ファビコン（favicon.icoï¼‰ä½œæˆ http://ao-system.net/alphaicon/ アルファãƒãƒ£ãƒ³ãƒãƒ«ã‚’æŒã£ãŸç¶ºéº—ãªãƒžãƒ«ãƒã‚¢ã‚¤ã‚³ãƒ³ãŒä¸€ç™ºã§ä½œã‚Œã¾ã™ã€‚仕上ãŒã‚ŠãŒç¶ºéº—ã ã£ãŸã®ã§ãŠæ°—ã«å…¥ã‚Šã§ã™ã€‚faviconç”»åƒä½œæˆã®ãŠä¾›ã«ã€‚ OGPç”»åƒã‚·ãƒŸãƒ¥ãƒ¬ãƒ¼ã‚¿ | og:image Simulator http://ogimage.tsmallfield.com/ ç”»åƒã‚’アップãƒãƒ¼ãƒ‰ã™ã‚‹ã ã‘ã§Facebookã®ã‚¿ã‚¤ãƒ ライン上ã«ã©ã®ã‚ˆã†ã«ãƒˆãƒªãƒŸãƒ³ã‚°ã•ã‚Œã¦é…ç½®ã•ã‚Œã‚‹ã‹ã‚’一発ã§ã‚·ãƒŸãƒ¥ãƒ¬ãƒ¼ãƒˆã—ã¦ãã‚Œã¾ã™ã€‚ 「ã‚ã£ã“ã®ã¾ã¾ã ã¨ãƒã‚´ãŒæ¬ ã‘る…ã€ã¨ã‹ã±ã£ã¨è¦‹ã§
パララックスエフェクトã®åŸºæœ¬
jQueryをメインã«HTML5ã‚„CSS3を使ã£ãŸãƒªãƒƒãƒãªè¡¨ç¾ã®ãŸã‚ã®ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã‚’紹介。ã¾ãšã¯ãƒ‘ララックスエフェクトã®åŸºæœ¬ã‹ã‚‰ã€‚ Webサイトã®55ï¼…ã§åˆ©ç”¨ã•ã‚Œã¦ã„ã‚‹jQuery ã¯ã˜ã‚ã¾ã—ã¦ã€‚クラスメソッドã®ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã€å±±ç”°ã§ã™ã€‚「jQuery×HTML5×CSS3を真é¢ç›®ã«å‹‰å¼·ã€ã¨ã„ã†é€£è¼‰ã‚’スタートã—ã¾ã™ã€‚ 2005å¹´2月ã«Google mapsãŒç™»å ´ã—ã¦ä»¥æ¥ã€Web開発者ã®é–“ã§JavaScriptã®æ ªã¯ä¸Šæ˜‡ã®ä¸€é€”ã‚’ãŸã©ã£ã¦ã„ã¾ã™ã€‚ãã®å‹¢ã„ã¯ã¨ã©ã¾ã‚‹ã“ã¨ã‚’知らãšã€ãƒªãƒƒãƒãªWebコンテンツを作るã«ã¯ã€Flashã‚’ã¯ã˜ã‚ã¨ã—ãŸãƒ—ラグインã«é ¼ã‚‹ã¨ã„ã†ã€ãã‚Œã¾ã§ã®å¸¸è˜ã‚’ã™ã£ã‹ã‚Šè¦†ã—ã¦ã—ã¾ã„ã¾ã—ãŸã€‚ ã•ã‚‰ã«ã€HTML5ã‚„CSS3ã‚‚ç™»å ´ã—ã€å„ベンダã®ãƒ–ラウザãŒWeb標準ã®ä»•æ§˜ã«åˆã‚ã›ã¦å®Ÿè£…ã®è¶³ä¸¦ã¿ã‚’æƒãˆå§‹ã‚ã‚‹ãªã©ã€ãƒ—ラグインã«é ¼ã‚‰ãšã¨ã‚‚リッãƒãªUIã®Webコンテンツを少ãªã„手間ã§ä½œã‚Œ
今年(2011å¹´)å‚考ã«ãªã£ãŸWeb制作者å‘ã‘ã®ã‚¹ãƒ©ã‚¤ãƒ‰ã®ã¾ã¨ã‚ - ã‹ã¡ã³ã¨. net
Web制作者ã¨ã„ã†ã‹ã€ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ä¸å¿ƒã§ã™ã€‚ Webデザインã¨ã‹HTML5ã¨ã‹JavaScriptãªã©ã® スライドã¨ã€PHPãªã©ãŒå°‘ã—。タイトルã§èª¤è§£ ã—ãŸã‚‰ã™ã¿ã¾ã›ã‚“。ãã‚ãã‚年末年始ã®å‹‰å¼· 用ã«æƒ…å ±ã‚’ã¾ã¨ã‚ã¦ãŠããŸã„ã¨æ€ã„ã¾ã™ã€‚勉強 ã«ãªã‚‹ãƒ–ãƒã‚°è¨˜äº‹ï¼ã¿ãŸã„ãªã®ã¯ã»ã£ã¨ã„ã¦ã‚‚ 誰ã‹ãŒã¾ã¨ã‚ã‚‹ã‚“ã˜ã‚ƒãªã„ã‹ãªã€‚ ã¨ã„ã†ã‚ã‘ã§å®Œå…¨ã«è‡ªåˆ†ç”¨ãªã®ã§ã„ã¤ã‚‚通り内容ã¯åã£ã¦ã¾ã™ã€‚一気ã«ã¾ã¨ã‚ã¦å¾©ç¿’・・・出æ¥ã‚‹ã¨ã„ã„ãªï½—ã¡ã‚ƒã‚“ã¨ã‚¢ã‚¦ãƒˆãƒ—ットã—ãªã„ã¨ãƒ€ãƒ¡ã§ã™ã・・ã¨ã¯ã„ãˆé©å½“ã«ç«¯æŠ˜ã£ã¦ã¾ã™ã€‚ãã‚“ãªè¦‹ã‚‹æš‡ç„¡ã•ãã†ã§ã™ã—。 çµæ§‹ã¾ã¨ã¾ã‚Šãªã„ã§ã™ã€‚ 色彩センスã®ã„らãªã„é…色講座
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
{{#tags}}- {{label}}
{{/tags}}