[B! css] xkayokoxã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

xkayokox id:xkayokox

cssã«é–¢ã™ã‚‹xkayokoxã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (103)

${{author_name}}$

{{{comment_expanded}}}

{{label}}

{{#is_bookmark}}ãƒªã‚¹ãƒˆ{{/is_bookmark}}{{^is_bookmark}}ãƒªãƒ³ã‚¯{{/is_bookmark}}

${{author_name}}$
{{author_name}}{{created}}
{{ #comment }}{{ comment }}{{ /comment }}
- {{ label }}

${{author_name}}$

{{{comment_expanded}}}

{{label}}

{{#is_bookmark}}ãƒªã‚¹ãƒˆ{{/is_bookmark}}{{^is_bookmark}}ãƒªãƒ³ã‚¯{{/is_bookmark}}

[CSS]ç”»åƒç½®æ›ã€Œ-9999pxã€ã®ãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹ã‚’æ”¹å–„ã—ãŸæ–°ã—ã„ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯
ãƒ†ã‚ã‚¹ãƒˆã§å®Ÿè£…ã—ãŸè¦‹å‡ºã—ãªã©ã‚’ç”»åƒã«ç½®æ›ã™ã‚‹ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã§ã€Œ-9999pxã€ãŒæœ‰åã§ã™ãŒã€ãã®ãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹ã‚’æ”¹å–„ã™ã‚‹ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ Replacing the -9999px hack (new image replacement) [ad#ad-2] ç”»åƒç½®æ›ï¼š-9999px æ”¹å–„ã—ãŸãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ ç”»åƒç½®æ›ï¼š-9999px -9999pxã‚’ä½¿ã£ãŸç”»åƒç½®æ›ã®ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã¯ã€ä¸‹è¨˜ã®ã‚ˆã†ã«ãªã‚Šã¾ã™ã€‚ HTMLã¯è¦‹å‡ºã—è¦ç´ ã§å®Ÿè£…ã—ã¾ã™ã€‚ HTML <h3 id="sample06">è¦‹å‡ºã—ã®ãƒ†ã‚ã‚¹ãƒˆ</h3> ã€Œtext-indent:-9999px;ã€ã§ãƒ†ã‚ã‚¹ãƒˆã‚’è¦‹ãˆãªã„ä½ç½®ã«ã—ã€è¦‹å‡ºã—ã¨ãªã‚‹ç”»åƒã‚’èƒŒæ™¯ç”»åƒã¨ã—ã¦è¡¨ç¤ºã—ã¾ã™ã€‚ #sample06{ width:300px; height:50px; background:url('bg-01.gif') no-repeat 0 -250p
xkayokox 2012/04/27
css
ãƒªãƒ³ã‚¯
å°‘ã—ã®ã‚³ãƒ¼ãƒ‰ã§å®Ÿè£…å¯èƒ½ãª15ã®ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã‚µã‚¤ãƒˆç”¨å°æŠ€é›†
å°‘ã—ã®ã‚³ãƒ¼ãƒ‰ã§å®Ÿè£…å¯èƒ½ãª15ã®ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã‚µã‚¤ãƒˆç”¨å°æŠ€é›†ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ãŒæ™®åŠã—ã¦ãã¦ã€Webã‚µã‚¤ãƒˆã‚’ä½œã‚‹æ™‚ã€ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã‚µã‚¤ãƒˆã‚‚ä¸€ç·’ã«åˆ¶ä½œã—ã¦ã„ã‚‹æ–¹ã‚‚å¤šããªã£ã¦ãã¦ã„ã‚‹ã¨æ€ã„ã¾ã™ã€‚ç§ã‚‚ã‚¹ãƒžãƒ›ã‚µã‚¤ãƒˆã‚’åˆ¶ä½œã™ã‚‹æ©Ÿä¼šãŒå¢—ãˆã€ã ã‚“ã ã‚“Evernoteã«ä¿å˜ã—ã¦ã„ãŸã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã‚µã‚¤ãƒˆã‚’ä½œã‚‹æ™‚ã®å°æŠ€ãŒãŸã¾ã£ã¦ããŸã®ã§ã€iPhoneã§ä½¿ãˆã‚‹å°æŠ€ã‚’ä¸å¿ƒã«ã¾ã¨ã‚ã¦è¨˜äº‹ã«ã—ã¦ã¿ã¾ã™ã€‚ã„ãã¤ã‹ã‚µãƒ³ãƒ—ãƒ«ã‚‚ä½œã£ã¦ã„ã‚‹ã®ã§ã€ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã‹ã‚‰ã‚ã‚ã›ã¦ã”è¦§ä¸‹ã•ã„ï¼ ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã‚µã‚¤ãƒˆç”¨å°æŠ€é›†ã€€ç›®æ¬¡ã„ãã¤ã‹ã‚µãƒ³ãƒ—ãƒ«ã‚‚ä½œã£ãŸã®ã§ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã‹ã‚‰ã€ã‚‚ã—ãã¯ãƒ–ãƒ©ã‚¦ã‚¶ãƒ¼ã‹ã‚‰ãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚¨ãƒ¼ã‚¸ã‚§ãƒ³ãƒˆã‚’ iPhone ãªã©ã«åˆ‡ã‚Šæ›¿ãˆã¦ã”è¦§ãã ã•ã„ï¼ æ¨ªå¹…ã‚’ãƒ‡ãƒã‚¤ã‚¹ã®å¹…ã«ã‚ã‚ã›ã‚‹æ–‡å—ã‚µã‚¤ã‚ºã®è‡ªå‹•èª¿æ•´ã‚’ã‚ªãƒ•ãƒªã‚¹ãƒˆã®ã‚¯ãƒªãƒƒã‚¯ï¼ˆã‚¿ãƒƒãƒ—ï¼‰ç¯„å›²ã‚’åºƒã’ã‚‹ç”»é¢ã®å¹…ã«ã‚ã‚ã›ã¦ CSS ã‚’å¤‰ãˆã‚‹ãƒªãƒ³ã‚¯ãƒ†ã‚ã‚¹ãƒˆã®ã‚ã‚‹ Div å…¨ä½“ã‚’ã‚¯ãƒªãƒƒã‚¯ï¼ˆã‚¿ãƒƒãƒ—
xkayokox 2012/02/22
webdesign

smartphone

css
ãƒªãƒ³ã‚¯
Two Level Superfishy Menu | CSSDeck
A very clean menu made purely in CSS3 replicating the superfish jquery menu. Second level is animated using keyframes property so the menu won't work in IE and Opera (All versions). However, it looks cool in Webkit browsers and Mozilla Firefox. Suggestions? Thoughts? Edit: Made some changes in the CSS as suggested by @geoffrey_c on my Forrst post.
xkayokox 2012/01/19
css

webdesign
ãƒªãƒ³ã‚¯
IE6/IE7/IE8/IE9ã®CSSãƒãƒƒã‚¯
IE6/IE7/IE8/IE9ã¨ä»–ã®ãƒ–ãƒ©ã‚¦ã‚¶ã‚’æŒ¯ã‚Šåˆ†ã‘ã‚‹CSSãƒãƒƒã‚¯ã§ã™ã€‚IE9ã¯ã¾ã ãƒ™ãƒ¼ã‚¿ç‰ˆãªã®ã§æœ‰åŠ¹ã«ãªã‚‰ãªããªã‚‹ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ãŒã¨ã‚Šã‚ãˆãšã€‚ â†’IE9ã‚‚æ£å¼ç‰ˆã§ç¢ºèªæ¸ˆã¿ã§ã™ã€‚ ï¼‘ï¼ŽIE6/IE7/IE8/IE9ã¨ä»–ã®ãƒ–ãƒ©ã‚¦ã‚¶ã‚’æŒ¯ã‚Šåˆ†ã‘ã‚‹CSSãƒãƒƒã‚¯ ä»¥ä¸‹ã®é †ç•ªã§ãƒ—ãƒãƒ‘ãƒ†ã‚£ãŠã‚ˆã³ã‚»ãƒ¬ã‚¯ã‚¿ã‚’è¨˜è¿°ã—ã¦ãã ã•ã„ã€‚ body { color: red; /* all browsers, of course */ color: greenÂ¥9; /* IE8 and below */ *color: yellow; /* IE7 and below */ _color: orange; /* IE6 */ } body:not(:target) { color: blackÂ¥9; /* IE9 */ } IE6ï¼šãƒ—ãƒãƒ‘ãƒ†ã‚£ã®å…ˆé ã«ã‚¢ãƒ³ãƒ€ãƒ¼ã‚¹ã‚³ã‚¢ã€Œ_ã€ã‚’ä»˜ä¸Ž IE7ï¼šãƒ—ãƒãƒ‘ãƒ†ã‚£ã®å…ˆé ã«ã‚¢ã‚¹ã‚¿ãƒªã‚¹ã‚¯
xkayokox 2011/10/06
css

hack
ãƒªãƒ³ã‚¯
Webdesigner's Desk - For Web Designers And Developers
xkayokox 2011/07/11
css

jQuery
ãƒªãƒ³ã‚¯
Display social media icons in a beautiful way using CSS3
Although I didnâ€™t like CSS animations at first, the more I work with it, the more I do like the way itâ€™s implemented. A couple of days ago, I visited a website called Pubwich. The overall design of the website looks pretty good, but the part with the social media buttons attracted me even more. When you hover a icon, a small tooltip is displayed with the name of the social media. All other icons h
xkayokox 2011/07/11
css

jQuery
ãƒªãƒ³ã‚¯
CSSã®çŸ¥è˜ã‚’ã‚‚ã£ã¨æ·±ã‚ã‚‹30+2ã®å°æŠ€ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯é›†ï½œWebpark
åŸºæœ¬çš„ãªã“ã¨ã‚„ã¡ã‚‡ã£ã¨å¤‰ã‚ã£ãŸæ„å¤–ãªä½¿ã„æ–¹ãªã©CSSã«é–¢ã™ã‚‹å°æŠ€ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã‚’ãŸãã•ã‚“ç´¹ä»‹ã—ã¦ã„ãã¾ã™ã€‚çŸ¥ã£ã¦ã„ã‚‹ã“ã¨ã‚‚å¤šã„ã‹ã¨æ€ã„ã¾ã™ãŒã€æ–°ã—ã„ç™ºè¦‹ã‚‚ã‚ã‚‹ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ã®ã§å¾©ç¿’ã‚’å…¼ãã¦ãœã²ã”è¦§ãã ã•ã„ã€‚
xkayokox 2011/05/12
css
ãƒªãƒ³ã‚¯
CSS Shadow Effects: Tips and Tricks
The art of incorporating drop shadows and inner shadows became a skill I acquired through my exploration of Photoshopâ€™s Blending options. However, in the present era marked by the ascent of CSS3, the dependency on Adobeâ€™s design tool to infuse a box with a drop shadow or an inner shadow has waned. In this contemporary landscape, a fascinating revelation emerges: the ability to craft exquisite CSS3
xkayokox 2011/04/19
css
ãƒªãƒ³ã‚¯
CSS Menu Creation: A Guide for Beginners
Designing sleek, functional dropdown navigation menus is a crucial skill for modern web developers. This guide offers a step-by-step walkthrough on creating your own dropdown menu with nothing but HTML and CSS3, eliminating the need for additional Javascript coding. Upgraded and Animated Navigation Menu with CSS3 An enhanced and animated variant of the dropdown navigation system has recently been
xkayokox 2011/04/16
css
ãƒªãƒ³ã‚¯
[CSS]ã‚ãšã‹12å€‹ã®classåã§å¤šå½©ãªã‚°ãƒªãƒƒãƒ‰ã‚’çµ„ã¿ç«‹ã¦ã‚‹CSSã®ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ -StackLayout
IE6ã‚’ã¯ã˜ã‚ã€iPhone, iPadã«ã‚‚å¯¾å¿œã—ãŸã€å¯å¤‰ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚‚å›ºå®šãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã«ã‚‚åˆ©ç”¨ã§ãã‚‹å®Ÿç”¨çš„ã§å¤šå½©ãªã‚°ãƒªãƒƒãƒ‰ã‚’çµ„ã¿ç«‹ã¦ã‚‹CSSã®ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ StackLayout ãƒ‡ãƒ¢ãƒšãƒ¼ã‚¸ï¼šBasic Mockup [ad#ad-2] StackLayoutã®ä¸»ãªç‰¹å¾´ StackLayoutã®å¯¾å¿œãƒ–ãƒ©ã‚¦ã‚¶ãƒ»ãƒ‡ãƒã‚¤ã‚¹ StackLayoutã§ä½¿ç”¨ã™ã‚‹12å€‹ã®classå StackLayoutã®ãƒ‡ãƒ¢ StackLayoutã®ä½¿ã„æ–¹ StackLayoutã®ä¸»ãªç‰¹å¾´ ã‚ãšã‹12å€‹ã®classåã§ã€ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã‚’ç®¡ç† classåã¯ã€ç°¡å˜ã«ã‚»ãƒžãƒ³ãƒ†ã‚£ãƒƒã‚¯ãªã‚‚ã®ã«å¤‰æ›´å¯èƒ½ ãƒã‚¹ãƒˆã®åˆ¶é™ã¯ç„¡ã— floatã®ã‚¯ãƒªã‚¢ç„¡ã—ã§ã€ã‚¨ãƒ¬ãƒ¡ãƒ³ãƒˆã‚’æ¨ªåˆ—ã«ç°¡å˜ã«ä¸¦ã¹ã‚‹ã“ã¨ãŒå¯èƒ½ ãƒ‡ãƒ•ã‚©ãƒ«ãƒˆã¯å¯å¤‰ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆç”¨ã§ã€å›ºå®šãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã«ã‚‚å¯¾å¿œ å„ã‚«ãƒ©ãƒ ã®æºã®è¨å®šã¯ç°¡å˜ã§ã€px, %ã®ä¸¡æ–¹ã«å¯¾å¿œ StackLa
xkayokox 2011/04/02
css
ãƒªãƒ³ã‚¯
[CSS]ãƒ›ãƒãƒ¼æ™‚ã®ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã‚’è‡ªåˆ†ä»¥å¤–ã®è¦ç´ ã«ã‚‚é©ç”¨ã™ã‚‹ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«
ãƒ›ãƒãƒ¼æ™‚ã®ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã‚’å®Ÿéš›ã«ãƒ›ãƒãƒ¼ã•ã‚Œã¦ã„ã‚‹ã‚¨ãƒ¬ãƒ¡ãƒ³ãƒˆä»¥å¤–ã«ã‚‚é©ç”¨ã™ã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã®ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ ä¸‹è¨˜ã‚ãƒ£ãƒ—ãƒãƒ£ã®ãƒ‡ãƒ¢ã§ã¯ã€ãƒ›ãƒãƒ¼æ™‚ã«ä¸é€æ˜Žåº¦ã‚’3ç¨®é¡žé©ç”¨ã—ã¦ã„ã¾ã™ã€‚ Hover on "Everything But" ãƒ‡ãƒ¢ãƒšãƒ¼ã‚¸ [ad#ad-2] ä¸‹è¨˜ã¯å„ãƒã‚¤ãƒ³ãƒˆã‚’æ„è¨³ã—ãŸã‚‚ã®ã§ã™ã€‚ ã‚¨ãƒ¬ãƒ¡ãƒ³ãƒˆã«ãƒ›ãƒãƒ¼æ™‚ã®ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã‚’ä¸Žãˆã‚‹ã“ã¨ã¯ç°¡å˜ã§ã™ã€‚ ã“ã“ã§ã¯ã€ãƒ›ãƒãƒ¼æ™‚ã«ä¸é€æ˜Žåº¦ãŒå¤‰åŒ–ã™ã‚‹ã‚‚ã®ã‚’ä¾‹ã«ã—ã¦ã¿ã¾ã™ã€‚ div { opacity: 1.0; } div:hover { opacity: 0.5; } ã“ã‚Œã§ã€ãƒ›ãƒãƒ¼æ™‚ã«ä¸é€æ˜Žåº¦ãŒ0.5ã«ãªã‚‹ã‚ˆã†ã«ãªã‚Šã¾ã—ãŸã€‚ ã“ã“ã¾ã§ã¯ç°¡å˜ã§ã™ãŒã€ãƒ›ãƒãƒ¼æ™‚ã®ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã‚’å®Ÿéš›ã«ãƒ›ãƒãƒ¼ã•ã‚Œã¦ã„ã‚‹ã‚¨ãƒ¬ãƒ¡ãƒ³ãƒˆä»¥å¤–ã«ã‚‚é©ç”¨ã™ã‚‹ã«ã¯ã€ã©ã†ã—ãŸã‚‰ã‚ˆã„ã§ã—ã‚‡ã†ã‹ï¼Ÿã€€ä¾‹ãˆã°éš£æŽ¥ã—ãŸå…„å¼Ÿã®divè¦ç´ ãªã©ã«ã€‚ ã¾ãšã¯ã€HTMLã®åŸºæœ¬çš„ãªä¾‹ã‚’è¦‹ã¦ãã ã•ã„ã€‚
xkayokox 2011/03/30
css
ãƒªãƒ³ã‚¯
SitePoint Blogs Â» JSON-P output with Rails
Fine-Tuning an Open-Source LLM with Axolotl Using Direct Preference Optimization (DPO)
xkayokox 2011/03/25
css
ãƒªãƒ³ã‚¯
overflowã‚’ä½¿ã£ã¦floatã®å•é¡Œã‚’è§£æ±ºã™ã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã®ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ | ã‚³ãƒªã‚¹
ãƒ•ãƒãƒ¼ãƒˆã—ãŸåè¦ç´ ã‚’å†…åŒ…ã™ã‚‹ã‚³ãƒ³ãƒ†ãƒŠãŒé«˜ã•ã‚’æ‹¡å¼µã—ãªã„å•é¡Œã‚’è§£æ±ºã™ã‚‹ãŸã‚ã®ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã¯ã•ã¾ã–ã¾ãªã‚‚ã®ãŒã‚ã‚Šã¾ã™ã€‚ ãã®ä¸ã‹ã‚‰ã€overflowã‚’ä½¿ã£ãŸæ–¹æ³•ã¨ãã®éš›ã«ç”Ÿã˜ã‚‹å•é¡Œç‚¹ã¨ãã®è§£æ±ºæ–¹æ³•ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ CSS: Clearing Floats with Overflow [ad#ad-2] ä¸‹è¨˜ã¯å„ãƒã‚¤ãƒ³ãƒˆã‚’æ„è¨³ã—ãŸã‚‚ã®ã§ã™ã€‚ ã¯ã˜ã‚ã« Demo 1: overflow:auto; Demo 2: overflow:hidden; overflowã‚’ä½¿ã£ã¦ç”Ÿã˜ã‚‹å•é¡Œç‚¹ã¨è§£æ±ºæ–¹æ³• ã¯ã˜ã‚ã« ãƒ•ãƒãƒ¼ãƒˆãƒ™ãƒ¼ã‚¹ã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚’ã™ã‚‹éš›ã€ãƒ©ãƒƒãƒ‘ãƒ¼ã¨ãªã‚‹ã‚³ãƒ³ãƒ†ãƒŠãŒãƒ•ãƒãƒ¼ãƒˆã—ã¦ã„ã‚‹åè¦ç´ ã«å¯¾ã—ã¦é«˜ã•ã‚’æ‹¡å¼µã—ãªã„ã“ã¨ã¯ã€æ™®é€šã«ã‚ˆãã‚ã‚‹å•é¡Œã§ã™ã€‚ ãƒ‡ãƒ¢ï¼šï¼‘ ãƒ•ãƒãƒ¼ãƒˆã‚’ã‚¯ãƒªã‚¢ã™ã‚‹è¦ç´ ã‚’é…ç½®ã—ã¦è§£æ¶ˆã—ãŸä¾‹ ã—ã‹ã—ã€ã“ã®å•é¡Œã‚’è§£æ±ºã™ã‚‹ãŸã‚ã«ã€ã€Œoverflowã€ãƒ—ãƒãƒ‘ãƒ†ã‚£ã§ã‚‚ã§ãã‚‹ã“ã¨ã‚’çŸ¥ã£ã¦ã„ã¾ã—ãŸã‹ï¼Ÿ ã“ã‚Œã¯
xkayokox 2011/03/10
css
ãƒªãƒ³ã‚¯
CSSMENUMAKER.COM
Get a price in less than 24 hoursFill out the form below. One of our domain experts will have a price to you within 24 business hours.
xkayokox 2011/03/10
css

generator
ãƒªãƒ³ã‚¯
Ultimate CSS Gradient Generator from ColorZilla
background: linear-gradient(); /* W3C, IE10+, FF16+, Chrome 26+, Opera 12+, Safari 7+ */
xkayokox 2011/03/10
css

generator
ãƒªãƒ³ã‚¯
ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å‘ã‘ã‚µã‚¤ãƒˆã®ä½œã‚Šæ–¹ | ãƒ¦ãƒ¼ã‚¸ãƒƒã‚¯
ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å‘ã‘ã‚µã‚¤ãƒˆã®ä½œã‚Šæ–¹ 2011å¹´1æœˆ22æ—¥ iPhoneã¨Androidä¸¡æ–¹ã«å¯¾å¿œã™ã‚‹ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å‘ã‘ã‚µã‚¤ãƒˆã®ä½œã‚Šæ–¹ã‚’ã¾ã¨ã‚ã¦ã¿ã¾ã—ãŸã€‚ ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å‘ã‘ã‚µã‚¤ãƒˆä½œæˆã«ã‚ãŸã£ã¦ã®åŸºæœ¬æ¦‚è¦ ã¾ãšæœ€åˆã«ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å‘ã‘ã‚µã‚¤ãƒˆã‚’ä½œæˆã™ã‚‹éš›ã«æ°—ã«ãªã‚‹ç‚¹ã¯ç”»åƒã®æ‰±ã„ã ã£ãŸã‚Šã™ã‚‹ã¨æ€ã„ã¾ã™ã€‚ æ¨ªå¹…ã§ã™ãŒã€è§£åƒåº¦ã¯æ©Ÿç¨®ã«ã‚ˆã£ã¦æ§˜ã€…ã§ã™ãŒã€ç¸¦å‘ãã§320pxï½ž640pxã€æ¨ªå‘ãã§480pxï½ž960pxãŒä¸»æµã¨ãªã‚Šã¾ã™ã€‚ æ¨™æº–ã¨ãªã‚‹ã‚‚ã®ã‚’è¨ã‘ã‚‹ã¨ãªã‚‹ã¨ã€320px(æ¨ª)/480pxï¼ˆç¸¦ï¼‰ã‚’æ¨™æº–ã¨ã—ã¦è‰¯ã„ã‹ãªã¨æ€ã„ã¾ã™ã€‚ â€»iPhone4ã€4Sã¯640px/960pxã®è§£åƒåº¦ã§ã™ãŒã€å†…éƒ¨è§£åƒåº¦ã§320px/480pxã¨è§£é‡ˆã—ã¦ãã‚Œã‚‹ãŸã‚ã€‚ ã§ã™ã®ã§ã€ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã«è¦‹ã›ã‚‹ãƒ‡ã‚¶ã‚¤ãƒ³ã‚«ãƒ³ãƒ—ãªã©ã‚’ä½œæˆã™ã‚‹éš›ã‚‚ç¸¦ã‚’æ¨™æº–ã¨ã™ã‚‹éš›ã¯320pxï¼ˆæ¨ªï¼‰ã§ä½œæˆã™ã‚Œã°å•é¡Œãªã„ã¨ã„ãˆã¾ã™ãŒã€iPhone4ã€4Sã‚„An
xkayokox 2011/01/31
mobile

html

css
ãƒªãƒ³ã‚¯
CSSãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã®è‚ï¼ è¡¨ç¤ºãƒ»é…ç½®ã®ãƒ—ãƒãƒ‘ãƒ†ã‚£ã€14é¸
è©³ã—ãã¯ã‚³ãƒãƒ©â†’ã€€position ãƒœãƒƒã‚¯ã‚¹ã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆæ–¹æ³•ã‚’æŒ‡å®šã™ã‚‹positionãƒ—ãƒãƒ‘ãƒ†ã‚£ topãƒ—ãƒãƒ‘ãƒ†ã‚£ topãƒ—ãƒãƒ‘ãƒ†ã‚£ã¯ã€ãƒœãƒƒã‚¯ã‚¹ã‚’é…ç½®ã™ã‚‹å ´åˆã«ä¸Šã‹ã‚‰ã®è·é›¢ã‚’æŒ‡å®šã—ã¾ã™ã€‚åŸºæº–ä½ç½®ã®ä¸Šç«¯ã‹ã‚‰é…ç½®ã™ã‚‹ãƒœãƒƒã‚¯ã‚¹ã®ä¸Šç«¯ã¾ã§ã®è·é›¢ã‚’ç¤ºã—ã¾ã™ã€‚positionãƒ—ãƒãƒ‘ãƒ†ã‚£ãŒã€Œstaticã€ä»¥å¤–ã®ã¨ãã«æœ‰åŠ¹ã¨ãªã‚‹ãƒ—ãƒãƒ‘ãƒ†ã‚£ã§ã™ã€‚ è©³ã—ãã¯ã‚³ãƒãƒ©â†’ã€€top ãƒœãƒƒã‚¯ã‚¹ã‚’é…ç½®ã™ã‚‹å ´åˆã«ä¸Šã‹ã‚‰ã®è·é›¢ã‚’æŒ‡å®šã™ã‚‹topãƒ—ãƒãƒ‘ãƒ†ã‚£ bottomãƒ—ãƒãƒ‘ãƒ†ã‚£ bottomãƒ—ãƒãƒ‘ãƒ†ã‚£ã¯ã€ãƒœãƒƒã‚¯ã‚¹ã‚’é…ç½®ã™ã‚‹å ´åˆã«ä¸‹ã‹ã‚‰ã®è·é›¢ã‚’æŒ‡å®šã—ã¾ã™ã€‚åŸºæº–ä½ç½®ã®ä¸‹ç«¯ã‹ã‚‰é…ç½®ã™ã‚‹ãƒœãƒƒã‚¯ã‚¹ã®ä¸‹ç«¯ã¾ã§ã®è·é›¢ã‚’ç¤ºã—ã¾ã™ã€‚positionãƒ—ãƒãƒ‘ãƒ†ã‚£ãŒã€Œstaticã€ä»¥å¤–ã®ã¨ãã«æœ‰åŠ¹ã¨ãªã‚‹ãƒ—ãƒãƒ‘ãƒ†ã‚£ã§ã™ã€‚ è©³ã—ãã¯ã‚³ãƒãƒ©â†’ã€€bottom ãƒœãƒƒã‚¯ã‚¹ã‚’é…ç½®ã™ã‚‹å ´åˆã«ä¸‹ã‹ã‚‰ã®è·é›¢ã‚’æŒ‡å®šã™ã‚‹bottomãƒ—ãƒãƒ‘ãƒ†ã‚£ leftãƒ—ãƒãƒ‘ãƒ†ã‚£ leftãƒ—
xkayokox 2011/01/11
css
ãƒªãƒ³ã‚¯
Leaverou | Latest Social Media Marketing Trends
Sign up with your em ail address to be the first to know about new products, VIP offers, blog features & more. [spacer]
xkayokox 2010/12/31
ç”»åƒã‚’ä½¿ç”¨ã›ãšã«èƒŒæ™¯ã‚’ã‚¹ãƒˆãƒ©ã‚¤ãƒ—ã‚„ãƒã‚§ãƒƒã‚¯æŸ„ã«ã™ã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆ

css
ãƒªãƒ³ã‚¯
accidentalhacker.com
This domain may be for sale!
xkayokox 2010/12/23
ç”»åƒã‚’ä½¿ç”¨ã—ãªã„ã§ä»˜ç®‹ç´™ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’é©ç”¨ã™ã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆ

css
ãƒªãƒ³ã‚¯
ä»Šæ—¥ã‹ã‚‰CSS3ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ä½¿ãˆã‚‹ã‚ˆã†ã«ãªã‚‹ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«
CSS3ã®ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã£ã¦ã‚¹ã‚´ã„ï¼ å…ˆæ—¥ã®ã½ã‚“ãŸãã‚“ã®è¨˜äº‹ã§ã‚‚ç´¹ä»‹ã•ã‚ŒãŸã‚ˆã†ã«ã€CSS3ã§ã¯ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚‚åˆ¶å¾¡ã§ãã‚‹ã‚ˆã†ã«ãªã‚Šã¾ã—ãŸã€‚ ã¨ã„ã†ã“ã¨ã§ã€ã¼ãã‚‚CSS3ã®ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ä½¿ã£ã¦demoã‚’ã„ãã¤ã‹ä½œã£ã¦ã¿ã¾ã—ãŸã€‚ Safariã‚„Chromeãªã©webkitãƒ–ãƒ©ã‚¦ã‚¶ã§è¡¨ç¤ºã—ã¦ã¿ã¦ãã ã•ã„ã€‚ ã‚³ãƒ”ãƒšã§ä½¿ãˆã‚‹CSS3ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ - jsdo.it â€»PLAYãƒœã‚¿ãƒ³ã‚’ã‚¯ãƒªãƒƒã‚¯ã™ã‚‹ã¨è¡¨ç¤ºã•ã‚Œã¾ã™ã‚ˆ è¦‹ã‚Œãªã„äººã®ãŸã‚ã«å‹•ç”»ã‚‚æ’®ã£ã¦ã¿ã¾ã—ãŸã€‚ ã©ã†ã§ã™ã‹ï¼ŸCSSã ã‘ã§ã€ã¾ã‚‹ã§Flashã‚’ä½¿ã£ã¦ã‚‹ã‚ˆã†ãªè¡¨ç¾ãŒã§ãã¡ã‚ƒã†ã‚“ã§ã™ã€‚ ä»Šå›žã¯ã“ã®CSSã®ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã®ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã‚’ã”ç´¹ä»‹ã—ã¾ã™ã€‚ ã€ŒNEW!ã€ã¨ã„ã†ã‚¢ã‚¤ã‚³ãƒ³ãŒã€1æ–‡å—ã”ã¨ã«ã´ã‚‡ã“ã‚“ã´ã‚‡ã“ã‚“è·³ãã‚‹ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ä½œã£ã¦ã¿ã¾ã—ã‚‡ã†ã€‚ ä¸Šè¨˜ã®demoã§ã„ã†ã¨äºŒã¤ç›®ã®å‹•ãã§ã™ã€‚ HTML <pÂ class="animetionNewÂ
xkayokox 2010/09/29
[for:@twitter]

css
ãƒªãƒ³ã‚¯
1 2 3 4 5 6 æ¬¡ã®ãƒšãƒ¼ã‚¸