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

hirose31 id:hirose31

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

${{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ã§ã“ã‚“ãªã“ã¨ãŒã§ãã‚‹ã®çŸ¥ã£ã¦ãŸï¼Ÿ è¦ç´ ãƒ»ã‚³ãƒ³ãƒ†ãƒŠã®ã‚µã‚¤ã‚ºã«é–¢ä¿‚ãªãã€ãƒœãƒ¼ãƒ€ãƒ¼ã‚„èƒŒæ™¯ã‚’ã¯ã¿å‡ºã—ã¦é…ç½®ã™ã‚‹ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯
h1ã‚„pãªã©ãƒ–ãƒãƒƒã‚¯è¦ç´ ã«ãƒœãƒ¼ãƒ€ãƒ¼ã‚„èƒŒæ™¯ã‚’ã¤ã‘ã‚‹ã¨ã€é€šå¸¸ã¯ãã®è¦ç´ ã®ã‚³ãƒ³ãƒ†ãƒŠãƒœãƒƒã‚¯ã‚¹ã„ã£ã±ã„ã«é©ç”¨ã•ã‚Œã¾ã™ã€‚è¦ç´ ã‚„ã‚³ãƒ³ãƒ†ãƒŠã®ã‚µã‚¤ã‚ºã«é–¢ä¿‚ãªãã€ãƒœãƒ¼ãƒ€ãƒ¼ã‚„èƒŒæ™¯ã‚’æ‹¡å¼µã•ã›ã‚‹CSSã®ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ å…¥ã‚Œåã§å®Ÿè£…ï¼Ÿ ã¨æ€ã„ã¾ã—ãŸãŒã€å…¨ç„¶é•ã„ã¾ã—ãŸã€‚h1è¦ç´ ã¯1ã¤ã ã‘ã€ä»–ã®è¦ç´ ã¯ãªã—ã€ç–‘ä¼¼è¦ç´ ã‚‚ãªã—ã€è¤‡æ•°è¡Œã«ãªã£ã¦ã‚‚å•é¡Œãªã—ã€CSSã®ãƒ—ãƒãƒ‘ãƒ†ã‚£1ã¤ã§å®Ÿè£…ã§ãã¾ã™ã€‚ã—ã‹ã‚‚ã™ã¹ã¦ã®ãƒ–ãƒ©ã‚¦ã‚¶ã«ã‚µãƒãƒ¼ãƒˆã•ã‚Œã¦ã„ã¾ã™ã€‚ ä¸‹è¨˜ã®ã‚ˆã†ã«ãƒœãƒ¼ãƒ€ãƒ¼ã‚„èƒŒæ™¯ã‚’ãƒœãƒƒã‚¯ã‚¹ã‹ã‚‰ã¯ã¿å‡ºã—ã¦é…ç½®ã§ãã¾ã™ã€‚
hirose31 2022/07/13
css
ãƒªãƒ³ã‚¯
å‹•ãCSSã®ãŸã‚ã®ãƒ¡ãƒ¢ã€‚
CSSã§ã§ãã‚‹äº‹ãŒã©ã‚“ã©ã‚“å¢—ãˆã¦ã¾ã™ã€‚JavaScriptã‚’ä½¿ã£ã¦å®Ÿè£…ã™ã‚‹ã‚ˆã†ãªãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚„UIã‚‚ã€CSSã ã‘ã§ä½œã‚Œã¡ã‚ƒã†ã»ã©ã€ä¾¿åˆ©ãªãƒ—ãƒãƒ‘ãƒ†ã‚£ãŒã˜ã‚ƒã‚“ã˜ã‚ƒã‹å¢—ãˆã¾ã—ãŸãã€‚ã“ã“ã§ã¯ã€è¦ç´ ã«ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³åŠ¹æžœã‚’ã¤ã‘ã‚‹ãŸã‚ã®CSSã‚’ä½¿ã£ãŸã‚¨ãƒ•ã‚§ã‚¯ãƒˆã«ã¤ã„ã¦ã€ã¾ã¨ã‚ã¦ã‚†ã“ã†ã¨æ€ã„ã¾ã™:)ã€‚ CSSã§å‹•ã‹ã™ ã€Œå‹•ãã€ã¨ã„ã£ã¦ã‚‚ã€è‡ªç”±è‡ªåœ¨ã«ãã«ã‚ƒãã«ã‚ƒå‹•ã‹ã›ã‚‹ã‚ã‘ã§ã¯ãªãã¦ã€CSSã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã§ã¯ã€ãƒ—ãƒãƒ‘ãƒ†ã‚£ã®æ•°å€¤ã‚’ã‚¹ãƒ ãƒ¼ã‚ºã«å¢—æ¸›ã•ã›ã‚‹ã“ã¨ã§ã€è¦ç´ ã®ã‚¹ã‚¿ã‚¤ãƒ«ã‚’æ»‘ã‚‰ã‹ã«å¤‰åŒ–ã•ã›ã¾ã™ã€‚ ä¾‹ãˆã°ã€ä¸‹ã®ã‚µãƒ³ãƒ—ãƒ«ã§ã¯ã€pè¦ç´ ã«ã‚«ãƒ¼ã‚½ãƒ«ã‚’åˆã‚ã›ãŸæ™‚ã«ã€font-sizeã®å€¤ã‚’ã€1emã‹ã‚‰2emã«ã€ã‚¹ãƒ ãƒ¼ã‚ºã«å¤‰åŒ–ã™ã‚‹ã‚ˆã†ã«æŒ‡å®šã—ã¦ã„ã¾ã™ã€‚ p { transition: font-size 1s; } å‹•ã‹ã™ãŸã‚ã®ãƒžã‚¹ãƒˆãƒ—ãƒãƒ‘ãƒ†ã‚£ CSSã§ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã•ã›ã‚‹ãŸã‚ã«å¿…è¦ä¸å¯æ¬ ãªã®ãŒtransitionãƒ—ãƒãƒ‘ãƒ†ã‚£
hirose31 2014/06/06
css
ãƒªãƒ³ã‚¯
CSShake
Classes The basic collection Bs Basic Shake Ss Slow Shake Ls Little Shake Hs Hard Shake â‡„ Fixed Horizontal â‡µ Fixed Vertical â†» Fixed Rotation Os Opacity Shake âœŒ Crazy Shake â„‡ Constant Shake % Chunk Shake Launch the animations from the parent with class 'shake-trigger' (customizable) Install Get started... $ git clone https://github.com/elrumordelaluz/csshake.git or $ bower install csshake or $ npm
hirose31 2014/03/04
css
ãƒªãƒ³ã‚¯
High Performance Web Frontend
â˜…è¿½è¨˜ï¼š https://speakerdeck.com/ahomu/high-performance-web-frontend-2013-qiu ã®ã»ã†ãŒãƒ–ãƒ©ãƒƒã‚·ãƒ¥ã‚¢ãƒƒãƒ—ç‰ˆã§ã™ WCAN 2013 Summer (7/6) ã§è¡Œã‚ã‚ŒãŸã€"High Performance Web Frontendâ€¦
hirose31 2013/07/09
â˜…

performance

css
ãƒªãƒ³ã‚¯
Geo for Bootstrap, a Timeless Theme by Divshot
Geo for Bootstrap A theme for Twitter Bootstrap, from Divshot. To get started, download the "bootstrap.css" or "bootstrap.min.css" file and include it in your HTML webpage <head> tag: <link href="bootstrap.css" rel="stylesheet">
hirose31 2013/06/10
css

twitter bootstrap
ãƒªãƒ³ã‚¯
Pure.css
CSS with a minimal footprint.Pure is ridiculously tiny. The entire set of modules clocks in at 3.5KB* minified and gzipped. Crafted with mobile devices in mind, it was important to us to keep our file sizes small, and every line of CSS was carefully considered. If you decide to only use a subset of these modules, you'll save even more bytes. * We can add correctly :) the numbers above are individu
hirose31 2013/05/29
web design

css
ãƒªãƒ³ã‚¯
[fluentd] #Fluentd Casual Talks ã§ã€Œfluentdã§Webã‚µã‚¤ãƒˆé‹ç”¨ã‚’æ¥½ã«ã™ã‚‹ã€è©±ã‚’ã—ã¦ãã¾ã—ãŸ - é…’æ—¥è¨˜ ã¯ã¦ãªæ”¯åº—
id:tagomoris ã•ã‚“ã«ãŠå£°ãŒã‘ã„ãŸã ãã¾ã—ã¦ã€Fluentd Casual Talks ã«ã¦ã€Œfluentdã§Webã‚µã‚¤ãƒˆé‹ç”¨ã‚’æ¥½ã«ã™ã‚‹ã€ã¨ã„ã†ã‚¿ã‚¤ãƒˆãƒ«ã§ç™ºè¡¨ã•ã›ã¦ã„ãŸã ãã¾ã—ãŸã€‚ ç™ºè¡¨è³‡æ–™ã¯ã“ã¡ã‚‰ ä¸»å‚¬è€…ã® id:tagomoris ã•ã‚“ã€ä¼šå ´ã‚’æä¾›ã—ã¦ã„ãŸã ã„ãŸ DeNA æ§˜ã€ã„ã‚ã„ã‚æº–å‚™ã‚’ã—ã¦ãã ã•ã£ãŸ id:riywo ã•ã‚“ã¯ã˜ã‚å¤šãã®æ–¹ã€…ã€å‚åŠ ã—ã¦ãã ã•ã£ãŸ100åä»¥ä¸Šã®çš†æ§˜ã€ã‚ã‚ŠãŒã¨ã†ã”ã–ã„ã¾ã—ãŸï¼æ¥½ã—ã‹ã£ãŸã§ã™ã€‚ ç™ºè¡¨ã§ã¯ã“ã“åŠå¹´ã»ã© Fluentd ã‚’é‹ç”¨ã—ã¦æ¥ãŸçµŒé¨“ã‚’ãŠè©±ã—ã—ã¾ã—ãŸãŒã€ç™ºè¡¨å†…ã§è§¦ã‚Œãªã‹ã£ãŸã“ã¨ã§å¤§äº‹(?)ãªã“ã¨ãŒã‚ã‚Šã¾ã™ã®ã§ä»¥ä¸‹ã«è£œéºã‚’ã„ãã¤ã‹æ›¸ã„ã¦ãŠãã¾ã™ã€‚ Mongo DB ã«ãƒã‚°ã‚’æºœã‚ã™ãŽãªã„æ–¹ãŒã„ã„ã‹ã‚‚ å¤ªç”°ã•ã‚“ (@kzk_mover) ã®ç™ºè¡¨å†…ã§ã‚‚è§¦ã‚Œã‚‰ã‚Œã¦ã„ã¾ã—ãŸãŒã€æ•°åƒä¸‡ä»¶ç¨‹åº¦ã«ã—ã¦ãŠã„ãŸã»ã†ãŒã„ã„ã®ã§ã¯â€¦â€¦ã¨ã„ã†å®Ÿæ„Ÿã§ã™ã€‚ ç™ºè¡¨å†…
hirose31 2012/05/23
ã¼ã‹ã—

fluentd

mongodb

css
ãƒªãƒ³ã‚¯
äººã¨é•ã†ãƒ‡ã‚¶ã‚¤ãƒ³ã®ã‚µã‚¤ãƒˆã‚’ã‚¹ã‚¯ãƒ©ãƒƒãƒã§ä½œã‚‹ãªã‚‰HTML KickStartã‚’ãƒ™ãƒ¼ã‚¹ã«ã™ã‚‹ã¨ã„ã„ã§ã™ã‚ˆï¼ | Chrome Life
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
hirose31 2012/02/22
HTML KickStart Twitter Bootstrap

web design

css
ãƒªãƒ³ã‚¯
iOS5ã®Mobile Safariã‹ã‚‰ä½¿ãˆã‚‹ã‚ˆã†ã«ãªã£ãŸHTML5ãƒ»CSSã‚’è©¦ã—ã¦ã¿ã¾ã—ãŸã€å‰ç·¨ã€‘ - ãã‚‰ã’ã ã‚‰ã‘
iPhoneãŒã§ãŸå½“åˆã¯WebAppæŠ¼ã—ã ã£ãŸAppleã‚‚3Gã‚’å‡ºã—ã¦ã‹ã‚‰ã™ãã«ãƒã‚¤ãƒ†ã‚£ãƒ–ã‚¢ãƒ—ãƒªã«æ‰‹ã®ã²ã‚‰ã‚’è¿”ã—ã¦ã—ã¾ã£ã¦ã€WebAppã¯ã™ã£ã‹ã‚Šå½±ãŒã•ã—ã¦ã—ã¾ã„ã¾ã—ãŸã€‚ ãã‚Œã§ã‚‚ã€jQTouchã‚„Sencha Touchã€jQuery mobileãªã©WebAppã®é–‹ç™ºæ”¯æ´ã¨ãªã‚‹Javascriptãƒ©ã‚¤ãƒ–ãƒ©ãƒªãŒç™»å ´ã—ã¦ä¸€éƒ¨ã§ã¯ç››ã‚Šä¸ŠãŒã£ãŸã‚Šã‚‚ã—ã¦ã„ã¾ã™ã€‚PhoneGapã¿ãŸã„ã«WebAppã‚’ãƒã‚¤ãƒ†ã‚£ãƒ–ã«ãƒ‘ãƒ–ãƒªãƒƒã‚·ãƒ¥ã™ã‚‹ãƒ„ãƒ¼ãƒ«ã‚„ã€Titanium Mobileã®ã‚ˆã†ã«Webè¨€èªžãƒ™ãƒ¼ã‚¹ã§é–‹ç™ºã—ã¦ãƒã‚¤ãƒ†ã‚£ãƒ–ã«ã™ã‚‹ã‚‚ã®ã‚‚ã‚ã‚Šã¾ã™ã—ã€ã„ã‚ã„ã‚ã§ã™ãã€‚ iOS4ã¾ã§ã®Mobile Safariã§ã¯CSSã®ä¸€éƒ¨ã®ãƒ—ãƒãƒ‘ãƒ†ã‚£ãŒä½¿ãˆãªã‹ã£ãŸã‚Šã§ã€ã‚ˆã‚ŠãƒªãƒƒãƒãªWebAppã‚’ã¤ãã‚ã†ã¨æ€ãˆã°Javascriptå¿…è¦ã§ã—ãŸã€‚ å…ˆæ—¥å…¬é–‹ã•ã‚ŒãŸiOS5ã§ã¯ä»Šã¾ã§ã€Œãªã‚“ã§ä½¿ãˆãªã„ã®ï¼Ÿã€ã¨ã„ã£ãŸã¨ã“ã‚ãŒå°‘ã—ä¿®æ£ã•ã‚Œã¦ã€
hirose31 2011/11/04
css

css3

iphone
ãƒªãƒ³ã‚¯
CSS3 GitHub Buttons
CSS3 GitHub Buttons helps you easily create GitHub-style buttons from links, buttons, and inputs. The "buttons" can be created by adding class="button" to any appropriate <a>, <button>, or <input> element. Add a further class of pill to create a button pill-like button. Add a further class of primary to em phasise more important actions.
hirose31 2011/06/25
css

css3

button
ãƒªãƒ³ã‚¯
CSS3 Gradient Generator
The CSS3 Webkit Gradient Generator is a showcase for the power of CSS webkit gradients. It also provides a simple graphical user interface for working with CSS webkit gradients, allowing a user preview real time what their gradient will look like and provide the code for the gradient they generated.CSS3 Gradient Generator v2.0 Welcome to the CSS3 Gradient Generator! Please be aware that in order t
hirose31 2011/05/25
css

css3
ãƒªãƒ³ã‚¯
CSSãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã€ŽBlueTripã€ãŒæƒ³åƒä»¥ä¸Šã«ã™ã”ã„ - present
CSS ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã‚’å†èªè˜ CSS ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã£ã¦ã€åå‰ã ã‘ã¯çŸ¥ã£ã¦ã„ã¾ã—ãŸãŒã€ã©ã†ã„ã†ã‚‚ã®ãªã®ã‹å…¨ãçŸ¥ã‚Šã¾ã›ã‚“ã§ã—ãŸã€‚æ¬¡ã®è¨˜äº‹ã‚’èªã‚€ã¾ã§ã¯ã€‚ 404 Not Found - ã‚†ãƒ¼ã™ã‘ã¹ãƒ¼æ—¥è¨˜ ç¢ºã‹ã«ã€ã“ã‚Œã¯ä¾¿åˆ©ãã†ã§ã™ãï¼ ã•ã£ããã€CSS ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã‚’å°Žå…¥ã—ã¦ã¿ã¾ã™ã€‚ BlueTrip ã‚’å°Žå…¥ CSS ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã¯ã„ã‚ã„ã‚ã‚ã‚Šã¾ã™ãŒã€ä»Šå›žã¯å…ˆã®è¨˜äº‹ã§ç´¹ä»‹ã•ã‚Œã¦ã„ãŸ BlueTrip ã‚’å°Žå…¥ã—ã¦ã¿ã¾ã™ã€‚ æ¬¡ã®ãƒšãƒ¼ã‚¸ã‹ã‚‰ã‚¢ãƒ¼ã‚«ã‚¤ãƒ–ã‚’ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã—ã€è§£å‡ã—ã¦ css ãƒ•ã‚¡ã‚¤ãƒ«ã¨ç”»åƒã‚’ static ãƒ•ã‚©ãƒ«ãƒ€ã«é…ç½®ã€‚ BlueTrip CSS Framework | A beautiful and full-featured CSS framework HTML ã® head éƒ¨ã«ã€ä¸‹è¨˜ã‚’è¿½åŠ ã€‚ <link rel="stylesheet" href="css/screen.c
hirose31 2011/02/10
css
ãƒªãƒ³ã‚¯
èƒŒæ™¯ç”»åƒã‚’ãƒ–ãƒ©ã‚¦ã‚¶ã®æž ã„ã£ã±ã„ã«è¡¨ç¤ºã™ã‚‹ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã®è€ƒå¯Ÿ
æœ€è¿‘ã®ãƒˆãƒ¬ãƒ³ãƒ‰ã®ä¸€ã¤ã§ã‚‚ã‚ã‚‹èƒŒæ™¯ç”»åƒã‚’ãƒ–ãƒ©ã‚¦ã‚¶ã®æž ã„ã£ã±ã„ã«è¡¨ç¤ºã™ã‚‹å®Ÿè£…æ–¹æ³•ã¯ãŸãã•ã‚“ã‚ã‚Šã¾ã™ã€‚ãã®ä¸ã‹ã‚‰ã€ç†ã«ã‹ãªã£ãŸæœ€æ–°ã®ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã‚„ã€ã‚ˆã‚Šå¤šãã®ãƒ–ãƒ©ã‚¦ã‚¶ã«å¯¾å¿œã•ã›ã‚‹ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ Perfect Full Page Background Image [ad#ad-2] ä¸‹è¨˜ã¯å„ãƒã‚¤ãƒ³ãƒˆã‚’æ„è¨³ã—ãŸã‚‚ã®ã§ã™ã€‚ å„ãƒ‡ãƒ¢ã¯ãƒšãƒ¼ã‚¸ä¸‹éƒ¨ã®Download Filesã€ã§ã€ã¾ã¨ã‚ã¦ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã§ãã¾ã™ã€‚ èƒŒæ™¯ç”»åƒã‚’ãƒ–ãƒ©ã‚¦ã‚¶ã®æž ã„ã£ã±ã„ã«è¡¨ç¤ºã™ã‚‹ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã¨ã¯ CSS3ã‚’ä½¿ã£ãŸãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ CSSã ã‘ã§å®Ÿè£…ã™ã‚‹ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ï¼šãã®1 CSSã ã‘ã§å®Ÿè£…ã™ã‚‹ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ï¼šãã®2 jQueryã‚’ä½¿ã£ãŸãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ èƒŒæ™¯ç”»åƒã‚’ãƒ–ãƒ©ã‚¦ã‚¶ã®æž ã„ã£ã±ã„ã«è¡¨ç¤ºã™ã‚‹ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã¨ã¯ å‰æã¨ã—ã¦ã€ä¸‹è¨˜ã®ãƒã‚¤ãƒ³ãƒˆãŒæŒ™ã’ã‚‰ã‚Œã¾ã™ã€‚ ç”»åƒã§ãƒšãƒ¼ã‚¸ã‚’ã„ã£ã±ã„ã«ã—ã¾ã™ã€‚ ç©ºãã¯ç„¡ã„ã‚ˆã†ã«ã—ã¾ã™ã€‚ ç”»åƒã®ã‚µã‚¤ã‚ºã¯å¿…è¦ãŒã‚ã‚Œã°èª¿æ•´ã—ã¾
hirose31 2010/11/29
css
ãƒªãƒ³ã‚¯
ãƒ‡ã‚£ã‚¹ãƒ—ãƒ¬ã‚¤ã®ã‚µã‚¤ã‚ºã«åˆã‚ã›ã¦ç”»é¢ã„ã£ã±ã„ã«èƒŒæ™¯ç”»åƒã‚’è¡¨ç¤ºã™ã‚‹CSSã‚„jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã„ã‚ã„ã‚
ãƒ‡ã‚£ã‚¹ãƒ—ãƒ¬ã‚¤ã‚µã‚¤ã‚ºï¼ˆãƒ–ãƒ©ã‚¦ã‚¶ã‚µã‚¤ã‚ºï¼‰ã„ã£ã±ã„ã«èƒŒæ™¯ç”»åƒã‚’è¡¨ç¤ºã™ã‚‹æ–¹æ³•ã¯ã„ãã¤ã‹ã‚ã‚Šã¾ã™ãŒã€æœ€è¿‘è¦‹ã¤ã‘ãŸ jQuery ã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚’ä½¿ã£ã¦ã€ã„ã‚ã„ã‚è©¦ã—ã¦ã¿ãŸã‚Šã—ãŸã®ã§ãƒ¬ãƒ“ãƒ¥ãƒ¼ã‚’ã¾ã¨ã‚ã¦ã¿ã¾ã—ãŸã€‚ èƒŒæ™¯ã«ç”»åƒã‚’ä½¿ã£ãŸ Webã‚µã‚¤ãƒˆã£ã¦ãŸãã•ã‚“ã‚ã‚Šã¾ã™ã‚ˆãã€‚å¤§ããã¦ã‚ãƒ¬ã‚¤ãªç”»åƒã¯ã€è¦‹ãŸç›®ã«ã‚‚ã‚¤ãƒ³ãƒ‘ã‚¯ãƒˆãŒã‚ã£ã¦ã¨ã¦ã‚‚å°è±¡çš„ã§ã™ã€‚ã§ã‚‚ Webã‚µã‚¤ãƒˆã‚’é–²è¦§ã—ã¦ã„ã‚‹äººã®ç’°å¢ƒã¯æ§˜ã€…ã§ã€ãƒ‡ã‚£ã‚¹ãƒ—ãƒ¬ã‚¤ã®ã‚µã‚¤ã‚ºãŒé•ã£ãŸã‚Šã™ã‚‹ã‚‚ã®ã€‚ãƒ‡ã‚£ã‚¹ãƒ—ãƒ¬ã‚¤ï¼ˆãƒ–ãƒ©ã‚¦ã‚¶ï¼‰ã®ã‚µã‚¤ã‚ºã«ã‚ã‚ã›ã¦ã€ç”»åƒã‚’æ‹¡å¤§è¡¨ç¤ºã™ã‚‹æ–¹æ³•ã¯ã„ãã¤ã‹ã‚ã‚Šã¾ã™ãŒã€ãã®ä¸ã‹ã‚‰ã„ãã¤ã‹ã‚’ã‚µãƒ³ãƒ—ãƒ«ä»˜ãã§ã”ç´¹ä»‹ã—ã¾ã™ï¼ ç”»é¢ã„ã£ã±ã„ã«èƒŒæ™¯ç”»åƒ ç›®æ¬¡ CSSã®ã¿ã§ç”»é¢ã„ã£ã±ã„ã«èƒŒæ™¯ç”»åƒ jQuery ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ fullscreenr ã‚’ä½¿ã£ã¦ã¿ãŸ Full Size Background Image jQuery Plugin ã‚’ä½¿ã£ã¦ã¿ãŸ jQuery max
hirose31 2010/11/14
css

jQuery
ãƒªãƒ³ã‚¯
ã¯ã¦ãªã‚°ãƒ«ãƒ¼ãƒ—ã®çµ‚äº†æ—¥ã‚’2020å¹´1æœˆ31æ—¥(é‡‘)ã«æ±ºå®šã—ã¾ã—ãŸ - ã¯ã¦ãªã®å‘ŠçŸ¥
ã¯ã¦ãªã‚°ãƒ«ãƒ¼ãƒ—ã®çµ‚äº†æ—¥ã‚’2020å¹´1æœˆ31æ—¥(é‡‘)ã«æ±ºå®šã—ã¾ã—ãŸ ä»¥ä¸‹ã®ã‚¨ãƒ³ãƒˆãƒªã®é€šã‚Šã€ä»Šå¹´æœ«ã‚’ç›®å‡¦ã«ã¯ã¦ãªã‚°ãƒ«ãƒ¼ãƒ—ã‚’çµ‚äº†äºˆå®šã§ã‚ã‚‹æ—¨ã‚’ãŠçŸ¥ã‚‰ã›ã—ã¦ãŠã‚Šã¾ã—ãŸã€‚ 2019å¹´æœ«ã‚’ç›®å‡¦ã«ã€ã¯ã¦ãªã‚°ãƒ«ãƒ¼ãƒ—ã®æä¾›ã‚’çµ‚äº†ã™ã‚‹äºˆå®šã§ã™ - ã¯ã¦ãªã‚°ãƒ«ãƒ¼ãƒ—æ—¥è¨˜ ã“ã®ãŸã³ã€æ£å¼ã«çµ‚äº†æ—¥ã‚’æ±ºå®šã„ãŸã—ã¾ã—ãŸã®ã§ã€ä»¥ä¸‹ã®é€šã‚Šã”ç¢ºèªãã ã•ã„ã€‚ çµ‚äº†æ—¥: 2020å¹´1æœˆ31æ—¥(é‡‘) ã‚¨ã‚¯ã‚¹ãƒãƒ¼ãƒˆå¸Œæœ›ç”³è«‹æœŸé™:2020å¹´1æœˆ31æ—¥(é‡‘) çµ‚äº†æ—¥ä»¥é™ã¯ã€ã¯ã¦ãªã‚°ãƒ«ãƒ¼ãƒ—ã®é–²è¦§ãŠã‚ˆã³æŠ•ç¨¿ã¯è¡Œãˆã¾ã›ã‚“ã€‚æ—¥è¨˜ã®ã‚¨ã‚¯ã‚¹ãƒãƒ¼ãƒˆãŒå¿…è¦ãªæ–¹ã¯ä»¥ä¸‹ã®è¨˜äº‹ã«ã—ãŸãŒã£ã¦æ‰‹ç¶šãã‚’ã—ã¦ãã ã•ã„ã€‚ ã¯ã¦ãªã‚°ãƒ«ãƒ¼ãƒ—ã«æŠ•ç¨¿ã•ã‚ŒãŸæ—¥è¨˜ãƒ‡ãƒ¼ã‚¿ã®ã‚¨ã‚¯ã‚¹ãƒãƒ¼ãƒˆã«ã¤ã„ã¦ - ã¯ã¦ãªã‚°ãƒ«ãƒ¼ãƒ—æ—¥è¨˜ ã”åˆ©ç”¨ã®ã¿ãªã•ã¾ã«ã¯ã”è¿·æƒ‘ã‚’ãŠã‹ã‘ã„ãŸã—ã¾ã™ãŒã€ã©ã†ãžã‚ˆã‚ã—ããŠé¡˜ã„ã„ãŸã—ã¾ã™ã€‚ 2020-06-25 è¿½è¨˜ ã¯ã¦ãªã‚°ãƒ«ãƒ¼ãƒ—æ—¥è¨˜ã®ã‚¨ã‚¯ã‚¹ãƒãƒ¼ãƒˆãƒ‡ãƒ¼ã‚¿ã¯2020å¹´2æœˆ28
hirose31 2010/09/20
plack

css

javascript
ãƒªãƒ³ã‚¯
Cross-Browser CSS Gradient
The CSS gradient feature was introduced by Webkit for about two years but was rarely used due to incompatibility with most browers. But now with the Firefox 3.6+, which supports gradient, we can style create gradient without having to create an image. This post will show you how to code for the CSS gradient to be supported by the major browsers: IE, Firefox 3.6+, Safari, and Chrome. Also, check ou
hirose31 2010/06/18
css
ãƒªãƒ³ã‚¯
Yahoo! UI Library: YUI Compressor
According to Yahoo!'s Exceptional Performance Team, 40% to 60% of Yahoo!'s users have an empty cache experience and about 20% of all page views are done with an empty cache (see this article by Tenni Theurer on the YUI Blog for more information on browser cache usage). This fact outlines the importance of keeping web pages as lightweight as possible. Improving the engineering design of a page or a
hirose31 2010/05/21
performance

javascript

css
ãƒªãƒ³ã‚¯
CSSã‚’æ‹¡å¼µã™ã‚‹ãƒ—ãƒªãƒ—ãƒã‚»ãƒƒã‚µã‚’è€ƒãˆã‚‹
Photo by Aaron Landry CSSã§ã€å¼ã¨ã‹ãƒžã‚¯ãƒãŒä½¿ãˆãŸã‚‰ãªãƒ¼ã¨æ€ã†ã“ã¨ãŒã‚ˆãã‚ã‚‹ã®ã§ã€ã“ã®éš›ã ã‹ã‚‰ãƒ—ãƒªãƒ—ãƒã‚»ãƒƒã‚µã‚’ä½œã‚ã†ã¨æ€ã£ã¦ã„ã¾ã™ã€‚ æ–‡æ³•ã¨ã—ã¦ã¯ã€CSSã®æ§‹é€ ã‚’å¤§ããå¤‰ãˆãªã„ã§è¡Œãã¾ã™ã€‚ã‚ãã¾ã§ãƒ—ãƒªãƒ—ãƒã‚»ãƒƒã‚µçš„ãªå½¹å‰²ã§ã€‚Sassã®æ§˜ã«æ§‹æ–‡ã‚’å¤‰ãˆã¦ã—ã¾ã†ã¨ã€ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã®äººãŒå–ã£ã¤ãé›£ããªã‚Šãã†ã§ã€‚ ä»Šã®ã¨ã“ã‚ã€è€ƒãˆã¦ã„ã‚‹æ–‡æ³•ã®ä¾‹ã‚’ä¸‹ã«ç½®ãã¾ã—ãŸã€‚èª°ã§ã‚‚è€ƒãˆãã†ãªæ‰€ã§ã€includeã«ã‚ˆã‚‹èªã¿è¾¼ã¿ã€ãƒã‚¹ãƒˆã‚’ã‚µãƒãƒ¼ãƒˆã€å¼ã¨åˆ¶å¾¡æ§‹é€ ã®ã‚µãƒãƒ¼ãƒˆã‚’è¡Œã„ã¾ã™ã€‚ ã“ã®ãƒ—ãƒªãƒ—ãƒã‚»ãƒƒã‚µã¯ã‚µãƒ¼ãƒã‚µã‚¤ãƒ‰ã§å‹•çš„ã«ç”Ÿæˆã™ã‚‹ã®ã§ã¯ãªãã€ä¸€åº¦é™çš„ã«CSSã«å¤‰æ›ã—ã¦ä½¿ã†ã“ã¨ã‚’è€ƒãˆã¦ã„ã¾ã™ã€‚ãã®ç‚ºã€User agentãªã©å¤–éƒ¨ã‹ã‚‰ã®å¤‰æ•°ã¯ã‚µãƒãƒ¼ãƒˆã—ã¾ã›ã‚“ã€‚ ä½¿ã„æ–¹ã¨ã—ã¦ã¯ã€ã‚³ãƒžãƒ³ãƒ‰ãƒ©ã‚¤ãƒ³ãƒ„ãƒ¼ãƒ«ã«ã‚ˆã‚‹å¤‰æ›ã¨ã€Javascriptã«ã‚ˆã‚‹å‹•çš„ãªèªã¿è¾¼ã¿ã‚’ã‚µãƒãƒ¼ãƒˆã™ã‚‹äºˆå®šã§ã™ã€‚ é–‹ç™ºä¸ã¯ã€HTMLå†…ã«<sc
hirose31 2010/02/01
â€»æ¬„ã‚‚

css
ãƒªãƒ³ã‚¯
Getting started | Less.js
It's CSS, with just a little more. Use with Node.js: npm install -g less > lessc styles.less styles.css Or the browser: <link rel="stylesheet/less" type="text/css" href="styles.less" /> <script src="https://cdn.jsdelivr.net/npm/less" ></script> Or try the online playground ! ðŸ†• Less (which stands for Leaner Style Sheets) is a backwards-compatible language extension for CSS. This is the official do
hirose31 2010/02/01
via http://blog.masuidrive.jp/index.php/2010/01/20/css-enhancer/

css
ãƒªãƒ³ã‚¯
Applerã®å‚™å¿˜éŒ²ï¼ˆä»®ï¼‰: CSS Spriteã®æµæ´¾ã‚’ã¾ã¨ã‚ã‚‹
Yahoo!ãƒ‹ãƒ¥ãƒ¼ã‚¹ãŒãƒªãƒ‹ãƒ¥ãƒ¼ã‚¢ãƒ«ã—ã¦ãƒ¬ã‚¹ãƒãƒ³ã‚¹ãŒé€Ÿããªã£ãŸãã†ã§ã™ãŒã€é«˜é€ŸåŒ–æ‰‹æ³•ã®ä¸ã«ã€ŒCSS Spriteã€ã¨ã„ã†ã‚‚ã®ãŒã‚ã‚Šã¾ã—ãŸã€‚ ã„ãã¤ã‹ã‚ã‚‹ç”»åƒã‚’1ã¤ã®ç”»åƒã«é€£çµã—ã€CSSã«ã¦é€£çµç”»åƒã®ä¸ã«ã‚ã‚‹ç›®çš„éƒ¨ä½ã‚’åˆ‡ã‚Šå‡ºã—ã¦è¡¨ç¤ºã—ã‚ˆã†ã¨ã„ã†æŠ€è¡“ã§ã™ã€‚ã‚µãƒ¼ãƒã«å¯¾ã™ã‚‹ãƒªã‚¯ã‚¨ã‚¹ãƒˆã®æ•°ã‚’æ¸›ã‚‰ã™åŠ¹æžœãŒã‚ã‚Šã¾ã™ã€‚ ï¼ˆä»Šæ—¥ã®å¤§å˜˜ - by edvakf in hatenaã‚‚ãã†ã§ã™ãŒã€Yahoo!ãƒ‹ãƒ¥ãƒ¼ã‚¹ã®ä¸€éƒ¨ã®CSS Spriteç”»åƒã‚‚ä½™ç™½ãŒå¤šãã€ã€Œé€Ÿãã™ã‚‹æŠ€è¡“ä½¿ã£ãŸã‚ˆã€ã¨ã„ã†ã®ã¯èª¬å¾—åŠ›ã«æ¬ ã‘ã‚‹ã®ã§ã™ãŒï¼‰ æœ€è¿‘ã‚ˆãè¦‹ã‚‹ã“ã®ãƒ˜ãƒ³ãƒ†ã‚³ãªæŠ€è¡“ã«ã¤ã„ã¦èª¿ã¹ã€è»¢é€ã®é€Ÿã•ã ã‘ã§ãªãã€åˆ©ä¾¿æ€§ã‚’æãªã‚ãªã„ã‚ˆã†ãªå½¢ã§ã“ã®æŠ€è¡“ã‚’ä½¿ãˆãªã„ã‚‚ã®ã ã‚ã†ã‹ã¨è€ƒãˆã¾ã—ãŸã€‚ ã§ã¯ãã®æˆæžœã‚’ç”Ÿã‹ã—ã¦ã‚ã‚Œã“ã‚Œã—ã‚ˆã†ã¨æ€ã„ã¾ã—ã¦ã‚‚å½“å‚™å¿˜éŒ²ç¨‹åº¦ã§ã¯ã‚µãƒ¼ãƒã«ãƒªã‚¯ã‚¨ã‚¹ãƒˆã™ã‚‹ç”»åƒã®æ•°ãªã©é«˜ãŒçŸ¥ã‚Œã¦ã„ã¾ã™ã€‚ ãã†ã„ã†ã‚ã‘ã§ã€ä½¿ã‚ãªã„æŠ€è¡“ã¯
hirose31 2010/01/22
CSS Sprite

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