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

voidy21 id:voidy21

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

${{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}}

Documentation - Bootflat
Bootflat offers over a dozen reusa ble components, which can be combined with each other.
voidy21 2017/01/20
css
ãƒªãƒ³ã‚¯
ã¡ã‚ƒã‚“ã¨CSSã‚’æ›¸ããŸã‚ã« - CSS/Sassè¨è¨ˆã®è©±
TalkNote Vol.8 ç™ºè¡¨ã‚¹ãƒ©ã‚¤ãƒ‰ 2013/06/30 è¿½è¨˜: æœ¬ã‚¹ãƒ©ã‚¤ãƒ‰ã§ç´¹ä»‹ã—ã¦ã„ã‚‹SMACSSæ—¥æœ¬èªžè¨³ï¼ˆé›»åæ›¸ç±ï¼‰ãŒç™ºå£²ã•ã‚ŒãŸã®ã§ã€èˆˆå‘³ã®ã‚ã‚‹æ–¹ã¯ã”è¦§ãã ã•ã„ã€‚ SMACSS https://smacss.com/Read less
voidy21 2013/08/18
css
ãƒªãƒ³ã‚¯
Susy: Responsive grids for Compass
Susy was a responsive layout engine for Sass, before flexbox and CSS grid were available. Susy is now deprecated, and will not receive updates. If you need help moving off Susy, or learning the latest in web layout, we offer training and consulting to help bring you up-to-date. Contact us for details Â» Not everyone can play with the latest specs, and there will always be edge-cases that require ma
voidy21 2013/06/18
css
ãƒªãƒ³ã‚¯
compass-style.org is almost here!
The owner of this domain has not yet uploaded their website.
voidy21 2013/06/18
css
ãƒªãƒ³ã‚¯
Flexboxã€ãŠã‚‚ã—ã‚ã„ã§ã™ã‚ˆï¼Ÿ
Translation of: Learn You a Flexbox for Great Good! | The Haystack. written by Stephen Hay Flexboxã«ã¤ã„ã¦çŸ¥ã£ã¦ã„ã¾ã™ã‹ï¼Ÿã€€å¤šåˆ†ã€åå‰ã¯èžã„ãŸã“ã¨ãŒã‚ã‚‹ã§ã—ã‚‡ã†ã€‚ã‚‚ã—ã‹ã—ãŸã‚‰ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ãã‚‰ã„ã¯èªã‚“ã ã“ã¨ãŒã‚ã‚‹ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ã€‚æ—¢ã«è©¦ã—ã¦ã„ãŸã‚Šã—ã¾ã™ã‹ï¼Ÿ Flexboxã¨ã„ã†ä»£ç‰©ã«ã¤ã„ã¦ã‚ã¾ã‚Šèžã„ãŸã“ã¨ãŒãªã‹ã£ãŸã‚Šã€å‰ã«è©¦ã—ã¦ã‹ã‚‰éšåˆ†ã¨çµŒã¤ãªã‚‰ã€ãã®Flexboxã«é–¢ã™ã‚‹çŸ¥è˜ã®ã“ã¨ã¯ä¸€æ—¦å…¨ã¦å¿˜ã‚Œã¦ã—ã¾ã„ã¾ã—ã‚‡ã†ï¼ã€€ç¾æ™‚ç‚¹ã§ã®æœ€æ–°ç‰ˆã§ã‚ã‚‹2011å¹´11æœˆ29æ—¥ã«ãƒªãƒªãƒ¼ã‚¹ã•ã‚ŒãŸä»•æ§˜ã§ã¯å®Œå…¨ã«åˆ¥ç‰©ã«ãªã£ã¦ã„ã¾ã™ã€‚ è¨³æ³¨ 2012å¹´3æœˆ22æ—¥ã«æ–°ã—ãå…¬é–‹ã•ã‚ŒãŸWorking Draftã§ã‚‚ã¾ãŸå¤§ããªå¤‰æ›´ãŒåŠ ã‚ã‚Šã€ã“ã®æ–‡æ›¸ã®ä¸€éƒ¨ã¯ãã®WDã«ããã‚ãªã„ã‚‚ã®ã«ãªã£ã¦ã„ã¾ã™ã€‚å¤§ç‹ã¯å¤‰ã‚ã‚Šã¾ã›ã‚“ã—ã€2012å¹´3
voidy21 2012/02/18
css
ãƒªãƒ³ã‚¯
ã¯ã¦ãªã‚°ãƒ«ãƒ¼ãƒ—ã®çµ‚äº†æ—¥ã‚’2020å¹´1æœˆ31æ—¥(é‡‘)ã«æ±ºå®šã—ã¾ã—ãŸ - ã¯ã¦ãªã®å‘ŠçŸ¥
ã¯ã¦ãªã‚°ãƒ«ãƒ¼ãƒ—ã®çµ‚äº†æ—¥ã‚’2020å¹´1æœˆ31æ—¥(é‡‘)ã«æ±ºå®šã—ã¾ã—ãŸ ä»¥ä¸‹ã®ã‚¨ãƒ³ãƒˆãƒªã®é€šã‚Šã€ä»Šå¹´æœ«ã‚’ç›®å‡¦ã«ã¯ã¦ãªã‚°ãƒ«ãƒ¼ãƒ—ã‚’çµ‚äº†äºˆå®šã§ã‚ã‚‹æ—¨ã‚’ãŠçŸ¥ã‚‰ã›ã—ã¦ãŠã‚Šã¾ã—ãŸã€‚ 2019å¹´æœ«ã‚’ç›®å‡¦ã«ã€ã¯ã¦ãªã‚°ãƒ«ãƒ¼ãƒ—ã®æä¾›ã‚’çµ‚äº†ã™ã‚‹äºˆå®šã§ã™ - ã¯ã¦ãªã‚°ãƒ«ãƒ¼ãƒ—æ—¥è¨˜ ã“ã®ãŸã³ã€æ£å¼ã«çµ‚äº†æ—¥ã‚’æ±ºå®šã„ãŸã—ã¾ã—ãŸã®ã§ã€ä»¥ä¸‹ã®é€šã‚Šã”ç¢ºèªãã ã•ã„ã€‚ çµ‚äº†æ—¥: 2020å¹´1æœˆ31æ—¥(é‡‘) ã‚¨ã‚¯ã‚¹ãƒãƒ¼ãƒˆå¸Œæœ›ç”³è«‹æœŸé™:2020å¹´1æœˆ31æ—¥(é‡‘) çµ‚äº†æ—¥ä»¥é™ã¯ã€ã¯ã¦ãªã‚°ãƒ«ãƒ¼ãƒ—ã®é–²è¦§ãŠã‚ˆã³æŠ•ç¨¿ã¯è¡Œãˆã¾ã›ã‚“ã€‚æ—¥è¨˜ã®ã‚¨ã‚¯ã‚¹ãƒãƒ¼ãƒˆãŒå¿…è¦ãªæ–¹ã¯ä»¥ä¸‹ã®è¨˜äº‹ã«ã—ãŸãŒã£ã¦æ‰‹ç¶šãã‚’ã—ã¦ãã ã•ã„ã€‚ ã¯ã¦ãªã‚°ãƒ«ãƒ¼ãƒ—ã«æŠ•ç¨¿ã•ã‚ŒãŸæ—¥è¨˜ãƒ‡ãƒ¼ã‚¿ã®ã‚¨ã‚¯ã‚¹ãƒãƒ¼ãƒˆã«ã¤ã„ã¦ - ã¯ã¦ãªã‚°ãƒ«ãƒ¼ãƒ—æ—¥è¨˜ ã”åˆ©ç”¨ã®ã¿ãªã•ã¾ã«ã¯ã”è¿·æƒ‘ã‚’ãŠã‹ã‘ã„ãŸã—ã¾ã™ãŒã€ã©ã†ãžã‚ˆã‚ã—ããŠé¡˜ã„ã„ãŸã—ã¾ã™ã€‚ 2020-06-25 è¿½è¨˜ ã¯ã¦ãªã‚°ãƒ«ãƒ¼ãƒ—æ—¥è¨˜ã®ã‚¨ã‚¯ã‚¹ãƒãƒ¼ãƒˆãƒ‡ãƒ¼ã‚¿ã¯2020å¹´2æœˆ28
voidy21 2011/05/08
css
ãƒªãƒ³ã‚¯
javascriptã‚’ä½¿ã‚ãšã€html + cssã ã‘ã§ã‚¯ãƒªãƒƒã‚¯ã‚·ãƒ¥ãƒ¼ãƒ†ã‚£ãƒ³ã‚°ã‚²ãƒ¼ãƒ ã‚’ä½œã£ã¦ã¿ãŸ - æœ€é«˜ã®ã‚³ãƒ³ãƒ”ãƒ¥ãƒ¼ãƒ†ã‚£ãƒ³ã‚°ç’°å¢ƒã¨ã¯ï¼Ÿ
CSSã§æã‹ã‚ŒãŸãã¬ã¬ç”»åƒãªã©ã‚’è¦‹ã¦ãŸã‚‰ã€ãµã¨html + CSSã ã‘ã§ã‚¢ã‚¯ã‚·ãƒ§ãƒ³ã‚²ãƒ¼ãƒ ãŒä½œã‚Œãªã„ã‹ã¨æ€ã£ãŸã®ã§ä½œã£ã¦ã¿ã¾ã—ãŸã€‚ ãƒšãƒ¼ã‚¸ç§»å‹•ã™ã‚Œã°ã„ãã‚‰ã§ã‚‚å¯èƒ½ã§ã™ãŒã€ãã‚Œã ã¨ã¤ã¾ã‚‰ãªã„ã®ã§ã€1ãƒšãƒ¼ã‚¸å†…ã§ä½œã‚‹ã¨ã„ã†ç¸›ã‚Šã‚‚ã¤ã‘ã¦ã¾ã™ã€‚ ãƒ‡ãƒ¢ãƒšãƒ¼ã‚¸ http://ndruger.lolipop.jp//hatena/20110429/css_game/css_game.htm Chrome / Safariã®æœ€æ–°ç‰ˆã§å‹•ãã¾ã™ã€‚Firefox / IEã ã¨å‹•ãã¾ã›ã‚“ã€‚ ã‚½ãƒ¼ã‚¹ã‚³ãƒ¼ãƒ‰ https://github.com/ndruger/css-game æŠ€è¡“çš„ãªèª¬æ˜Ž ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã¯CSS Animationã‚’ä½¿ã†ã ã‘ãªã®ã§ç°¡å˜ã§ã™ãŒã€å•é¡Œã¯çŠ¶æ…‹ç®¡ç†ã§ã™ã€‚ ã‚¢ã‚¯ã‚·ãƒ§ãƒ³ã‚²ãƒ¼ãƒ ã‚’ä½œã‚‹ã«ã¯ã€åŸºæœ¬çš„ã«ä¸‹è¨˜ã®è¦ç´ ãŒå¿…è¦ã§ã™ã€‚ 1. ãƒ¦ãƒ¼ã‚¶ãƒ¼å…¥åŠ›ã«å¯¾ã™ã‚‹çŠ¶æ…‹ã®å¤‰æ›´ 2. çŠ¶æ…‹ã®ä¿æŒ 3. çŠ¶æ…‹ã«å¿œã˜ã¦è¦‹ãŸç›®
voidy21 2011/05/02
html

