[B! UI][CSS] nsyeeã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

nsyee id:nsyee

UIã¨CSSã«é–¢ã™ã‚‹nsyeeã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (39)

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

ãƒžã‚¤ã‚¯ãƒã‚½ãƒ•ãƒˆã€Officeã®UIãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã‚’ã€ŒOffice UI Fabricã€ã¨ã—ã¦ã‚ªãƒ¼ãƒ—ãƒ³ã‚½ãƒ¼ã‚¹ã§å…¬é–‹
ãƒžã‚¤ã‚¯ãƒã‚½ãƒ•ãƒˆã€Officeã®UIãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã‚’ã€ŒOffice UI Fabricã€ã¨ã—ã¦ã‚ªãƒ¼ãƒ—ãƒ³ã‚½ãƒ¼ã‚¹ã§å…¬é–‹ ãƒžã‚¤ã‚¯ãƒã‚½ãƒ•ãƒˆã¯ã€Office 365ãªã©ã®Webã‚µã‚¤ãƒˆã§å®Ÿéš›ã«ä½¿ã‚ã‚Œã¦ã„ã‚‹Office UIã‚’æ§‹æˆã™ã‚‹ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã‚’ã€ŒOffice UI Fabricã€ã¨ã—ã¦ã‚ªãƒ¼ãƒ—ãƒ³ã‚½ãƒ¼ã‚¹ã§å…¬é–‹ã—ã¾ã—ãŸã€‚ ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ãŒå‚™ãˆã¦ã„ã‚‹ã®ã¯ã€ã‚¿ã‚¤ãƒã‚°ãƒ©ãƒ•ã‚£ã€ãƒ†ãƒ¼ãƒžã‚«ãƒ©ãƒ¼ã€ã‚¢ã‚¤ã‚³ãƒ³ã€ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã€ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ã‚°ãƒªãƒƒãƒ‰ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã€ãƒãƒ¼ã‚«ãƒ©ã‚¤ã‚¼ãƒ¼ã‚·ãƒ§ãƒ³ãªã©ã€‚
nsyee 2015/09/03
office

UI

CSS

