関西フãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰UG 主催ã®ã€Œãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã§è€ƒãˆã‚‹Webデザイン/UI勉強会 (http://kfug.connpass.com/event/15244/ )ã€ã§ç™ºè¡¨ã—ãŸå†…容ã§ã™ã€‚
Kaizen Platform ã«ãŠã‘ã‚‹ UI ライブラリã®ãƒ¯ãƒ¼ã‚¯ãƒ•ãƒãƒ¼
関西フãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰UG 主催ã®ã€Œãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã§è€ƒãˆã‚‹Webデザイン/UI勉強会 (http://kfug.connpass.com/event/15244/ )ã€ã§ç™ºè¡¨ã—ãŸå†…容ã§ã™ã€‚
åˆå¿ƒè€…ãŒã‚ˆããƒãƒžã‚‹ã€CSSã®floatプãƒãƒ‘ティ徹底攻略 | WeeeeB
2011年も残りã‚ãšã‹ã§ã™ã。今年最後ã®è¨˜äº‹ã¯ã€CSSã®floatプãƒãƒ‘ティã«ã¤ã„ã¦æ›¸ã„ã¦ã¿ã‚ˆã†ã¨æ€ã„ã¾ã™ã€‚僕ã¯ãƒ•ãƒªãƒ¼ã®Webクリエーターをã—ã¤ã¤ã€Webã®è¬›å¸«æ¥ã‚‚ã—ã¦ã‚‹ã‚“ã§ã™ãŒã€ã©ã®ç”Ÿå¾’ã•ã‚“ã‚‚floatã«è‹¦ã—ã‚られã¦ã‚‹ã®ã‚’よã見ã¾ã™ã€‚ãã“ã§CSSを勉強ã—ã¦ã„ã‚‹Webクリエーターã•ã‚“ã«floatã¨ã®ä¸Šæ‰‹ãªä»˜ãåˆã„ã‹ãŸã‚’ã”紹介ã—ã¾ã™ã€‚ åˆå¿ƒè€…ãŒã‚ˆããƒãƒžã‚‹ã€CSSã®floatプãƒãƒ‘ティ徹底攻略ã®ç›®æ¬¡ ã¾ãšã¯floatã‚’ç†è§£ã—よㆠfloatã—ãŸè¦ç´ ã®è¦ªè¦ç´ ã«ä»˜ã‘ãŸèƒŒæ™¯ãŒå‡ºãªã„時ã®å¯¾ç–方法 floatã«ã‚ˆã‚‹ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆå´©ã‚Œï¼ˆæ®µè½ã¡ï¼‰ã®è§£æ±ºæ–¹æ³• 1. ã¾ãšã¯floatã‚’ç†è§£ã—よㆠfloatã¯ãŸã ã€è¦ç´ ã‚’å·¦å³ã«æŒ¯ã£ã¦ã„ã‚‹ã®ã§ã¯ãªã„。浮ã„ã¦ã„ã‚‹ã‚“ã ï¼ floatã¨ã¯ã€å·¦å³ã«è¦ç´ を回り込ã¾ã›ãŸã„ã¨ãã«ä½¿ã†CSSã®ãƒ—ãƒãƒ‘ティã§ã™ã€‚ã§ã‚‚ãŸã å·¦å³ã«å›žã‚Šè¾¼ã‚“ã§ã‚‹ã ã‘ã§ã¯ãªã„ã®ã§ã™ã€‚実ã¯floatã—ãŸè¦ç´ ã¯æµ®ã„ã¦
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
[CSS]CSS3アニメーションを使ã£ãŸã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã®ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã®ã¾ã¨ã‚
アニメーションã¨ã„ãˆã°Flashã‚„JavaScriptãŒä¸»æµã§ã—ãŸãŒã€CSS3ã®ç™»å ´ã§ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’手軽ã«ã‚¦ã‚§ãƒ–サイトã«åˆ©ç”¨ã§ãるよã†ã«ãªã£ã¦ãã¾ã—ãŸã€‚ CSS3アニメーションを使ã£ãŸå®Ÿç”¨çš„ãªãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã‹ã‚‰ã€å®Ÿé¨“çš„ãªã™ã”ã„作å“ã¾ã§ã‚’紹介ã—ã¾ã™ã€‚ 対応ブラウザã¯ã»ã¨ã‚“ã©ã®ã‚‚ã®ãŒChrome, Safari, Firefox4ã¨ãªã£ã¦ã„ã¾ã™ã€‚ ※デモページã¯æ˜Žè¨˜ãŒãªã„ã‚‚ã®ã¯å…¨ã¦Firefox4ã§ã®è¡¨ç¤ºã§ã™ã€‚
フリーã§ç¾Žã—ã„CSSデザインã®ã‚µã‚¤ãƒˆãƒ†ãƒ³ãƒ—レート２ï¼:phpspot開発日誌
20 Free CSS Web Templates Which You Can Use Today フリーã§ç¾Žã—ã„CSSデザインã®ã‚µã‚¤ãƒˆãƒ†ãƒ³ãƒ—レート２ï¼ã€‚ ã„ã„æ„Ÿã˜ã®ãƒ†ãƒ³ãƒ—レートãŒã¾ã¨ã¾ã£ã¦ã„ã¾ã—ãŸã®ã§ã”紹介ã§ã™ã€‚ ã‚ã‚ŠãŒãŸã使ã‚ã›ã¦ã„ãŸã ãã¾ã—ょã†ï¼ 関連エントリ 一見ã®ä¾¡å€¤ã‚ã‚Šãªãƒ•ãƒ¬ãƒƒã‚·ãƒ¥ãªCSSデザインã•ã‚ŒãŸWEBサイト２１ 超使ãˆãã†ãªæ–°ã—ã‚ã§ãƒ•ãƒªãƒ¼ã®HTML/CSSデザインテンプレート集 CSSデザインã®å®Ÿç”¨çš„ãªç®¡ç†ç”»é¢ãƒ†ãƒ³ãƒ—レート１ï¼å€‹ クールãªCSSデザインã®ãƒãƒ¼ãƒˆãƒ•ã‚©ãƒªã‚ªã‚µã‚¤ãƒˆï¼’ï¼
HTML5＆CSS3ã§ãƒ•ã‚©ãƒ¼ãƒ ã‚’ã‹ã£ã“良ãã™ã‚‹ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«é›†:phpspot開発日誌
Top 15 HTML5 and CSS3 Forms Tutorials | webexpedition18 HTML5＆CSS3ã§ãƒ•ã‚©ãƒ¼ãƒ ã‚’ã‹ã£ã“良ãã™ã‚‹ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«é›† 次ã®ã‚ˆã†ã«æ¤œç´¢çª“ã‚’ã‹ã£ã“よãã—ãŸã‚Šå…¥åŠ›ãƒ•ã‚©ãƒ¼ãƒ をクールã«ã—ãŸã‚Šã™ã‚‹ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«é›†ã§ã™ã€‚ CSS3ã®ä¾¿åˆ©ã•ã¯åˆ†ã‹ã£ã¦ã„ã‚‹ã¤ã‚‚ã‚Šã§ã‚‚ã€ã„ã–ã¤ãã‚ã†ã¨ãªã‚‹ã¨é を抱ãˆã¦ã—ã¾ã†å ´åˆã‚‚ã‚ã‚Šãã†ã§ã™ãŒã€ã‚らã‹ã˜ã‚ã“ã†ã—ãŸã‚µãƒ³ãƒ—ルã§ãƒ‘ターンを把æ¡ã—ã¦ãŠã‘ã°ãƒ‡ã‚¶ã‚¤ãƒ³ãŒåŠ¹çŽ‡çš„ã«è¡Œãˆãã†ã§ã™ã。もã¡ã‚ã‚“ãã®ã¾ã¾åˆ©ç”¨ã•ã›ã¦ã‚‚らã†ã¨ã„ã†ã®ã‚‚ã‚ã‚Šã§ã™ãŒã€‚ ５年後ã®ãƒ•ã‚©ãƒ¼ãƒ ã¯ã©ã‚“ãªç‰©ãŒä¸»æµã«ãªã£ã¦ã„ã‚‹ã‹æ¥½ã—ã¿ã§ã™ã 関連エントリ HTML5ã¨CSS3を使ã£ãŸãƒ•ã‚©ãƒ¼ãƒ デザインã®ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«é›†ï¼“ï¼ HTML5/CSS3ã«é–¢ã™ã‚‹ä¾¿åˆ©ãƒ„ールやãƒãƒ¼ã¨ã‚·ãƒ¼ãƒˆã€ãƒªã‚½ãƒ¼ã‚¹ï¼’５ HTML5＋CSS3ã§ã‚¯ãƒ¼ãƒ«ãªã‚ªãƒ¼ãƒ‡ã‚£ã‚ªãƒ—レイヤー「ZEN〠CSS3ã§æç”»ã•ã‚ŒãŸ
HTML5ã¨CSS3を使ã£ãŸãƒ•ã‚©ãƒ¼ãƒ デザインã®ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«é›†ï¼“ï¼:phpspot開発日誌
Creating HTML5/CSS3 Forms: 30 Helpful Tutorials | Splashnology HTML5ã¨CSS3を使ã£ãŸãƒ•ã‚©ãƒ¼ãƒ デザインã®ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«é›†ï¼“ï¼ CSS3を使ã£ã¦ãƒ•ã‚©ãƒ¼ãƒ デザインãŒã‚ˆã‚Šç°¡å˜ã«è‡ªç”±ã«ãªã‚Šã¾ã—ãŸãŒã€ãã®ã‚µãƒ³ãƒ—ル集ã§ã™ã€‚ ã©ã†ã„ã†äº‹ãŒã§ãã‚‹ã®ã‹ï¼Ÿã‚’知るã“ã¨ãŒã§ãã€å®Ÿè£…ã®éš›ã«ã‚‚å‚考ã«ã§ãã¾ã™ã€‚ CSS3ãªã—ã§ï¼‘ã‹ã‚‰ã¤ãã‚‹ã¨ãªã‚‹ã¨ç›¸å½“大変ã§ã™ãŒã€CSS3を使ã†ã“ã¨ã§ç”»åƒã‚’使ã‚ãšãã‚Œã„ãªãƒ•ã‚©ãƒ¼ãƒ ãŒä½œã‚Œã‚‹ã®ã¯ç´ 晴らã—ã„ã§ã™ã。 関連エントリ 立体的ãªCSS3ã§ãƒ‡ã‚¶ã‚¤ãƒ³ã•ã‚ŒãŸæ¤œç´¢ãƒ•ã‚©ãƒ¼ãƒ 実装ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ« フォームè¦ç´ をクールã«ã™ã‚‹ãŸã‚ã®jQueryプラグイン集
超使ãˆãã†ãªæ–°ã—ã‚ã§ãƒ•ãƒªãƒ¼ã®HTML/CSSデザインテンプレート集:phpspot開発日誌
10 Best Free HTML And CSS Website Templats Of June 2011 超使ãˆãã†ãªæ–°ã—ã‚ã§ãƒ•ãƒªãƒ¼ã®HTML/CSSデザインテンプレート集ãŒã¾ã¨ã¾ã£ã¦ã„ã¾ã—ãŸã€‚ 種類ã¯è‰²ã€…ã§ã‚³ãƒ¼ãƒãƒ¬ãƒ¼ãƒˆã‚µã‚¤ãƒˆã‚„ã‚ャンペーンサイトç‰è‰²ã€…使ã†ã“ã¨ãŒã§ããã†ã§ã™ã€‚ ã¡ã‚‡ã“ã£ã¨å¤‰ãˆã‚‹ã“ã¨ã§é–‹ç™ºè€…ã•ã‚“ã§ã‚‚比較的容易ã‹ã¤é«˜é€Ÿã«ãƒ—ãƒãƒ¢ã‚µã‚¤ãƒˆãŒä½œã‚Œã¾ã™ã 関連エントリ 34ã®ãƒ•ãƒªãƒ¼ã§ç¶ºéº—ãªXHTML/CSSテンプレート ã»ã‚“ã¨ã«ãƒ•ãƒªãƒ¼ï¼Ÿã¨ã„ã†ã‚¯ã‚ªãƒªãƒ†ã‚£ã®XHTML/CSSãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆï¼’ï¼ ç¶ºéº—ã«ãƒ‡ã‚¶ã‚¤ãƒ³ã•ã‚ŒãŸãƒ•ãƒªãƒ¼ã®HTML/CSSãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆï¼‘ï¼ ãƒ•ãƒªãƒ¼ã®(X)HTML/CSSãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆï¼•ï¼ ã‚¯ãƒ¼ãƒ«ãªãƒ‡ã‚¶ã‚¤ãƒ³æº€è¼‰ã®XHTML/CSSテンプレート４ï¼ç¨®
CSS3を使ã£ãŸã‚¯ãƒªã‚¨ã‚¤ãƒ†ã‚£ãƒ–ãªãƒ†ã‚ストエフェクト集２３:phpspot開発日誌
23 Creative Uses of CSS3 Text Effects to Enhance Your Web Presence | Onextrapixel - Showcasing Web Treats Without A Hitch CSS3を使ã£ãŸã‚¯ãƒªã‚¨ã‚¤ãƒ†ã‚£ãƒ–ãªãƒ†ã‚ストエフェクト集２３。 CSS3ã§ã„ã‚ã‚“ãªäº‹ãŒã§ãã‚‹ã®ã¯ã”å˜çŸ¥ã®é€šã‚Šã§ã™ãŒã€ãƒ†ã‚ストã ã‘ã§ã‚‚ã‹ãªã‚Šè‰²ã€…ãªä½¿ã„æ–¹ãŒã‚ã£ã¦å‹‰å¼·ã«ãªã‚Šã¾ã™ã€‚ ↓ 例ãˆã°ã€ã“ã‚ŒãŒç”»åƒã˜ã‚ƒãªã„らã—ã„ã§ã™ï¼ˆç¬‘） ä»–ã«ã‚‚使ãˆã‚‹ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ãŒæº€è¼‰ æ—©ãã™ã¹ã¦ã®ãƒ–ラウザã§CSS3ãŒä½¿ãˆã‚‹æ™‚代ãŒæ¥ã¦ã»ã—ã„ã§ã™ã。 ã‚‚ã¡ã‚ã‚“ã€ç”»åƒã§ã‚„ã£ãŸã»ã†ãŒæ¥½ãªã¨ã“ã‚ã¯ç”»åƒã§ã‚„ã£ã¡ã‚ƒã„ã¾ã™ãŒã€æ¥½å‡ºæ¥ã‚‹éƒ¨åˆ†ã¯ã‹ãªã‚Šæ¥½ã«ãªã‚Šãㆠ関連エントリ CSS3ã ã‘ã§å®Ÿç¾ã™ã‚‹å¹…広ã§ä½¿ãˆãã†ãªãƒ‰ãƒãƒƒãƒ—ダウン実装ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ« 味気ãªã„サムãƒã‚¤ãƒ«ãƒªã‚¹ãƒˆã‚’CSS3ã§å›žè»¢ã•ã›ã¦ã‚ªã‚·ãƒ£ãƒ¬ã«ã™
第1回　LESSã®ãƒ¡ãƒªãƒƒãƒˆã¨å°Žå…¥æ–¹æ³• | gihyo.jp
CSSをより柔軟ã«ã€ã‚ã‹ã‚Šã‚„ã™ãã€é€Ÿãã€ãƒŸã‚¹ã‚’å°‘ãªã記述ã§ãã‚‹ 最近ã€CSSã®æ‹¡å¼µãƒ¡ã‚¿è¨€èªžã€ŒLESSã€ãŒè©±é¡Œã«ãªã£ã¦ã„ã¾ã™ã€‚LESSã¨ã¯ã€ã‹ã‚“ãŸã‚“ã«è¨€ãˆã°ã€CSSã®è‰¯ã„ã¨ã“ã‚ã‚’æ´»ã‹ã—ã¤ã¤ã‚‚ 「より柔軟ã«ã€ 「よりã‚ã‹ã‚Šã‚„ã™ã〠「より速ã〠「よりミスを少ãªã〠記述ã§ãã‚‹ã¨ã„ã†ã€æ–°ã—ã„書ãæ–¹ã§ã™ã€‚ã†ã•ã‚“ãã•ã„ã¨æ„Ÿã˜ã‚‹ã»ã©ã«ã„ã„ã“ã¨ã¥ãã‚ã§ã™ã。 CSSã®æ‹¡å¼µãƒ¡ã‚¿è¨€èªžã«ã¯ã€LESSã®ä»–ã«ã‚‚ã€Sassã€Stylusã¨ã„ã£ãŸã‚‚ã®ãŒã‚ã‚Šã¾ã™ãŒã€LESSã¯ä¸€ç•ªCSSã®æ›¸å¼ã«è¿‘ãã€æ´»ç”¨ã™ã‚‹ãŸã‚ã®ãƒ„ールãŒãã‚ã£ã¦ã„ã‚‹ã®ãŒç‰¹å¾´ã§ã™ã€‚ 最近LESSã«ã¤ã„ã¦ã€ã¯ã¦ãªãƒ–ックマークや技術系ブãƒã‚°ã§ã‚‚ãŸãã•ã‚“ã¨ã‚Šã‚ã’られã¦ã„ã‚‹ã®ã§ã€å®Ÿéš›ã«èˆˆå‘³ã‚’æŒã£ã¦ã„る方や試ã—ãŸæ–¹ã‚‚ã„らã£ã—ゃるã‹ã‚‚ã—ã‚Œã¾ã›ã‚“。ã—ã‹ã—ã€ã¾ã 入門記事ãŒå¤šãã€å®Ÿéš›ã«å°Žå…¥ã—ãŸã¨ãã®ãƒ¡ãƒªãƒƒãƒˆã‚’イメージã§ããªã„ã“ã¨ã‚‚多ã„ã®ã§ã¯ãªã„ã§ã—ょã†ã‹ï¼Ÿ 本連載ã§ã¯ã€
1
メンテナンス
ランã‚ング
ãŠçŸ¥ã‚‰ã›
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
Grommet
UIkit
metro-bootstrap: Twitter Bootstrap with Metro style
so-network.biz
{{#tags}}- {{label}}
{{/tags}}