css
ãƒªãƒ³ã‚¯
GitHub - hokaccha/vim-css3-syntax: Add CSS3 syntax support to vim's built-in `syntax/css.vim`.
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
voidy21 2011/04/24
vim

css
ãƒªãƒ³ã‚¯
CSS3ã§ç¬‘ã„ç”· - jsdo.it - Share JavaScript, HTML5 and CSS
CSSã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã®ç·´ç¿’ã«ä½œã£ã¦ã¿ãŸ chromeã®ã¿å‹•ä½œç¢ºèª /*å‚è€ƒ*/ ç¬‘ã„ç”· SVG : http://d.hatena.ne.jp/fls/20061023/p1 /*ä¿®æ£*/ before,afterè¦ç´ ã‚’å°Žå…¥ <div id="Laughing_man"> <div class="out-frame"> <div class="in-frame"> <div class="hat"> <div class="eye eye-left"></div> <div class="eye eye-right"></div> </div> <div class="mouth"></div> </div> <div class="text"> <span class="p1">I</span> <span class="p3">t</span> <span class="p4">h</
voidy21 2011/03/08
css
ãƒªãƒ³ã‚¯
ã¾ã©ã‹â˜†ãƒžã‚®ã‚«ã®ãƒ«ãƒ¼ãƒ³ãƒ•ã‚©ãƒ³ãƒˆã‚’ã¯ã¦ãƒ€ã§ä½¿ã£ã¦ã¿ãŸã‚ˆ - y-kawazã®æ—¥è¨˜
ä¸»ã«æµ·å¤–ã®è§£æžéƒ¨éšŠã®äººé”ã«ã‚ˆã£ã¦ã€ã¾ã©ã‹â˜†ãƒžã‚®ã‚«ã®ä½œä¸ã§ä½¿ã‚ã‚Œã¦ã‚‹ãƒ«ãƒ¼ãƒ³æ–‡å—*1ãŒè§£æžã•ã‚Œã¤ã¤ã‚ã‚‹è§£æžå®Œäº†ã—ãŸã¿ãŸã„ã§ã™ã€‚ ã”ä¸å¯§ã«ã‚‚TrueTypeãƒ•ã‚©ãƒ³ãƒˆãŒãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰å‡ºæ¥ã‚‹ã‚ˆã†ã«ãªã£ã¦ãŸã®ã§ã€æ—©é€Ÿã¯ã¦ãƒ€ã§ä½¿ã£ã¦ã¿ã¾ã™ã€‚ ã¾ãšMadokaRunes.ttfã ã‘ã©ã€ä»¶ã®ã‚µã‚¤ãƒˆã¸ã®ç›´ãƒªãƒ³ã‚¯ã¯å‡ºæ¥ãªã•ãã†ãªã®ã§ä¸€æ—¦åˆ¥ã®å ´æ‰€ã«ã‚³ãƒ”ãƒ¼ã€‚*2 IEã§ã¯TrueTypeã‚„OpenTypeã®WebFontãŒä½¿ãˆãšç‹¬è‡ªã®EOT(Embedded Open Type)ã¨ã„ã†å½¢å¼ã®ãƒ•ã‚¡ã‚¤ãƒ«ãŒå¿…è¦ã‚‰ã—ã„ã®ã§eotãƒ•ã‚¡ã‚¤ãƒ«ã‚‚ä½œã£ã¦ç½®ã„ã¦ãŠãã¾ã™ã€‚*3 Firefoxã§ã‚¯ãƒã‚¹ãƒ‰ãƒ¡ã‚¤ãƒ³ã§webfontãƒ•ã‚¡ã‚¤ãƒ«ã‚’å–å¾—ã™ã‚‹å ´åˆã¯ã€å¤–éƒ¨ã‚µã‚¤ãƒˆå´ã«ã‚¢ã‚¯ã‚»ã‚¹ã‚³ãƒ³ãƒˆãƒãƒ¼ãƒ«ãƒ˜ãƒƒãƒ€ã«ã‚ˆã‚‹è¨±å¯ãŒå¿…è¦ãªã®ã§ã€ãƒ•ã‚©ãƒ³ãƒˆãƒ•ã‚¡ã‚¤ãƒ«ç½®ãå ´ã® .htaccess ã«â†“ã¨ã‹ã‚’æ›¸ã„ã¦ãŠãã¾ã™ã€‚ header add Access-Control-A
voidy21 2011/02/25
css
ãƒªãƒ³ã‚¯
CSS Transitions sampler
Hover over the it ems below to see various animation effects. Long, gradual transition... Very fast transition... Long transition with a 2-second delay... Using ease-out timing... Using linear timing... Using cubic-bezier(0.2, 0.4, 0.7, 0.8)...
voidy21 2010/10/02
css
ãƒªãƒ³ã‚¯
53 CSS-Techniques You Couldnâ€™t Live Without | Smashing Magazine
CSS is important. And it is being used more and more often. Cascading Style Sheets offer many advantages you donâ€™t have in table-layouts - and first of all a strict separation between layout, or design of the page, and the information, presented on the page. Thus the design of pages can be easily changed, just replacing a css-file with another one. Isnâ€™t it great? Well, actualy, it is. Over the la
voidy21 2010/07/17
css
ãƒªãƒ³ã‚¯
css3ã®text-shadowã ã‘ã§ãƒ¢ãƒŠãƒªã‚¶ã‚’æã„ã¦ã¿ãŸ - Cherenkovã®æš—ä¸æ¨¡ç´¢ã«ã£ã
ã¯ã„ãƒ¼ã€ã§ãã¾ã—ãŸãƒ¼ã€‚text-shadowã‚’1ãƒ”ã‚¯ã‚»ãƒ«ã”ã¨é…ç½®ã—ã¦ãƒ¢ãƒŠãƒªã‚¶ã‚’è¡¨ç¾ã—ã¦ã„ã¾ã™ã€‚ ã“ã‚Œã¾ã§ã„ãã¤ã‹ã€Œcssã ã‘ã§â—¯â—¯ã€ã‚’è¦‹ã¦ãã¾ã—ãŸãŒã‚ã‚“ãªã®ã¯ãƒãƒƒã‚¿ãƒªã§ã™ã€‚ã‚¿ã‚°ä½¿ã„ã¾ãã‚Šã§å…¨ç„¶cssã ã‘ã˜ã‚ƒã‚ã‚Šã¾ã›ã‚“ã€‚ã“ã®æ‰‹æ³•ã‚’ä½¿ãˆã°ãƒ†ã‚ã‚¹ãƒˆã¨cssãŒã‚ã‚Œã°å†ç¾ã§ãã¾ã™ï¼ ã‚¸ã‚§ãƒãƒ¬ãƒ¼ã‚¿ã‚‚ä½œã£ãŸã®ã§ã€ã‚ˆã‹ã£ãŸã‚‰éŠã‚“ã§ã¿ã¦ãã ã•ã„ã€‚windowsã®Chrome6 devã¨Firefox3.6.6ã§å‹•ä½œç¢ºèªã—ã¦ã„ã¾ã™ãŒã€Chromeã¯text-shadowã®æç”»ãŒé…ã„ã®ã§ã€FirefoxæŽ¨å¥¨ã§ã™ã€‚ Mona Lisa de text-shadow (CSS) - gallery æ³¨æ„: Firebugãªã©ã§cssã‚’è¦‹ã‚‹ã¨å¿œç”ãªã—ã«ãªã£ãŸã‚Šå ´åˆã«ã‚ˆã£ã¦ã¯ã‚¯ãƒ©ãƒƒã‚·ãƒ¥ã™ã‚‹ã®ã§ã—ã£ã‹ã‚Šã¨æº–å‚™ã—ã¦è‡ªå·±è²¬ä»»ã§ãŠé¡˜ã„ã—ã¾ã™ã€‚ ãƒ¢ãƒŠãƒªã‚¶ã®åŽŸç† text-shadowã¯ãƒ†ã‚ã‚¹ãƒˆã®å½±ã‚’æ¼”å‡ºã™ã‚‹ã‚‚ã®ã§ã™ã€‚æ§‹æ–‡ã¯ä»¥ä¸‹ã®
voidy21 2010/07/10
css
ãƒªãƒ³ã‚¯
[CSS]ç”»åƒã«ç¾Žã—ã„è§’ä¸¸ã¨ãƒœãƒƒã‚¯ã‚¹ã‚·ãƒ£ãƒ‰ã‚¦ã‚’é©ç”¨ã™ã‚‹æ–¹æ³•
imgè¦ç´ ã§é…ç½®ã—ãŸç”»åƒã«CSS3ã®è§’ä¸¸ã¨ãƒœãƒƒã‚¯ã‚¹ã‚·ãƒ£ãƒ‰ã‚¦ã‚’é©ç”¨ã‚’ã™ã‚‹ã¨ã€Firefoxã§è§’ä¸¸ãŒåæ˜ ã•ã‚Œãªã‹ã£ãŸã‚Šã€Webkitãƒ–ãƒ©ã‚¦ã‚¶ã§ãƒœãƒƒã‚¯ã‚¹ã‚·ãƒ£ãƒ‰ã‚¦ãŒæ¬ ã‘ãŸã‚Šã—ã¾ã™ã€‚ ã“ã‚Œã‚’è§£æ¶ˆã™ã‚‹CSSã®Trickã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ CSS3 Rounded Image With jQuery ãƒ‡ãƒ¢ãƒšãƒ¼ã‚¸ Firefoxã¨Webkitãƒ–ãƒ©ã‚¦ã‚¶ï¼ˆSafariï¼‰ã®ãã‚Œãžã‚Œã«CSS3ã®è§’ä¸¸ã¨ãƒœãƒƒã‚¯ã‚¹ã‚·ãƒ£ãƒ‰ã‚¦ã‚’é©ç”¨ã™ã‚‹ã¨ã€ä¸Šè¨˜ã®ã‚ˆã†ã«ç¾Žã—ãè¡¨ç¤ºã•ã‚Œã¾ã›ã‚“ã€‚ ãã‚Œã‚’ä¸‹è¨˜ã®ã‚ˆã†ã«ç¾Žã—ãé©ç”¨ã•ã‚Œã‚‹ã‚ˆã†ã«ã—ã¾ã™ã€‚ è§’ä¸¸ã¨ãƒœãƒƒã‚¯ã‚¹ã‚·ãƒ£ãƒ‰ã‚¦ã‚’ã“ã†ã„ã†é¢¨ã«ã—ãŸã„ å·¦ï¼šè§’ä¸¸ã¨å¤–å´ã«ã‚·ãƒ£ãƒ‰ã‚¦ã€å³ï¼šè§’ä¸¸ã¨å†…å´ã«ã‚·ãƒ£ãƒ‰ã‚¦ CSS3ã§ç´ ç›´ã«ã‚¹ã‚¿ã‚¤ãƒªãƒ³ã‚° Firefoxã§ã¯è§’ä¸¸ãŒé©ç”¨ã•ã‚Œãšã€Safariã§ã¯ãƒœãƒƒã‚¯ã‚¹ã‚·ãƒ£ãƒ‰ã‚¦ãŒé©ç”¨ã•ã‚Œã¾ã›ã‚“ã€‚
voidy21 2010/07/02
css
ãƒªãƒ³ã‚¯
ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã«ã‚ˆã‚‹å´©ã‚Œãªã„ã€€2ã‚«ãƒ©ãƒ ã€€3ã‚«ãƒ©ãƒ ãƒ»ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆ
ã“ã®ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã¯è²©å£²ç”¨ã§ã™ï¼ desperadoes.biz ã¯ã€ã‚ãªãŸãŒãŠæŽ¢ã—ã®æƒ…å ±ã®å…¨ã¦ã®æœ€æ–°ã‹ã¤æœ€é©ãªã‚½ãƒ¼ã‚¹ã§ã™ã€‚ä¸€èˆ¬ãƒˆãƒ”ãƒƒã‚¯ã‹ã‚‰ã“ã“ã‹ã‚‰æ¤œç´¢ã§ãã‚‹å†…å®¹ã¯ã€desperadoes.bizãŒå…¨ã¦ã¨ãªã‚Šã¾ã™ã€‚ã‚ãªãŸãŒãŠæŽ¢ã—ã®å†…å®¹ãŒè¦‹ã¤ã‹ã‚‹ã“ã¨ã‚’é¡˜ã£ã¦ã„ã¾ã™ï¼
voidy21 2010/07/02
css
ãƒªãƒ³ã‚¯
CSSã‚’ä½¿ã£ã¦ã©ã®ãƒ–ãƒ©ã‚¦ã‚¶ã§ã‚‚ãƒ•ã‚©ãƒ³ãƒˆã‚µã‚¤ã‚ºã‚’ã€Œï¼…ã€ã§çµ±ä¸€ã•ã›ã‚‹æ–¹æ³• | colori
CSSã«ã‚ˆã‚‹ãƒ•ã‚©ãƒ³ãƒˆã‚µã‚¤ã‚ºã®æŒ‡å®šã¯ã€Œfont-sizeã€å±žæ€§ã‚’ä½¿ã£ã¦ç°¡å˜ã«è¨å®šã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ãŒã€ãƒ”ã‚¯ã‚»ãƒ«æŒ‡å®šãªã©ã®çµ¶å¯¾çš„ã‚µã‚¤ã‚ºã§çµ±ä¸€ã™ã‚‹æ–¹æ³•ã«ãã‚‰ã¹ã¦éžå¸¸ã«ã‚„ã£ã‹ã„ãªã®ãŒã€ç›¸å¯¾çš„ãªã‚µã‚¤ã‚ºã«ã‚ˆã‚‹ã‚µã‚¤ã‚ºã®çµ±ä¸€ã§ã™ã€‚ ãƒ–ãƒ©ã‚¦ã‚¶ã«ã‚ˆã£ã¦ç•°ãªã‚‹ã€ãƒ•ã‚©ãƒ³ãƒˆã‚µã‚¤ã‚ºã®å¢ƒç•Œ ä¾‹ãˆã°ã€Œfont-size:70%ã€ã¨ã„ã†ãµã†ã«æŒ‡å®šã—ã¦ã€Internet Explorer 6ã¨Firefox2.0ã§è¦‹ã¦ã¿ãŸãƒšãƒ¼ã‚¸ãŒä»¥ä¸‹ã®ã‚ˆã†ãªã‚‚ã®ã§ã™ã€‚ã€€â€»ãƒšãƒ¼ã‚¸ã¯xmlã‚¿ã‚°ã¤ãã®XHTML1.0 Strictã§ä½œæˆã€ã¤ã¾ã‚ŠInternet Explorer6ã¯ä¸‹ä½äº’æ›ãƒ¢ãƒ¼ãƒ‰ã§è¡¨ç¤ºã•ã‚Œã¦ã„ã¾ã™ãŒã€æ¨™æº–ãƒ¢ãƒ¼ãƒ‰ã§ã‚‚åŒã˜ã‚µã‚¤ã‚ºã§è¡¨ç¤ºã•ã‚Œã¾ã™ã€‚ ã‚ãã‚‰ã‹ã«Firefoxã§è¡¨ç¤ºã•ã‚ŒãŸãƒšãƒ¼ã‚¸ã®ãƒ•ã‚©ãƒ³ãƒˆã‚µã‚¤ã‚ºãŒå°ã•ããªã£ã¦ã„ã‚‹ã“ã¨ãŒã‚ã‹ã‚Šã¾ã™ã€‚ã€€ã“ã®ã‚ˆã†ã«ã€ãƒ•ã‚©ãƒ³ãƒˆã‚’ãƒ‘ãƒ¼ã‚»ãƒ³ãƒˆæŒ‡å®šã—ãŸå ´åˆã¯ã€ãã®æ•°å€¤ã«ã‚ˆã£ã¦ãƒ•ã‚©ãƒ³ãƒˆã‚µã‚¤ã‚ºã‚’è¦å®šã™ã‚‹å¢ƒç•Œã«å¾®
voidy21 2010/07/02
css
ãƒªãƒ³ã‚¯
ç”»åƒã‚‚jsã‚‚ä½¿ã‚ãšã€css+htmlã ã‘ã§ã‚½ãƒ¼ã‚·ãƒ£ãƒ«ãƒ¡ãƒ‡ã‚£ã‚¢ã‚¢ã‚¤ã‚³ãƒ³ - ã‹ã¡ã³ã¨.net
ã¡ã‚‡ã£ã¨ã—ãŸãƒã‚¿ã€‚ãƒ‰ãƒ©ãˆã‚‚ã‚“ã‚„ã‚‰ Operaã‚¢ã‚¤ã‚³ãƒ³ã‚„ã‚‰ã‚’cssã‚ªãƒ³ãƒªãƒ¼ ã§ä½œã‚‰ã‚Œã¦ã€ç›Šã€…css3ã®å¯èƒ½æ€§ ãŒæ¥½ã—ã¿ã§ã™ãŒã€ä»Šåº¦ã¯Flickrã‚„ Facebookã€Twitterã‚„RSSã® ã‚¢ã‚¤ã‚³ãƒ³10ç¨®ã‚’cssã®ã¿ã§ä½œã£ãŸ çŒ›è€…ãŒç™»å ´ã—ã¾ã—ãŸã‚ˆã€‚ å½“ç„¶ç”»åƒã‚’ä½¿ã£ãŸã»ã†ãŒåˆç†çš„ãªã®ã§css3ãŒæ™®åŠã—ã‚ˆã†ã¨ç”»åƒã‚’ä½¿ã„ã¾ã™ãŒã€ã“ã‚Œã¯ã“ã‚Œã§å‡„ã„ã€‚ Pure CSS social media icons Chromeã§è¦‹ãŸçŠ¶æ…‹ã§ã™ã€‚ãƒžã‚¦ã‚¹ã‚ªãƒ¼ãƒãƒ¼ã®ãƒ‰ãƒãƒƒãƒ—ã‚·ãƒ£ãƒ‰ã‚¦ã‚‚ã‚ã‚Šã¾ã™ã€‚å‡„ã„ã‚¯ã‚ªãƒªãƒ†ã‚£ã§ã™ããƒ»ãƒ»ãƒ» ã¡ãªã¿ã«IE8ã§è¦‹ã‚‹ã¨ã“ã‚“ãªæ„Ÿã˜ã€‚ åˆ†ã‹ã‚‰ãªãã‚‚ãªã„ãƒ»ãƒ»ãƒ» å°šã€ãã‚Œãžã‚Œã®ã‚½ãƒ¼ã‚¹ã‚‚å…¬é–‹ã•ã‚Œã¦ã„ã¾ã™ã€‚è‰¯ã‹ã£ãŸã‚‰ä»¥ä¸‹ã‚ˆã‚Šã”è¦§ä¸‹ã•ã„ã€‚ ãƒ‡ãƒ¢ / è§£èª¬
voidy21 2010/07/01
css

