box-shadowã§ç”»åƒ(imgè¦ç´ )ã«å½±ã‚’è½ã¨ã™ - Qiita
ç´ ç›´ã«ã‚„ã‚‹ã¨ã€imgè¦ç´ ã®ä¸Šã«ã¯ã€box-shadowã§inset指定ã—ã¦ã‚‚å½±ãŒè½ã¡ã¾ã›ã‚“。 ãã“ã§ã€z-indexã§èª¿æ•´ã—ã¦imgè¦ç´ を下ã®ãƒ¬ã‚¤ãƒ¤ãƒ¼ã«æŒã£ã¦è¡Œãã¨ã€box-shadowã§å½±ãŒè½ã¡ã‚‹ã‚ˆã†ã«ãªã‚Šã¾ã™ã€‚box-shadowã ã‘ã˜ã‚ƒãªãã¦è‰²ã€…使ãˆã‚‹ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã§ã™ .image-box { margin-top: 100px; position: relative; z-index: 1; } .image-box .shadow { -moz-box-shadow: inset 0px 0px 12px rgba(0,0,0,.6); -webkit-box-shadow: inset 0px 0px 12px rgba(0,0,0,.6); box-shadow: inset 0px 0px 12px rgba(0,0,0,.6); } .image-box .shadow i
コンãƒã‚¸ãƒƒãƒˆ(Composite) | Ruby デザインパターン
GoFã®ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ‘ターンã®ã‚³ãƒ³ãƒã‚¸ãƒƒãƒˆ(Composite)ã®Rubyコードを使ã£ãŸç´¹ä»‹è¨˜äº‹ã§ã™ã€‚ 😸 コンãƒã‚¸ãƒƒãƒˆã¨ã¯ï¼Ÿã€Œå…¨ä½“〜部分ã€ï¼ˆå€‹åˆ¥ã®ã‚ªãƒ–ジェクトã¨åˆæˆã—ãŸã‚ªãƒ–ジェクト）をåŒä¸€ã®ã‚‚ã®ã¨ã—ã¦ã¨ã‚‰ãˆã‚‹ã“ã¨ã§ã€å†å¸°çš„ãªæ§‹é€ をクラスã§è¡¨ç¾ã™ã‚‹ã“ã¨ã‚’Compositeデザインパターンã¨å‘¼ã³ã¾ã™ã€‚「全体〜部分ã€ã¯åŒã˜ã‚¤ãƒ³ã‚¿ãƒ•ã‚§ãƒ¼ã‚¹ã‚’継承ã—ã¾ã™ã€‚ コンãƒã‚¸ãƒƒãƒˆã¯æ¬¡ã®3ã¤ã®è¦ç´ ã«ã‚ˆã£ã¦æ§‹æˆã•ã‚Œã¾ã™ã€‚ コンãƒãƒ¼ãƒãƒ³ãƒˆ(Component)：ã™ã¹ã¦ã®ã‚ªãƒ–ジェクトã®åŸºåº•ã¨ãªã‚‹ã‚¯ãƒ©ã‚¹ リーフ(Leaf)：プãƒã‚»ã‚¹ã®å˜ç´”ãªæ§‹æˆè¦ç´ ã€å†å¸°ã—ãªã„ コンãƒã‚¸ãƒƒãƒˆ(Composite)：コンãƒãƒ¼ãƒãƒ³ãƒˆã®ã²ã¨ã¤ã§ã‚µãƒ–コンãƒãƒ¼ãƒãƒ³ãƒˆã‚’æ§‹æˆ ä¾‹ã¨ã—ã¦ã¯ã€ãƒ‡ã‚£ãƒ¬ã‚¯ãƒˆãƒªã¨ãƒ•ã‚©ãƒ«ãƒ€ã‚’åŒæ§˜ã®ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã¨ã—ã¦æ‰±ã†ã“ã¨ã§ã€å‰Šé™¤å‡¦ç†ãªã©ã‚’å†å¸°çš„ã«è¡Œãˆã‚‹ã‚ˆã†ã«ã§ãã‚‹ã“ã¨ãŒæŒ™ã’られã¾ã™ã€‚ã¡ãªã¿ã«ã€Œå†å¸°ã€ã¨ã¯ã€ã‚る処ç†ã®ä¸ã§å†ã³ãã®
グッスマãã˜ï¼åˆéŸ³ãƒŸã‚¯ 2012 Winter Ver.ï¼
2014å¹´ã®æ˜¥ã®å‡ºä¼šã„ã¨åˆ¥ã‚Œã‚’åˆéŸ³ãƒŸã‚¯ãŸã¡ãŒå½©ã‚Šã¾ã™ï¼ â—グッスマãã˜ã€€åˆéŸ³ãƒŸã‚¯ã€€2014 Spring Ver. â—1回：762円+税 â—販売期間：2014å¹´3月8日（土）18:00 ～ å„店舗ãªããªã‚Šã—ã ã„終了 â—販売店舗：全国ã®ãƒ•ã‚¡ãƒŸãƒªãƒ¼ãƒžãƒ¼ãƒˆã€TSUTAYA店舗 â—LAST賞ã€Wãƒãƒ£ãƒ¬ãƒ³ã‚¸ã‚ャンペーンã‚ã‚Š ※店舗ã«ã‚ˆã£ã¦ç™ºå£²é–‹å§‹æ—¥ãŒç•°ãªã‚‹å ´åˆãŒã”ã–ã„ã¾ã™ã€‚ã¾ãŸã€ãŠå–扱ã„ã®ãªã„å ´åˆã‚‚ã”ã–ã„ã¾ã™ã€‚ ãŠå–扱ã„店舗ã®è©³ç´°ã¯ãƒ•ã‚¡ãƒŸãƒªãƒ¼ãƒžãƒ¼ãƒˆã€TSUTAYAã®ã‚¦ã‚§ãƒ–サイトã§ã”確èªãã ã•ã„。 ※掲載ã®å†™çœŸã¯å®Ÿéš›ã®å•†å“ã¨ã¯å¤šå°‘ç•°ãªã‚‹å ´åˆãŒã‚ã‚Šã¾ã™ã€‚ ※商å“ã®å¡—装ã¯å½©è‰²è¡Œç¨‹ãŒæ‰‹ä½œæ¥ã«ãªã‚‹ãŸã‚ã€å•†å“個々ã«å¤šå°‘ã®å·®ç•°ãŒã‚ã‚Šã¾ã™ã€‚ 予ã‚ã”了承ãã ã•ã„。 A賞 衣装原案：tica85 bookstores B賞 衣装原案：tica85 bookstores C賞 illustration by ã·ã¡ã§ã³ã‚‹
WEBデザイナーã€é–‹ç™ºè€…ãŒä½¿ãˆã‚‹WEBツール集「8 Useful Online Tools for Web Designers and Developersã€
WEBデザイナーã€é–‹ç™ºè€…ãŒä½¿ãˆã‚‹WEBツール集「8 Useful Online Tools for Web Designers and Developers〠多ãã®æ¥å‹™ãŒå¿…è¦ã¨ãªã‚‹WEB構築ã€ã§ãã‚‹ã“ã¨ãªã‚‰å°‘ã—ã§ã‚‚時間をçŸç¸®ã—ãŸã„物。今日ã¯WEBを構築ã™ã‚‹ä¸Šã§ä¾¿åˆ©ãªãƒ„ールを集ã‚ãŸã‚¨ãƒ³ãƒˆãƒªãƒ¼ã€Œ8 Useful Online Tools for Web Designers and Developersã€ã‚’紹介ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ 0 to 255 è¨è¨ˆã®éƒ¨åˆ†ã‹ã‚‰ã€ãƒ‡ã‚¶ã‚¤ãƒ³ã®éƒ¨åˆ†ã€ãƒ‘ーツã®ç”Ÿæˆãªã©æ§˜ã€…ãªã‚ªãƒ³ãƒ©ã‚¤ãƒ³ãƒ„ールãŒã¾ã¨ã‚られã¦ã„ã¾ã—ãŸã€‚今日ã¯ãã®ä¸ã‹ã‚‰å¹¾ã¤ã‹æ°—ã«ãªã£ãŸã‚‚ã®ã‚’ピックアップã—ã¦ç´¹ä»‹ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ 詳ã—ãã¯ä»¥ä¸‹ â– Frame Box ワイヤーフレームをドãƒãƒƒãƒ—＆ドラッグã§é–‹ç™ºã§ãるサービス。画åƒç³»ã§åˆ¶ä½œã™ã‚‹ã‚ˆã‚Šã¯ã‚‹ã‹ã«ç´ æ—©ã制作ã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ â– Super Conver
スタイルシートをã‚ãる冒険: CSS実験室: clearfixã®æ±ºå®šç‰ˆã‚’作る ―モダンブラウザ編―
floatã«èµ·å› ã™ã‚‹ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆããšã‚Œã®å¤šãã¯ã€floatã‚’ã—ã‹ã‚‹ã¹ãå ´æ‰€ã§ã‚¯ãƒªã‚¢ã™ã‚‹ã“ã¨ã«ã‚ˆã£ã¦è§£æ±ºã™ã‚‹ã€‚ã“ã®ã“ã¨ã‚’発見ã—ã¦ä»¥æ¥ã€ã‚‚ã£ã±ã‚‰ç©ºãƒœãƒƒã‚¯ã‚¹ã«clearを指定ã™ã‚‹ã¨ã„ã†æ–¹æ³•ï¼ˆ<div style="clear: both"></div>）を多用ã—ã¦ããŸãŒã€HTMLã«ã‚る種ã®ä¸ç´”物ãŒæ··ã˜ã‚‹ã“ã¨ã«å±…心地ã®æ‚ªã•ã¯ãšã£ã¨æ„Ÿã˜ã¦ã„ãŸï¼ˆã€Œfloatã‚’ç¹°ã‚Šè¿”ã™ã¨ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆãŒããšã‚Œã‚‹ã€å‚照）。ã“ã®æ°—æŒã¡æ‚ªã•ã‚’解消ã—ã¦ãれるã®ãŒã€clearfixã¨ã„ã†ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã 。 基本的ãªç™ºæƒ³ã¯ä¸Šè¨˜ã®ç©ºãƒœãƒƒã‚¯ã‚¹ã«ã‚ˆã‚‹ã‚¯ãƒªã‚¢ã¨åŒã˜ã ãŒã€ãれをHTMLã«ã¯ä¸€åˆ‡æ‰‹ã‚’åŠ ãˆãšã€ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã ã‘ã§å®Ÿç¾ã—ã¦ã„ã‚‹ã¨ã“ã‚ã«å¤§ããªç‰¹å¾´ãŒã‚る。ã—ã‹ã—ã€ã²ã¨ãã¡ã«clearfixã¨ã„ã£ã¦ã‚‚様々ãªãƒãƒªã‚¨ãƒ¼ã‚·ãƒ§ãƒ³ãŒã‚ã‚Šã€ãã®è¨˜è¿°ã®ã—ã‹ãŸã¯å¾®å¦™ã«ç•°ãªã‚‹ã€‚ 例ãˆã°ã€clearfixã®æ唱者ã§ã¯ãªã„ã‹ã¨é¡žæŽ¨ã•ã‚Œã‚‹Position Is Ever
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
Loading...
Scratch
Prezi
CSSã®å„ªå…ˆé †ä½ã€œCSSテクニック〜
iPlotz: wireframing, mockups and prototyping for websites and applications
New Content Available soon!
{{#tags}}- {{label}}
{{/tags}}