『デザインã¯8ã®å€æ•°ã§ã§ãã¦ã„ã‚‹ã€
1 pixel｜サイãƒãƒ¼ã‚¨ãƒ¼ã‚¸ã‚§ãƒ³ãƒˆå…¬å¼ã‚¯ãƒªã‚¨ã‚¤ã‚¿ãƒ¼ã‚ºãƒ–ãƒã‚° サイãƒãƒ¼ã‚¨ãƒ¼ã‚¸ã‚§ãƒ³ãƒˆã®ã‚¯ãƒªã‚¨ã‚¤ã‚¿ãƒ¼ã®å–り組ã¿ã‚’紹介ã™ã‚‹ã‚ªãƒ•ã‚£ã‚·ãƒ£ãƒ«ãƒ–ãƒã‚°ã§ã™ã€‚最新技術ã¸ã®æŒ‘戦やサービス誕生ã®è£è©±ã€å‹‰å¼·ä¼šã‚„イベントã®ãƒ¬ãƒãƒ¼ãƒˆãªã©CAクリエイターã®æƒ…å ±ãŒæº€è¼‰ã§ã™ã€‚ ã¯ã˜ã‚ã¾ã—ã¦ã€‚ mama&crowdã®ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã€é•·è°·å·å½°ä¹‹ä»‹ã§ã™ã€‚ 今回ã¯ã€WEBサイトã®ã€Œä½™ç™½ã€ã‚„「ブãƒãƒƒã‚¯ã‚µã‚¤ã‚ºã€ã€ŒWEBサイトã®æ¨ªå¹…ã€ã«å¯¾ã—㦠「最é©ãªå€¤ã¯å˜åœ¨ã™ã‚‹ã®ã‹ï¼Ÿã€ ã«ã¤ã„ã¦è€ƒãˆã¦ã¿ãŸã„ã¨æ€ã„ã¾ã™ã€‚ 少々長ã„ã§ã™ãŒã€ãŠä»˜ãåˆã„ã®ã»ã©ã‚ˆã‚ã—ããŠé¡˜ã„ã—ã¾ã™ã€‚ ボックスサイズã¨ã¯ã€ã€Œãƒ˜ãƒƒãƒ€ãƒ¼ã€ã€Œã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã€ã€ŒãƒŠãƒ“ゲーションã€ãªã©ã® ã²ã¨ã¤ã²ã¨ã¤ã®å›ºã¾ã‚Šã®å¤§ãã•ï¼ˆã‚µã‚¤ã‚ºï¼‰ã‚’指ã—ã¾ã™ã€‚ ã€ç¬¬ï¼‘部】8ã®å€æ•° WEBサイトã®UIをデザインã—ã¦ã„ã¦æ‚©ã¾ã•ã‚Œã‚‹ã®ãŒã€Œä½™ç™½ã€ã§ã™ã€‚ 「ã“ã“ã¯3px…ã„ã‚„4pxã‹ã€‚ã‚‚ã£ã¨ç©ºã‘ãŸã‚‰è¦‹ã‚„ã™ããªã‚‹ã‹ã‚‚ã—ã‚Œãªã„。6p
[JS]実装も簡å˜ã€å¿…é ˆå…¥åŠ›ã®æœ‰ç„¡ã‚„メールアドレスã®ãƒã‚§ãƒƒã‚¯ãªã©ãƒ•ã‚©ãƒ¼ãƒ ã®ãƒãƒªãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ãŠã“ãªã†è»½é‡ã‚¹ã‚¯ãƒªãƒ—ト -Validetta
é¸æŠžã—ã¦ã„ã‚‹ã®ãŒ2ã¤ã‹ã©ã†ã‹ Validettaã¯ã€ä»¥ä¸‹ã®é …ç›®ãŒãƒã‚§ãƒƒã‚¯ã§ãã¾ã™ã€‚ データãŒç©ºã‹ã©ã†ã‹ã€‚ é›»åメールã®ãƒã‚§ãƒƒã‚¯ã€‚ æ•°å—ã®ãƒã‚§ãƒƒã‚¯ã€‚ クレジットカード番å·ã®ãƒã‚§ãƒƒã‚¯ã€‚ フィールド内ã®æ–‡å—æ•°ã®ãƒã‚§ãƒƒã‚¯ã€‚ ãƒã‚§ãƒƒã‚¯ãƒœãƒƒã‚¯ã‚¹ã‚„セレクトボックスã®é¸æŠžæ•°ã®ãƒã‚§ãƒƒã‚¯ã€‚ 2ã¤ã®ãƒ•ã‚£ãƒ¼ãƒ«ãƒ‰ãŒåŒã˜ã‹ã©ã†ã‹ã€‚ æ£è¦è¡¨ç¾ã‚’使ã£ãŸãƒ•ã‚£ãƒ¼ãƒ«ãƒ‰ã®ãƒã‚§ãƒƒã‚¯ã€‚ Validettaã®ä½¿ã„æ–¹ Step 1: 外部ファイル jquery.jsã¨å½“スクリプト・スタイルシートを外部ファイルã¨ã—ã¦è¨˜è¿°ã—ã¾ã™ã€‚ <link href="validetta/validetta.css" rel="stylesheet" type="text/css" media="screen" > <script type="text/javascript" src="http://code.jquery.com/jquery-late
iPhone/Android/PCã®ãƒ–ラウザ対応ã€ãƒ•ãƒªãƒƒã‚¯æ“作をシンプルã«å®Ÿè£…ã§ãã‚‹jQueryプラグイン - makogã®æ—¥è¨˜
自作ã®jQueryプラグインã€jQuery.flickSimpleを公開ã—ã¾ã™ã€‚ jQuery.flickSimple デモ / マニュアル（iPhone/Androidã§ã‚‚ã”覧ã„ãŸã ã‘ã¾ã™ï¼‰ jQuery.flickSimple ダウンãƒãƒ¼ãƒ‰ï¼ˆgithub） ã“ã‚Œã¯ã€iPhoneã®ç‰¹å¾´çš„ãªã‚¤ãƒ³ã‚¿ãƒ•ã‚§ãƒ¼ã‚¹ã§ã‚るフリックæ“作をã€Webサイト上ã§å®Ÿç¾ã™ã‚‹ãŸã‚ã® jQueryプラグインã§ã™ã€‚æŸã‚µã‚¤ãƒˆã®iPhone版ã®ãŸã‚ã«ã ã„ã¶å‰ã«æ›¸ã„ãŸã‚‚ã®ã§ã€å½“時ã¯iPhone専用ã ã£ãŸã®ã§ã™ãŒã€Android対応ã®ä¾é ¼ã‚’å—ã‘ãŸã®ã‚’ãã£ã‹ã‘ã«ã€PCã®ãƒ–ラウザã«ã‚‚対応ã—よã†ã¨ã€å¤§å¹…ã«ä½œã‚Šç›´ã—ãŸã‚‚ã®ã§ã™ã€‚ フリック動作を実ç¾ã™ã‚‹jQueryプラグインã¯æ—¢ã«ã„ãã¤ã‹ã‚ã‚Šã¾ã™ã€‚機能ã¨ã—ã¦ã‚‚実装ã¨ã—ã¦ã‚‚ã€ç§ãŒä½œã£ãŸã‚‚ã®ã‚ˆã‚Šå„ªã‚Œã¦ã„ã‚‹ã‚‚ã®ã‚‚ã‚ã‚‹ã¨æ€ã„ã¾ã™ãŒã€ã¾ãšã¯å…¬é–‹ã™ã‚‹ã“ã¨ã«æ„義ãŒã‚ã‚‹ã€ã¨ã„ã†ã“ã¨ã§ã€‚ ã¡ãªã¿ã«ã€ã“ã®ã‚¹
Clingify - a jQuery plugin to make stuff sticky (Demo)
« Back to GitHub Repo Purpose Clingify is a jQuery plugin that allows you to easily create “sticky†or “fixed†headers, navs, and other page elements. Once you scroll past the targeted element, the plugin will toggle a CSS class that gives the element a fixed position, pinning it in place on the page. Features There are many other sticky plugins out there, but here are a few reasons to consider Cl
ランã‚ング
ランã‚ング
ランã‚ング
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
Perspective Page View Navigation
{{#tags}}- {{label}}
{{/tags}}