ãƒã‚¿
ãƒªãƒ³ã‚¯
iPhoneå‘ã‘ã®Webã‚µãƒ¼ãƒ“ã‚¹ã‚’é–‹ç™ºã™ã‚‹æ™‚ã«æ°—ã‚’ã¤ã‘ãŸäº‹ - ãã†ã ï¼ŸBlogã‚’æ›¸ã“ã†ï¼Ÿ
LivedoorReaderPinChecker http://ldrpin.appspot.com/ ã™ã£ã‹ã‚Šé…ããªã‚Šã¾ã—ãŸãŒã€LivedoorReaderPinCheckerã®é–‹ç™ºè©±ã®ç¶šãã§ã™ã€‚ LivedoorPinCheckerã®é–‹ç™ºè©± - ãã†ã ï¼ŸBlogã‚’æ›¸ã“ã†ï¼Ÿ é–‹ç™ºã§ã‚‚ä¸€ç•ªæ™‚é–“ã‚’ã‹ã‘ãŸã€UIé–¢ä¿‚ã®è©±ã‚’æ›¸ã„ã¦ã„ããŸã„ã¨æ€ã„ã¾ã™ã€‚ ãƒ‰ãƒƒã‚°ãƒ•ãƒ¼ãƒ‡ã‚£ãƒ³ã‚° ã¾ãšæœ€åˆã«ã€UIé–¢ä¿‚ã§ä¸€ç•ªå¼·ãæ„Ÿã˜ã‚‹ã®ã¯ã€ ãƒ‰ãƒƒã‚°ãƒ•ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã¯æœ¬å½“ã«å¤§åˆ‡ã ã¨ã„ã†äº‹ã§ã™ã€‚ ã‚ˆã†ã¯ã€ã‚ã‚‹ç¨‹åº¦è‡ªåˆ†ã§ä½¿ã£ã¦ã¿ãªã„ã¨ã‚ã‹ã‚‰ã‚“ã¨ã„ã†äº‹ã§ã™ã€‚ ä»Šå›žã¯è‡ªåˆ†ãŒä½¿ã†ãŸã‚ã«ä½œã£ã¦ã„ãŸã®ã§ã€ç‰¹ã«æ„è˜ã—ã¦ãƒ‰ãƒƒã‚°ãƒ•ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã‚’ã—ãŸè¨³ã§ã¯ã‚ã‚Šã¾ã›ã‚“ãŒã€ å½¢ã«ãªã£ãŸã‚‰ä½¿ã£ã¦ã€æ°—ã«ãªã£ãŸæ‰€ã®ãƒã‚±ãƒƒãƒˆã‚’ç™ºè¡Œã—ã¦ã€ä¿®æ£ã—ã¦ã€ã¨ç¹°ã‚Šè¿”ã—ã¦ã„ã‚‹ã†ã¡ã«ã€ ãƒ‰ãƒƒã‚°ãƒ•ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã®å¨åŠ›ã«æ°—ã¥ã„ãŸæ¬¡ç¬¬ã§ã™ã€‚ ã“ã‚Œã‚’é€šã—ã¦ã€è‡ªåˆ†ãŒæœ¬å½“ã«ä¾¿åˆ©ã ã¨æ€ãˆã‚‹ã‚µãƒ¼ãƒ“ã‚¹ã‚’
voidy21 2010/05/28
iPhone

