CSS-EBLOG - (X)HTML+CSS/JavaScript Tips site.
デザインを体感ã—ã¦å¦ã¹ã‚‹ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ–ãƒã‚°ã§ã™ã€‚Illustrator（イラレ）やPhotoshop（フォトショ）ã®ä½¿ã„方やWordPressã‚„SWELLã®CSSã‚„JavaScriptカスタマイズやアフィリエイトã¾ã§èªã‚€ã ã‘ã§æ¥½ã—ã‚ã‚‹æƒ…å ±ã‚’ç™ºä¿¡ã—ã¦ã„ã¾ã™ã€‚
ツイートã„ã„ãブックマーク+1ãƒã‚§ãƒƒã‚¯ãƒœã‚¿ãƒ³ã€å„種デザインカンプ用画åƒã‚’ã¾ã¨ã‚ã¦ç½®ã„ã¦ãŠã
サイトã®ãƒ‡ã‚¶ã‚¤ãƒ³ä½œæˆã®ã¨ãã€è¿‘é ƒã¯å¿…é ˆã®é…置物ã¨ã—ã¦ã€ã‚½ãƒ¼ã‚·ãƒ£ãƒ«ç³»ã®ãƒœã‚¿ãƒ³ãŒãƒªã‚¯ã‚¨ã‚¹ãƒˆã•ã‚Œã¾ã™ã€‚ コーディングã®æ™‚ã«ãƒœã‚¿ãƒ³ã‚’入れ込むã‚ã‘ã§ã™ãŒã€ãƒ‡ã‚¶ã‚¤ãƒ³ã‚«ãƒ³ãƒ—ã«ã‚‚ã‚‚ã¡ã‚ã‚“å¿…è¦ã€‚ã§ã‚‚ã»ã¨ã‚“ã©ãŒã‚«ã‚¦ãƒ³ãƒˆã¨ã¨ã‚‚ã«Javascriptã§ç”¨æ„ã•ã‚Œã¦ã„ã‚‹ã®ã§ã€ç”»åƒãƒ™ãƒ¼ã‚¹ã®ç´ æãŒã‚ã‚Šã¾ã›ã‚“。ãã®éƒ½åº¦ã€ç¸¦åž‹ã€æ¨ªåž‹ã€æ•°å—入りã€æ•°å—ãªã—ãªã©ã‚ャプãƒãƒ£ã—ã¦ãƒãƒƒã‚¯ã‚°ãƒ©ã‚¦ãƒ³ãƒ‰ã¨å››éš…ã‚’1ピクセルã¥ã¤åˆ‡ã£ã¦â€¦ã¨ã‚„ã£ã¦ã‚‹ã‚ã‘ã§ã™ãŒã€é¢å€’ãªã®ã§ã€èª ã«å‹æ‰‹ãªãŒã‚‰ã€ã“ã“ã«ç½®ã„ã¦ãŠãã“ã¨ã«ã—ã¾ã—ãŸã€‚ã‚‚ã¡ã‚ã‚“ã€å®Ÿç‰©å¤§ã§ã™ã€‚ ã¤ã¾ã‚Šã€ãƒ‰ãƒ©ãƒƒã‚°ã€ã¾ãŸã¯å³ã‚¯ãƒªãƒƒã‚¯ã§ã‚³ãƒ”ーã—ã¦Fireworksã«è²¼ã‚Šä»˜ã‘る用ã®ãƒœã‚¿ãƒ³ã‚µãƒ³ãƒ—ルã§ã™ã€‚ã ã‚ŒãŒå¿…è¦ï¼Ÿç§ãŒå¿…è¦â™ª Twitter ツイートボタン サンプル カウント数ã‚ã‚Šã®ã€ç¸¦ã€æ¨ªã€ã‚«ã‚¦ãƒ³ãƒˆãªã—ボタンã€ãã—ã¦è‹±èªžver.。 サイズ(px)：左よりã€ã€Œ80*62ã€ã€Œæ¨ªå¯å¤‰*縦20ã€ã€Œ80*20ã€ã€Œæ¨ªå¯å¤‰
[スマートフォン]ヘッダーを固定é…ç½®ã«ã™ã‚‹JavaScript | サイブリッジラボブãƒã‚°
ã¯ã˜ã‚ã¾ã—ã¦ã€ä»Šå›žåˆç™»å ´ã®ã‚¢ã‚·ã‚¹ã‚¿ãƒ³ãƒˆãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã®ã¾ã“ã£ã¡ã‚ƒã‚“ã§ã™ã€‚ 今後ã¨ã‚‚よã‚ã—ããŠé¡˜ã„ã„ãŸã—ã¾ã™ã€‚ 最近ã¯ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã‚µã‚¤ãƒˆåˆ¶ä½œå…¨ç››æœŸã§ã™ã‚ˆã。今後ã¯ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã§ãƒªãƒƒãƒãªã‚µã‚¤ãƒˆãŒã€ç¾ã‚Œã‚‹ã®ã§ã¯ãªã„ã‹ã¨ã‚ãã‚ãã—ã¦ã„ã¾ã™ã€‚ 今回ã¯ã€ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã‚µã‚¤ãƒˆåˆ¶ä½œä¸ã«èº“ã„ãŸå›ºå®šãƒ˜ãƒƒãƒ€ãƒ¼ã«ã¤ãã¾ã—ã¦ã€ã€Žå›ºå®šãƒ˜ãƒƒãƒ€ãƒ¼ã®JavaScriptã¯ä½•ãŒãƒ™ã‚¹ãƒˆã‹ã€ã‚’考ãˆã¦ã„ãã¾ã™ã€‚ Mobile Webkit ã§ã¯ã€position:fixed;】ãŒåŠ¹ã‹ãªã„ï¼ çš†ã•ã‚“ã‚‚PCサイトã§ä¸€åº¦ã¯å›ºå®šãƒ˜ãƒƒãƒ€ãƒ¼ã®ã‚µã‚¤ãƒˆã‚’制作ã•ã‚ŒãŸäº‹ãŒã‚ã‚‹ã‹ã¨æ€ã„ã¾ã™ãŒã€ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã‚µã‚¤ãƒˆåˆ¶ä½œã§è©¦ã•ã‚ŒãŸæ–¹ã‚‚ã„らã£ã—ゃるã®ã§ã¯ãªã„ã§ã—ょã†ã‹ã€‚ PCサイトã®å›ºå®šãƒ˜ãƒƒãƒ€ãƒ¼ã§ä½¿ç”¨ã•ã‚Œã‚‹ã€position:fixed;】ãŒiPhone・iPadãªã©ã§ã¯åŠ¹ã‹ãªã„ã¨ã„ã†å•é¡Œç‚¹ã«æ°—ã‚’ã¤ã‘ã¾ã—ょã†ã€‚ iscroll ã¾ãšã€ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å‘ã‘ã«ä½¿ã‚
![[スマートフォン]ヘッダーを固定é…ç½®ã«ã™ã‚‹JavaScript | サイブリッジラボブãƒã‚°](https://cdn-ak-scissors.b.st-hatena.com/image/square/e82e2c864f8e014b0448593dedfe46486c4e1fd5/height=288;version=1;width=512/http%3A%2F%2Fwww.cybridge.jp%2Fimg%2Fcommon%2Flogo_cybridge_m.gif)
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
http://indigonote.com/2011/09/14/original-like-button/
{{#tags}}- {{label}}
{{/tags}}