framework
ãƒªãƒ³ã‚¯
Kaizen Platform ã«ãŠã‘ã‚‹ UI ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã®ãƒ¯ãƒ¼ã‚¯ãƒ•ãƒãƒ¼
é–¢è¥¿ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰UG ä¸»å‚¬ã®ã€Œãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã§è€ƒãˆã‚‹Webãƒ‡ã‚¶ã‚¤ãƒ³/UIå‹‰å¼·ä¼š (http://kfug.connpass.com/event/15244/ )ã€ã§ç™ºè¡¨ã—ãŸå†…å®¹ã§ã™ã€‚
nsyee 2015/06/22
Kaizen

UI

CSS

deploy

document
ãƒªãƒ³ã‚¯
Flakes â€¢ An Admin UI & Template Framework
Build better business software a lot quicker with flakes Flakes is an Open Source Design & Frontend Framework that serves as a foundation for internal business applications. Flakes is a combination of CSS Libraries, JavaScript Libraries and Design files that serve as a foundation. Flakes gives priority to function and usability over glitz, it takes a no-nonsense approach to user interface design.
nsyee 2014/12/05
design

UI

CSS

framework
ãƒªãƒ³ã‚¯
http://components.onsenui.io/
nsyee 2014/05/02
Mobile

UI

CSS

framework
ãƒªãƒ³ã‚¯
http://onsenui.io/
nsyee 2014/04/16
PhoneGap

UI

AngularJS

CSS

Mobile
ãƒªãƒ³ã‚¯
SpinKit
.spinner { width: 40px; height: 40px; background-color: #333; margin: 100px auto; -webkit-animation: sk-rotateplane 1.2s infinite ease-in-out; animation: sk-rotateplane 1.2s infinite ease-in-out; } @-webkit-keyframes sk-rotateplane { 0% { -webkit-transf orm: perspective(120px) } 50% { -webkit-transf orm: perspective(120px) rotateY(180deg) } 100% { -webkit-transf orm: perspective(120px) rotateY(180deg
nsyee 2013/12/18
CSS

design

UI
ãƒªãƒ³ã‚¯
Semantic UI
Design Beautiful Websites Quickly Semantic is a development framework that helps create beautiful, responsive layouts using human-friendly HTML. Concise HTML Semantic UI treats words and classes as exchangeable concepts. Classes use syntax from natural languages like noun/modifier relationships, word order, and plurality to link concepts intuitively. Get the same benefits as BEM or SMACSS, but wit
nsyee 2013/09/17
CSS

design

UI

framework
ãƒªãƒ³ã‚¯
HugeDomains.com
Captcha security check getclank.com is for sale Please prove you're not a robot View Price Processing
nsyee 2013/08/20
Mobile

CSS

framework

UI

mock
ãƒªãƒ³ã‚¯
Flat UI - Free Bootstrap Framework and Theme
Checkboxes Unchecked Checked Disabled unchecked Disabled checked Radio Buttons Radio is off Radio is on Disabled radio is off Disabled radio is on
nsyee 2013/05/07
CSS

UI

design

framework
ãƒªãƒ³ã‚¯
Pie Menu (like Path Menu) using jquery and CSS3 by Nikesh Hayaran
Pie Menu (like Path menu ) using jquery and CSS3 Fork me on GitHub Start Angle deg Displacement Angle deg Radius Of Circle px Refresh Updated.. Menu Toggle It em It em It em It em It em * Draggable Element * Please read README.md file for explanation.
nsyee 2012/05/18
javascript

jQuery

CSS

design

UI

generator
ãƒªãƒ³ã‚¯
CSS3 UI Kit - Icon Deposit
- Preview the code HERE Here is my very first fully coded CSS3 UI Kit. This includes everything from a search box, checkboxes, radio buttons, and more! Everything is code! Enjoy :D - It works beautifully in Chrome and Safari, just expect some probl ems in IE, FF, and Opera. REM EMBER: Since this is such a big freebie, you will need to link back to this site or post any time you decide to use this de
nsyee 2012/04/01
CSS

UI

design
ãƒªãƒ³ã‚¯
CSS ã§ä½œã‚‹ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å‘ã‘ç‰‡æ‰‹æ“ä½œãƒ¡ãƒ‹ãƒ¥ãƒ¼
ã¡ã‚‡ã£ã¨ã—ãŸãŠéŠã³ãªã‚“ã§ã™ãŒã€æ™®æ®µã¯ç”»é¢ã®ä¸‹ã®éš…ã«éš ã‚Œã¦ã¦ã€ã‚¯ãƒªãƒƒã‚¯ ï¼ˆã‚¿ãƒƒãƒ—ï¼‰ ã§å±•é–‹ã€ã„ãã¤ã‹ã®ã‚·ãƒ§ãƒ¼ãƒˆã‚«ãƒƒãƒˆãƒ¡ãƒ‹ãƒ¥ãƒ¼ãŒè¡¨ç¤ºã•ã‚Œã‚‹ã€ã—ã‹ã‚‚ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã ã¨ç‰‡æ‰‹ã ã‘ã§æ“ä½œã—ã‚„ã™ã„ã¿ãŸã„ãª UI ã‚’ CSS ã¨è¶…ç°¡å˜ãª JavaScript ï¼ˆjQuery ä½¿ç”¨ï¼‰ ã§ä½œã£ã¦ã¿ãŸã®ã§ç´¹ä»‹ã€‚ ä¹…ã€…ã«ã“ã®æ‰‹ã®ãƒã‚¿æ›¸ã„ãŸæ°—ãŒã—ã¾ã™ã‘ã©ã‚‚â€¦ ã¡ã‚‡ã£ã¨ã—ãŸãŠéŠã³ãªã‚“ã§ã™ãŒã€æ™®æ®µã¯ç”»é¢ã®ä¸‹ã®éš…ã«éš ã‚Œã¦ã¦ã€ã‚¯ãƒªãƒƒã‚¯ ï¼ˆã‚¿ãƒƒãƒ—ï¼‰ ã§å±•é–‹ã€ã„ãã¤ã‹ã®ã‚·ãƒ§ãƒ¼ãƒˆã‚«ãƒƒãƒˆãƒ¡ãƒ‹ãƒ¥ãƒ¼ãŒè¡¨ç¤ºã•ã‚Œã‚‹ã€ã—ã‹ã‚‚ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã ã¨ç‰‡æ‰‹ã ã‘ã§æ“ä½œã—ã‚„ã™ã„ã¿ãŸã„ãª UI ã‚’ CSS ã¨è¶…ç°¡å˜ãª JavaScript ï¼ˆjQuery ä½¿ç”¨ï¼‰ ã§ä½œã£ã¦ã¿ãŸã®ã§ç´¹ä»‹ã€‚å¤šåˆ†è¨€è‘‰ã§è¨€ã£ã¦ã‚‚ä¼ã‚ã‚Šã«ãã„ã¨æ€ã„ã¾ã™ã®ã§å®Ÿéš›ã®ã‚µãƒ³ãƒ—ãƒ«ã‚’ã¾ãšã¯è¦‹ã¦ã¿ã¦ãã ã•ã„ã€‚ CSS ã§ä½œã‚‹ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å‘ã‘ç‰‡æ‰‹æ“ä½œãƒ¡ãƒ‹ãƒ¥ãƒ¼ ã‚µãƒ³ãƒ—ãƒ« ç¾åœ¨æœ€æ–°ç‰ˆã® Firefox
nsyee 2012/03/08
Path

CSS

UI
ãƒªãƒ³ã‚¯
ã‚¦ã‚§ãƒ–åˆ¶ä½œã®æ™‚é–“ã‚’å¤§å¹…ã«çŸç¸®ã™ã‚‹ã€ä»Šæ™‚ã®UIã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆãŒç°¡å˜ã«å®Ÿè£…ã§ãã‚‹ -Chico UI
HTML5+CSS3+JavaScriptã§åˆ¶ä½œã•ã‚ŒãŸã‚ªãƒ¼ãƒ—ãƒ³ã‚½ãƒ¼ã‚¹ã®UIã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã‚³ãƒ¬ã‚¯ã‚·ãƒ§ãƒ³ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ Chico UI [ad#ad-2] Chico UIã®å¯¾å¿œãƒ–ãƒ©ã‚¦ã‚¶ã¯ä¸‹è¨˜ã®é€šã‚Šã§ã™ã€‚ IE6ã«ã¯å¯¾å¿œã—ã¦ã„ã¾ã›ã‚“ãŒã€ååˆ†ã§ã—ã‚‡ã†ã€‚ å¯¾å¿œãƒ–ãƒ©ã‚¦ã‚¶ Google Chrome Safari Firefox 4+ Internet Explorer 7+ Opera Chico UIã®ã‚¦ã‚§ãƒ–ãƒšãƒ¼ã‚¸ã«ä½¿ç”¨ã™ã‚‹ã•ã¾ã–ã¾ãªUIã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ ã¨ã€ãã®å‰ã«ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã¨ã‚°ãƒªãƒƒãƒ‰ã‹ã‚‰ã€‚
nsyee 2012/03/02
HTML5

CSS

javascript

framework

UI
ãƒªãƒ³ã‚¯
jQuery UI Bootstrap
A preview of the jQuery UI Bootstrap themejQuery UI Bootstrap A Bootstrap-themed kickstart for jQuery UI widgets (v0.1) Welcome! This is a live preview of new the jQuery UI Bootstrap theme - a project I started to bring the beauty of Twitter's Bootstrap to jQuery UI widgets. With this theme, not only do you get the ability to use Bootstrap-themed widgets, but you can now also use (most) of Twitter
nsyee 2012/01/01
jQuery

javascript

UI

twitter

CSS

framework

twitter-bootstrap
ãƒªãƒ³ã‚¯
[CSS]ã¾ã‚‹ã§Flashã®ã‚ˆã†ã«ç”»åƒã¨ã‚ãƒ£ãƒ—ã‚·ãƒ§ãƒ³ã‚’ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã§æ›¿ãˆã‚‹ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã„ã‚ã„ã‚
ç”»åƒã‚’ãƒ›ãƒãƒ¼ã™ã‚‹ã¨ã€å°æ°—å‘³è‰¯ã„ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ä¼´ã£ã¦ã‚ãƒ£ãƒ—ã‚·ãƒ§ãƒ³ã«æ›¿ãˆã‚‹CSS3ã®ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ ãƒ‡ãƒ¢ã¯10ç¨®é¡žã‚ã‚Šã€CSSã§ã“ã“ã¾ã§ã§ãã‚‹ã®ã‹ï¼ã£ã¦æ„Ÿã˜ã§ã™ã€‚ Original Hover Effects with CSS3 [ad#ad-2] åŸºæœ¬ã¨ãªã‚‹HTML åŸºæœ¬ã¨ãªã‚‹CSS å¿…è¦‹ã®10ç¨®é¡žã®ã‹ã£ã“ã„ã„ãƒ‡ãƒ¢ åŸºæœ¬ã¨ãªã‚‹HTML HTMLã¯éžå¸¸ã«ã‚·ãƒ³ãƒ—ãƒ«ã§ã™ã€‚ ã‚ãƒ£ãƒ—ã‚·ãƒ§ãƒ³ã¯ã‚¿ã‚¤ãƒˆãƒ«ã¨ãƒ†ã‚ã‚¹ãƒˆã‚’divè¦ç´ ã§å†…åŒ…ã—classã«ã€Œmaskã€ã‚’ã¤ã‘ã€ãã®ã‚ãƒ£ãƒ—ã‚·ãƒ§ãƒ³ã¨ç”»åƒã‚’divè¦ç´ ã§å†…åŒ…ã—ã¾ã™ã€‚ <div class="view"> <img src="image.gif" /> <div class="mask"> <h2>Title</h2> <p>Your Text</p> <a href="#" class="info">Read More</a> </div> </d
nsyee 2011/11/08
gallery

CSS

javascript

UI

design
ãƒªãƒ³ã‚¯
IDEA * IDEA
ãƒ‰ãƒƒãƒˆã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ä»£è¡¨ã®ãƒ©ã‚¤ãƒ•ãƒãƒƒã‚¯ãƒ–ãƒã‚°
nsyee 2011/08/26
design

twitter

CSS

UI
ãƒªãƒ³ã‚¯
[CSS]ã‚·ãƒ³ãƒ—ãƒ«ã§ä½¿ã„ã‚„ã™ã„GitHubé¢¨ã®ãƒœã‚¿ãƒ³ã‚’ç°¡å˜ã«å®Ÿè£…ã§ãã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆ
GitHubã‚¹ã‚¿ã‚¤ãƒ«ã®ã‚·ãƒ³ãƒ—ãƒ«ã§ä½¿ã„ã‚„ã™ã„ãƒœã‚¿ãƒ³ã‚’classã®æŒ‡å®šã ã‘ã§ç°¡å˜ã«å®Ÿè£…ã§ãã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ CSS3 GitHub Buttons [ad#ad-2] ä¸‹è¨˜ã¯å„ãƒã‚¤ãƒ³ãƒˆã‚’æ„è¨³ã—ãŸã‚‚ã®ã§ã™ã€‚ ãƒ‡ãƒ¢ãƒšãƒ¼ã‚¸ã¯ãƒœã‚¿ãƒ³ã®æ–‡è¨€ã‚’æ—¥æœ¬èªžã«ã—ã€ã‚·ãƒ³ãƒ—ãƒ«ã—ãŸã‚‚ã®ã‚’ã‚¢ãƒƒãƒ—ã—ã¾ã—ãŸã€‚ ãƒ‡ãƒ¢ãƒšãƒ¼ã‚¸ï¼ˆå½“æ–¹æ—¥æœ¬èªžåŒ–ï¼‰ æ™®é€šã®ãƒœã‚¿ãƒ³ æ³¨æ„ã‚’ä¿ƒã™ãƒœã‚¿ãƒ³ å¤§ãã„ãƒœã‚¿ãƒ³ ã‚°ãƒ«ãƒ¼ãƒ—åŒ–ã—ãŸãƒœã‚¿ãƒ³ ã‚°ãƒ«ãƒ¼ãƒ—åŒ–ã—ãŸã‚‚ã®ã‚’ã¾ã¨ã‚ãŸãƒœã‚¿ãƒ³ ã‚¢ã‚¤ã‚³ãƒ³ã‚’ä¼´ã£ãŸãƒœã‚¿ãƒ³ å¯¾å¿œãƒ–ãƒ©ã‚¦ã‚¶ ãƒ©ã‚¤ã‚»ãƒ³ã‚¹ æ™®é€šã®ãƒœã‚¿ãƒ³ æ™®é€šã®ãƒœã‚¿ãƒ³ã¯ã€aè¦ç´ ã€buttonè¦ç´ ã€inputè¦ç´ ãªã©ã‚ã‚‰ã‚†ã‚‹è¦ç´ ã§ä½œã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ ãƒœã‚¿ãƒ³ã‚’ä½œã‚‹ãŸã‚ã«ã¯ã€ã€Œclass="button"ã€ã‚’åŠ ãˆã‚‹ã ã‘ã§ã™ã€‚ ãƒ‡ãƒ¢ãƒšãƒ¼ã‚¸ï¼ˆå½“æ–¹æ—¥æœ¬èªžåŒ–ï¼‰ <a href="#" class="button">Post comment</a> <input class="
nsyee 2011/07/31
CSS

UI
ãƒªãƒ³ã‚¯
æ‰‹è»½ã«ãƒœã‚¿ãƒ³ã‚’ä½œã‚Œã‚‹CSSãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯10é¸ | Webæ´»ãƒ¡ãƒ¢å¸³
CSSã§æ‰‹è»½ã«ãƒœã‚¿ãƒ³ã‚’ä½œã‚‹æ–¹æ³•ã‚’æŽ¢ã—ã¦ã„ã‚‹ã€‚ ãã‚“ãªæ–¹ã«ãŠã™ã™ã‚ãªã®ãŒã€ã€ŒCSS3 Buttons â€“ 10+ Awesome Ready-To-Use Solutions (+All Related Tutorials You Need)ã€ã€‚ ãƒœã‚¿ãƒ³ã‚’ä½œã‚‹CSSãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ãŒ10ç‚¹ç´¹ä»‹ã•ã‚Œã¦ã„ã¾ã™ã€‚ ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã®ä¸ã‹ã‚‰æ°—ã«ãªã£ãŸã®ã‚’ã€ã„ãã¤ã‹ã”ç´¹ä»‹ã€‚ CSS3 Buttons With Simple Markup éžå¸¸ã«ã‚·ãƒ³ãƒ—ãƒ«ãªãƒœã‚¿ãƒ³ã€‚18ç¨®é¡žã‚ã‚Šã€‚ GitHub-Style CSS3 Buttons ä»¥å‰ã«ç´¹ä»‹ã—ã¾ã—ãŸãŒã€Githubé¢¨ã®ãƒœã‚¿ãƒ³ã‚’ä½œã‚Œã‚‹CSSãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã€‚ å››è§’ã€è§’ä¸¸ã€ã‚¢ã‚¤ã‚³ãƒ³ä»˜ãã§ãƒœã‚¿ãƒ³ãŒä½œã‚Œã‚‹ã‚ˆã†ã«ãªã‚Šã¾ã™ã€‚ Zardi Zardiã‚’ä½¿ã†ã¨ã€è§’ãŒå°‘ã—ã ã‘ä¸¸ã„ç‰©ã¨ã€ã‚‚ã£ã¨ä¸¸ã„ãƒœã‚¿ãƒ³ã‹ã‚‰å½¢ã‚’é¸ã¶äº‹ãŒã§ãã¾ã™ã€‚ ã‚ãšã‹4kbã§ä½œã‚‰ã‚Œã¦ã„ã‚‹ã‚ˆã†ã§ã™ãã€‚ BonBon
nsyee 2011/04/20
CSS

UI

framework

ç´ æ
ãƒªãƒ³ã‚¯
Bootstrap Forms: Best Ready-To-Use Examples for 2024
Bootstrap is the most popular and probably the most complete front-end web framework, which allows developers to fasten the creation of a website or web app. In this article, I have compiled 5 ready-to-use web forms for your Bootstrap projects. Itâ€™s time to save some time! General Rules for your Bootstrap Form As the most popular CSS Framework available, Bootstrap makes HTML forms creation way eas
nsyee 2011/04/19
CSS

ç´ æ

tutorial

form

UI
ãƒªãƒ³ã‚¯
5509.me
This domain may be for sale!
nsyee 2011/04/07
CSS

javascript

UI

slide
ãƒªãƒ³ã‚¯
1 2 æ¬¡ã®ãƒšãƒ¼ã‚¸