css
ãƒªãƒ³ã‚¯
CSSã‚»ãƒ¬ã‚¯ã‚¿ã®é«˜é€ŸåŒ–ã®è©±ã— - Webtech Walker
ç¶šãƒ»ãƒã‚¤ãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹Webã‚µã‚¤ãƒˆã‚’èªã‚“ã§CSSã‚»ãƒ¬ã‚¯ã‚¿ã®é«˜é€ŸåŒ–ã®è©±ã—ãŒé¢ç™½ã‹ã£ãŸï¼ˆã¨ã„ã†ã‹å…¨ç„¶çŸ¥ã‚‰ãªãã¦ã¡ã‚‡ã£ã¨ã³ã³ã£ãŸï¼‰ã®ã§ç´¹ä»‹ã—ã¾ã™ã€‚ ã‚»ãƒ¬ã‚¯ã‚¿ã¯å³ã‹ã‚‰å·¦ã«è§£é‡ˆã•ã‚Œã‚‹ ã“ã‚Œã¯æ£ç›´çŸ¥ã‚‰ãªãã¦ã€çµæ§‹è¡æ’ƒã§ã—ãŸã€‚ #foo .bar {} ã“ã‚Œã¯ãªã‚“ã¨ãªã#fooã‚’æŽ¢ã—ã¦ã€ãã®ä¸ã®.barã‚’æŽ¢ã—ã¦ã„ã‚‹æ°—ãŒã—ã¦ãŸã‚“ã§ã™ã‘ã©ã€å®Ÿã¯.barã‚’æŽ¢ã—ã¦ã€ãã®è¦ªè¦ç´ ã«#fooãŒã‚ã‚‹ã‹ã‚’æŽ¢ã™ãã†ã§ã™ã€‚ãªã®ã§ç‰¹ã«#fooãŒå¿…è¦ãªã‘ã‚Œã° .bar {} ã¨æ›¸ã„ãŸã»ã†ãŒé«˜é€Ÿã ã¨ã„ã†ã“ã¨ã€‚ ã¾ãŸã€ä»¥ä¸‹ã®æ§˜ã«è¦ç´ åã§æŒ‡å®šã™ã‚‹ã¨ã€ãã®è¦ç´ ã‚’å…¨ã¦æŽ¢ã—ã¾ã™ã€‚ #foo a {} ã“ã‚Œã¯ä¸€åº¦aè¦ç´ ã‚’å…¨ã¦æŽ¢ã™ã®ã§ã€ã§ãã‚Œã°aã«classã‚’ãµã£ã¦ #foo .anchor {} ã¨ã™ã‚‹ã»ã†ãŒé«˜é€Ÿã®ã‚ˆã†ã§ã™ã€‚ï¼ˆ#fooã‚’ã¨ã‚‹ã¨ã‚ˆã‚Šé«˜é€Ÿï¼‰ ç‰¹ã«ãƒ¦ãƒ‹ãƒãƒ¼ã‚µãƒ«ã‚»ãƒ¬ã‚¯ã‚¿ãªã©ã¯ã€ #foo * {} ã¨ã™ã‚‹ã¨ã€å…¨ã¦ã®è¦ç´ ã®è¦ªè¦ç´ ã«å¯¾ã—ã¦
voidy21 2010/05/19
css
ãƒªãƒ³ã‚¯
CSSã‚»ãƒ¬ã‚¯ã‚¿ã®é«˜é€ŸåŒ–ã®è©±ã‚’æ¤œè¨¼ - os0x.blog
CSSã‚»ãƒ¬ã‚¯ã‚¿ã®é«˜é€ŸåŒ–ã®è©±ã— - Webtech Walkerã®ä»¶ã€‚å…ƒãƒã‚¿ã¯ç¶šãƒ»ãƒã‚¤ãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹Webã‚µã‚¤ãƒˆ â€•ã‚¦ã‚§ãƒ–é«˜é€ŸåŒ–ã®ãƒ™ã‚¹ãƒˆãƒ—ãƒ©ã‚¯ãƒ†ã‚£ã‚¹ã§ã€å…ƒãƒã‚¿ã®å…ƒãƒã‚¿ã¯Writing Efficient CSS for use in the Mozilla UI - MDCã€‚ å…ˆã«æ›¸ã„ã¦ãŠãã¨ã€ã“ã®å…ƒãƒã‚¿ã®Mozillaã®è¨˜äº‹ã«ã¯ã€in the Mozilla UIã¨ã‚ã‚‹é€šã‚Šã€Firefoxãªã©ã®UIãƒ¬ãƒ™ãƒ«ã®è©±ã§ã™ã€‚Mozillaã®å ´åˆã€ã‚¦ã‚£ãƒ³ãƒ‰ã‚¦ã¨ã‹ã‚¿ãƒ–ã¨ã‹ã€ã¨ã«ã‹ããªã‚“ã§ã‚‚CSSã§ã‚¹ã‚¿ã‚¤ãƒ«ã‚’æŒ‡å®šã§ãã‚‹(ã—ã¦ã„ã‚‹)ã®ã§CSSã®ãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹ã«ã¤ã„ã¦è€ƒæ…®ã™ã‚‹ç‚¹ãŒä»–ã®ãƒ–ãƒ©ã‚¦ã‚¶ã¨ã¯ã‚ºãƒ¬ã¦ã„ã¾ã™ã€‚ ã¨ã¯ã„ãˆã€å®Ÿéš›ã«ã©ã†ãªã®ã‹æ¤œè¨¼ã—ãŸã“ã¨ãªã‹ã£ãŸã®ã§ã€å°‘ã—è©¦ã—ã¦ã¿ã¾ã—ãŸã€‚ ä»Šå›žã®æ¤œè¨¼æ–¹æ³•ã¯ã€dl>dt+ddã‚’5é‡ã«å…¥ã‚Œåã«ã—ãŸ300KBå¼·ã®å¤§ãã‚ãªHTMLã‚’ç”¨æ„ã—ã¦ã€CSSã‚’å‹•çš„ã«é©ç”¨ã—ãŸã¨ãã®æ™‚é–“
voidy21 2010/05/19
css
ãƒªãƒ³ã‚¯
1 2 3 4 æ¬¡ã®ãƒšãƒ¼ã‚¸