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

griefworker id:griefworker

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

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

Tailwind CSS ã®ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆ & UI ã‚ãƒƒãƒˆé›†ã€ã¾ã¨ã‚ã€‘ - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? Tailwind CSS ã®ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã‚µã‚¤ãƒˆã‚’ä½¿ãˆã° Web ã‚µã‚¤ãƒˆã‚’åŠ¹çŽ‡ã‚ˆãä½œæˆã§ãã¾ã™ã€‚ç°¡å˜ã§ã¯ã‚ã‚Šã¾ã™ãŒå€‹äººçš„ã«ç´ æ•µã ã¨æ€ã£ãŸ Tailwind CSS ã®ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã‚µã‚¤ãƒˆã‚’ã¾ã¨ã‚ã¦ã¿ã¾ã—ãŸã€‚ Tailwind CSS ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆï¼† UI ã‚ãƒƒãƒˆã‚µã‚¤ãƒˆ Tailwind Plusï¼ˆæœ‰æ–™ï¼‰ https://tailwind css.com/plus ã™ã¹ã¦ã®ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã‚’ä½¿ç”¨ã™ã‚‹ã«ã¯ãƒ©ã‚¤ã‚»ãƒ³ã‚¹è³¼å…¥ãŒå¿…è¦ ã‚·ãƒ³ãƒ—ãƒ«ãªãƒ‡ã‚¶ã‚¤ãƒ³ã¯ã¨ã¦ã‚‚æ±Žç”¨çš„ React ã‚„ Vue ã‚’ä½¿ç”¨ã—ãŸãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã‚‚æœ‰ Tailwind CSS ã®é–‹ç™ºå…ƒãŒæä¾›
griefworker 2025/04/21
tailwind

ui

css
ãƒªãƒ³ã‚¯
Preline UI - Tailwind CSS components library
Update v3.2 - New CMS & AI Chat Templates, 15+ Examples, Improvements Bug Fixes and more.
griefworker 2025/04/21
css

ui

tailwind
ãƒªãƒ³ã‚¯
ç¸¦æ¨ªã‚¹ã‚¯ãƒãƒ¼ãƒ«ã¤ãã®ãƒ†ãƒ¼ãƒ–ãƒ«ã‚’ Web ã§ä½¿ã„ãŸã„ - ã‹ãšãã®Blog@hatena
ã‚€ã‹ï½žï½žã—ã‚€ã‹ã—ã€Flash ã‚„ Silverlight ã¿ãŸã„ãªãƒ–ãƒ©ã‚¦ã‚¶ãƒ¼ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ç³»ã®ãƒªãƒƒãƒã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã®ãƒ—ãƒ©ãƒƒãƒˆãƒ•ã‚©ãƒ¼ãƒ ã¨ HTML 5 ãŒè¦‡æ¨©ã‚’äº‰ã£ã¦ãŸæ™‚ä»£ãŒã‚ã‚Šã¾ã—ãŸã€‚ç§ã¯ãƒ–ãƒ©ã‚¦ã‚¶ãƒ¼ãƒ—ãƒ©ã‚°ã‚¤ãƒ³å¯„ã‚Šã®äººã§ã€ŒDataGrid ã‚³ãƒ³ãƒˆãƒãƒ¼ãƒ«ãŒã‚ã‚‹ã ã‘ã§ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ç³»ã®ã»ã†ä½¿ã†ã‚ã€ã£ã¦æ€ã£ã¦ã¾ã—ãŸã€‚ ã‚„ã‚ŠãŸã‹ã£ãŸã“ã¨ã¯ è¡¨å½¢å¼ã§ãƒ‡ãƒ¼ã‚¿ã‚’è¡¨ç¤ºã—ãŸã„ è¡¨ã‚’ç¸¦æ¨ªã‚¹ã‚¯ãƒãƒ¼ãƒ«ã—ãŸã„ ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã—ã¦ã‚‚å›ºå®šåˆ—ã‚„å›ºå®šè¡Œã¯ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã—ãªã„ã§æ¬²ã—ã„ JavaScript ã§é ‘å¼µã‚‹ã“ã¨ã§å½“æ™‚ã§ã‚‚ã§ãã¦ã¾ã—ãŸãŒã€çµæ§‹ã—ã‚“ã©ã‹ã£ãŸã‚‰é‡ã‚ã ã£ãŸã‚Šã¨ä½•ã‹ã¨å•é¡ŒãŒãŠããŒã¡ã ã£ãŸæ°—ãŒã™ã‚‹ã®ã§ä¾‹ãˆã° <DataGrid It emsSource="{Binding People}"> <DataGrid.Columns> <DataGrid TextColumn Header="ID" Binding="{Bin
griefworker 2019/07/22
css

vuejs

html
ãƒªãƒ³ã‚¯
ä¸€ä¼‘.comã‚¹ãƒžãƒ›ã‚µã‚¤ãƒˆã®ãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹æ”¹å–„ï¼ˆCSSãƒ»ãã®ä»–ç´°ã‹ã„ãƒãƒ¥ãƒ¼ãƒ‹ãƒ³ã‚°ç·¨ï¼‰ - ä¸€ä¼‘.com Developers Blog
ã“ã‚“ã«ã¡ã¯ã€‚ ä¸€ä¼‘.comã®é–‹ç™ºåŸºç›¤ã‚’æ‹…å½“ã—ã¦ã„ã¾ã™ã€akasakasã§ã™ã€‚ ä»Šå›žã¯ã€ä¸€ä¼‘.comã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ãƒ›ãƒ†ãƒ«ãƒšãƒ¼ã‚¸ãƒªãƒ‹ãƒ¥ãƒ¼ã‚¢ãƒ«ã‚’ãƒªãƒªãƒ¼ã‚¹ã—ã€ãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹ãŒæ”¹å–„ã—ãŸãŠè©±ã‚’ã•ã›ã¦é ‚ãã¾ã™ã€‚ æ¦‚è¦ç·¨ã¨JavaScriptãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹æ”¹å–„ç·¨ã¯ã“ã¡ã‚‰ã«ãªã‚Šã¾ã™ã€‚ user-first.ikyu.co.jp user-first.ikyu.co.jp ã“ã®è¨˜äº‹ã§ã¯ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ãƒ›ãƒ†ãƒ«ãƒšãƒ¼ã‚¸ãƒªãƒ‹ãƒ¥ãƒ¼ã‚¢ãƒ«ã§å®Ÿæ–½ã—ãŸCSSãƒ»ãã®ä»–ç´°ã‹ã„ãƒãƒ¥ãƒ¼ãƒ‹ãƒ³ã‚°ã«ã¤ã„ã¦ãŠè©±ã—ã—ã¾ã™ã€‚ ã“ã“ã§ãŠè©±ã—ã™ã‚‹å†…å®¹ CSSå†è¨è¨ˆï¼†ãƒãƒ¥ãƒ¼ãƒ‹ãƒ³ã‚°ç·¨ ãƒªãƒ‹ãƒ¥ãƒ¼ã‚¢ãƒ«å‰ã®ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ãƒ›ãƒ†ãƒ«ãƒšãƒ¼ã‚¸ã®CSSã®ç¾çŠ¶æ•´ç†ã¨æŠ±ãˆã¦ã„ãŸèª²é¡Œ ãƒªãƒ‹ãƒ¥ãƒ¼ã‚¢ãƒ«ã‚’ã™ã‚‹ã«ã‚ãŸã‚Šã€CSSå†è¨è¨ˆ CSS Modules FLOCSS ãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹ ã‚¤ãƒ³ãƒ©ã‚¤ãƒ³å±•é–‹ éžåŒæœŸèªã¿è¾¼ã¿ ãƒ‰ã‚ãƒ¥ãƒ¡ãƒ³ãƒˆæ•´å‚™ ãã®ä»–ç´°ã‹ã„ãƒãƒ¥ãƒ¼ãƒ‹ãƒ³ã‚°ç·¨ resource hin
griefworker 2018/09/25
css

performance
ãƒªãƒ³ã‚¯
Re:VIEW+CSSçµ„ç‰ˆã®åŸ·ç†ç’°å¢ƒã‚’ç°¡å˜ã«æ§‹ç¯‰ã§ãã‚‹ã‚ˆã†ã«ã—ã¾ã—ãŸ - åœ§å€’äºã‚°ãƒ©ãƒ³ãƒ‘ã®ãƒ–ãƒã‚°
ã€è¿½è¨˜ï¼ˆ2019/02/10 9:53ï¼‰ã€‘ ç¾åœ¨é–‹ã„ã¦ã„ã‚‹ã“ã®è¨˜äº‹ã¯æŠ€è¡“æ›¸å…¸ï¼•ã«å‘ã‘ã¦ã®è¨˜äº‹ã§ã™ã€‚ æŠ€è¡“æ›¸å…¸ï¼–ã«å‘ã‘ã¦ã®æœ€æ–°è¨˜äº‹ã¯ä»¥ä¸‹ã‚’ã”å‚ç…§ãã ã•ã„ã€‚ ä½¿ã„ã‚„ã™ããªã£ãŸã‚Šã€Re:VIEWãªã©ã®ãƒãƒ¼ã‚¸ãƒ§ãƒ³ãŒæ›´æ–°ã•ã‚Œã¦ã„ã¾ã™ã€‚ at-grandpa.hatena blog.jp ã€è¿½è¨˜ãŠã‚ã‚Šã€‘ Re:VIEW+CSSçµ„ç‰ˆã®ç’°å¢ƒã¯ã€ã‚ã‹ã‚ã•ã‚“ã® vvakame/review-css-typesetting ã§æ•´ã„ã¤ã¤ã‚ã‚Šã¾ã™ã€‚ä»Šå›žã¯ã€å€‹äººçš„ã«æ¬²ã—ã„æ©Ÿèƒ½ã‚’è¿½åŠ ã—ãŸã€ã¨ã„ã†è©±ã§ã™ã€‚ã„ã„æ„Ÿã˜ã«å›žã£ã¦ã„ã‚‹ã®ã§ãƒ–ãƒã‚°ã«ã¾ã¨ã‚ã‚‹ã“ã¨ã«ã—ã¾ã—ãŸã€‚ ç›®æ¬¡ ç›®æ¬¡ Re:VIEWã¨ã¯ CSSçµ„ç‰ˆã¨ã¯ Re:VIEW+CSSçµ„ç‰ˆ ç’°å¢ƒæ§‹ç¯‰ ä½¿ã„æ–¹ ã‚„ã£ã¦ã‚‹ã“ã¨ ãƒ‡ã‚¶ã‚¤ãƒ³ã®å¤‰æ›´ CSSã‚’ç·¨é›†ã™ã‚‹ htmlã‚’ç·¨é›†ã™ã‚‹ å®Œæˆã—ãŸPDFã¯å°åˆ·æ‰€ã§å°åˆ·å¯èƒ½ã‹ï¼ˆç¢ºèªå®Œäº†ï¼‰ ã¾ã¨ã‚ Re:VIEWã¨ã¯ Re:VIEWå½¢å¼ã§æ›¸ã‹ã‚ŒãŸ
griefworker 2018/08/22
ebook

css
ãƒªãƒ³ã‚¯
Photon
The fastest way to build beautiful Electron apps using simple HTML and CSS Powered by Electron Underneath it all is Electron. Originally built for GitHub's Atom text editor, Electron is the easiest way to build cross-platform desktop applications. If you can write a bit of HTML, CSS, and JS, you can build full featured applications. Companies like Microsoft, Facebook, and Slack are using it â€“ why
griefworker 2018/02/01
electron

html

css
ãƒªãƒ³ã‚¯
Twemoji Awesome | Like Font Awesome, but for Twitter Emoji.
Notes The emoji styles are defined in twemoji-awesome.css. Like Font Awesome which uses fa-*, Twemoji Awesome uses twa-* for class names. Twemoji Awesome uses Emoji Cheat Sheet for the class names. You must replace underscores with hyphens, as shown in the :hatching_chick: example. Like Font Awesome, you can change emoji sizes via twa-lg, twa-2x, twa-3x, twa-4x and twa-5x. Twemoji Awesome uses SVG
griefworker 2017/09/09
emoji

css
ãƒªãƒ³ã‚¯
TypeScript + React JSX + CSS Modules ã§å®Ÿç¾ã™ã‚‹ã‚¿ã‚¤ãƒ—ã‚»ãƒ¼ãƒ•ãªWebé–‹ç™º - Qiita
ã¯ã˜ã‚ã« ä»¥å‰ã€React JSX with TypeScript(1.6)ã«ã¦æ›¸ã„ãŸã“ã¨ãŒã‚ã‚Šã¾ã™ãŒã€TypeScript 1.6ä»¥é™ã§ã¯React JSXã‚’ç›´æŽ¥ã‚³ãƒ³ãƒ‘ã‚¤ãƒ«ã§ãã‚‹ã‚ªãƒ—ã‚·ãƒ§ãƒ³ãŒè¿½åŠ ã•ã‚Œã¦ã„ã¾ã™ã€‚ ä¸€èˆ¬çš„ã«ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã‚µã‚¤ãƒ‰Webã‚¢ãƒ—ãƒªé–‹ç™ºã¯ä»¥ä¸‹ã®3è¨€èªžãŒåœŸå°ã§ã™ãŒã€ JavaScript HTML CSS TypeScriptã®ãŠé™°ã§ã€1.ã¨2.ã«ã¤ã„ã¦ã¯ã‚¿ã‚¤ãƒ—ã‚»ãƒ¼ãƒ•ãªä¸–ç•Œã‚’æ‰‹ã«å…¥ã‚ŒãŸã“ã¨ã«ãªã‚Šã¾ã™(HTMLã®è¦ç´ åã‚„å±žæ€§åã¾ã§å«ã‚ã¦ã€ã‚³ãƒ³ãƒ‘ã‚¤ãƒ«æ™‚ã®ãƒã‚§ãƒƒã‚¯ãŒã•ã‚Œã‚‹) JavaScript -> TypeScript HTML -> React JSX(.tsx) CSS -> ??? ã“ã†ãªã‚‹ã¨ã€3. ã«ãŠã‘ã‚‹CSSã«ã¤ã„ã¦ã‚‚ã€ä½•ã¨ã‹ã§ãã‚“ã‚‚ã®ã‹ã¨æœŸå¾…ã™ã‚‹ã®ãŒäººæƒ…ã§ã™ã€‚ ä»Šå›žã®ã‚¨ãƒ³ãƒˆãƒªã¯ã€CSS Modulesã‚’TypeScript JSXç’°å¢ƒã«çµ±åˆã™ã‚‹ã“ã¨ã§ã€ã‚¿ã‚¤ãƒ—ã‚»ãƒ¼
griefworker 2016/08/22
CSSã®.d.tsãƒ•ã‚¡ã‚¤ãƒ«ã‚’ä½œæˆã—ã¦ã€TypeScriptã§ã‚¹ã‚¿ã‚¤ãƒ«ã‚‚ã‚¿ã‚¤ãƒ—ã‚»ãƒ¼ãƒ•ã«æ‰±ã£ã¦ã„ã‚‹ã€‚

typescript

css
ãƒªãƒ³ã‚¯
GitHub - slider23/bootstrap-theme-github: Github theme for Twitter Bootstrap
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
griefworker 2016/01/03
css

bootstrap
ãƒªãƒ³ã‚¯
CSSã«ã‚ˆã‚‹çµ„ç‰ˆä½œæ¥ã¨ãã®åŠ¹çŽ‡åŒ– - Qiita
ã“ã‚“ã«ã¡ã¯ã€freee ã§ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã‚’ã—ã¦ã„ã¾ã™ @tohashi ã§ã™ã€‚ ã“ã‚Œã¯ä¸–ç´€æœ«ã®ãƒœã‚¹ãƒˆãƒ³ã§ãƒ¢ãƒ’ã‚«ãƒ³é”ã¨æˆ¯ã‚ŒãŸã„æ¬²æ±‚ã«æŠ—ã„ãªãŒã‚‰æ›¸ã‹ã‚ŒãŸã€ freee Engineers Advent Calendar 2015 ã®21æ—¥ç›®ã®è¨˜äº‹ã§ã™ã€‚ ä»Šæ—¥ã¯ freee ã®ãƒ—ãƒãƒ€ã‚¯ãƒˆã«æ¬ ã‹ã›ãªã„ã€ŒCSSçµ„ç‰ˆã€ã¨å‘¼ã°ã‚Œã‚‹ä½œæ¥ã¨ã€ãã‚Œã‚’åŠ¹çŽ‡åŒ–ã™ã‚‹ãŸã‚ã®ãƒ„ãƒ¼ãƒ« CSS-Typesetter ã«ã¤ã„ã¦ã”ç´¹ä»‹ã—ã¾ã™ã€‚ CSSçµ„ç‰ˆã¨ã¯ ã€Œãƒãƒƒã‚¯ã‚ªãƒ•ã‚£ã‚¹æœ€é©åŒ–ã€ã‚’æŽ²ã’ã‚‹ freee ã§ã¯ä¼šè¨ˆ freeeã€çµ¦ä¸Žè¨ˆç®— freeeã€ä¼šç¤¾è¨ç«‹ freeeã€ãƒžã‚¤ãƒŠãƒ³ãƒãƒ¼ç®¡ç† freeeã¨ã„ã£ãŸãƒ—ãƒãƒ€ã‚¯ãƒˆã‚’å±•é–‹ã—ã¦ã„ã¾ã™ã€‚ãã®ä¸ã§æ¬ ã‹ã›ãªã„ã®ãŒã€å„ç¨®ç”³å‘Šã‚„æ‰‹ç¶šãã®ãŸã‚ã®æ›¸é¡žã‚’ãƒ–ãƒ©ã‚¦ã‚¶ä¸Šã§ç¢ºèªã—ãŸã‚Šã€PDFå½¢å¼ã§å‡ºåŠ›ã™ã‚‹æ©Ÿèƒ½ã§ã™ã€‚ä¾‹ã‚’æŒ™ã’ã‚‹ã¨ã€ ç¢ºå®šç”³å‘Šæ›¸ æ‰¶é¤ŠæŽ§é™¤ç”³å‘Šæ›¸ ç™»è¨˜äº‹é …è¨¼æ˜Žæ›¸äº¤ä»˜ç”³è«‹æ›¸ ã¨ã„ã£ãŸã‚‚ã®ãŒã‚ã‚Šã¾ã™ã€‚
griefworker 2015/12/25
css

design
ãƒªãƒ³ã‚¯
Documentation - Materialize
flash_on Speeds up development We did most of the heavy lifting for you to provide a default stylings that incorporate our custom components. Additionally, we refined animations and transitions to provide a smoother experience for developers. group User Experience Focused By utilizing elements and principles of Material Design, we were able to create a framework that incorporates components and an
griefworker 2015/11/27
css

framework

materialdesign
ãƒªãƒ³ã‚¯
CSS ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã¨ã®ä»˜ãåˆã„æ–¹ - ãƒšãƒ‘ãƒœãƒ†ãƒƒã‚¯ãƒ–ãƒã‚°
ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰å‘¨ã‚Šã®æŠ€è¡“ã¯é©šç•°çš„ãªã‚¹ãƒ”ãƒ¼ãƒ‰ã§é€²åŒ–ã—ã€ã¾ãŸå¤šæ§˜åŒ–ã—ã¦ã„ã¾ã™ã€‚ãã‚Œã‚‰ã‚’å…¨ã¦ãƒžã‚¹ã‚¿ãƒ¼ã™ã‚‹ã®ã¯é€”æ–¹ã‚‚ãªãå¤§å¤‰ãªã®ã§ã€ãƒšãƒ‘ãƒœã§ã¯ã€ç¤¾å†…ã®ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ãƒ»ãƒ‡ã‚¶ã‚¤ãƒŠãŒã€Œæœ€ä½Žé™ã“ã‚Œã ã‘ã¯ãŠã•ãˆã¦ãŠã“ã†ã€ã¨ã„ã†ã‚¹ã‚¿ãƒ³ãƒ€ãƒ¼ãƒ‰ã‚’æ–‡æ›¸åŒ–ã™ã‚‹ã“ã¨ã«ã„ãŸã—ã¾ã—ãŸã€‚ç¤¾å†…å‘ã‘ã‚’æƒ³å®šã—ãŸæ–‡æ›¸ã§ã¯ã‚ã‚Šã¾ã™ãŒã€ç¤¾å†…ã®ã¿ã«ç•™ã‚ãšå¤šãã®æ–¹ã«å½¹ç«‹ã¦ãŸã„ã¨è€ƒãˆãŸãŸã‚å…¬é–‹ã—ã¾ã™ã€‚ ã“ã®é …ç›®ã®æ‹…å½“ @horaotoko 1. ã¯ã˜ã‚ã« 2. CSS ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã®åˆ†é¡ž (1) "ãƒ¬ã‚¤ãƒ¤ãƒ¼" ã§è€ƒãˆã¦ã¿ã‚ˆã† (2) 2ã¤ã®ã‚°ãƒ«ãƒ¼ãƒ—ã«åˆ†é¡žã—ã‚ˆã† 3. CSS ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã®ä½¿ã„åˆ†ã‘ - ãƒ•ãƒ«ã‚¹ã‚¿ãƒƒã‚¯ã¨å˜æ©Ÿèƒ½ (1) ä½¿ã„åˆ†ã‘ã®åŸºæœ¬æ–¹é‡ (2) ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã®ç¨®é¡žã”ã¨ã®ç”¨é€” 1. ã¯ã˜ã‚ã« ã“ã®ãƒšãƒ¼ã‚¸ã§ã¯ã€èº«ã®å›žã‚Šã«ã‚ã‚‹å¤šç¨®å¤šæ§˜ãª CSS ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã¨ã€ç§ãŸã¡ã¯ã©ã†ã‚„ã£ã¦ä»˜ãåˆã£ã¦ã„ã‘ã°å¹¸ã›ã«ãªã‚Œã‚‹ã®ã‹ã¨ã„ã†ã“ã¨ã«ã¤ã„ã¦è¿°
griefworker 2015/10/15
css

framework
ãƒªãƒ³ã‚¯
Bootstrapã§æœ€è¿‘äººæ°—ã®é«˜ã„ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚„ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã‚’ç°¡å˜ã«å®Ÿè£…ã§ãã‚‹ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã®ã¾ã¨ã‚
ä¸Šéƒ¨å›ºå®šã®Scrollspyå¯¾å¿œãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ã€ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ãŒã‹ã£ã“ã„ã„ã‚ªãƒ•ã‚ãƒ£ãƒ³ãƒã‚¹ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã€ãƒ–ãƒ©ã‚¦ã‚¶ã®é«˜ã•ã„ã£ã±ã„ãƒ»åŠåˆ†ã«ç”»åƒã‚’é…ç½®ã€è¤‡æ•°ã®ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’é…ç½®ã™ã‚‹ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–å¯¾å¿œã®ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆãªã©ã€æœ€è¿‘ã‚ˆãè¦‹ã‹ã‘ã‚‹äººæ°—ã®é«˜ã„ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚„ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã‚’ç°¡å˜ã«å®Ÿè£…ã§ãã‚‹Bootstrapç”¨ã®ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ Bootstrap å®Ÿè£…æ–¹æ³•ã®ã»ã¨ã‚“ã©ã¯ã€Bootstrapã®æœ€å°é™ã®æ§‹æˆã«æ•°è¡Œã®HTMLã¨å¤–éƒ¨ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã‚’è¨˜è¿°ã™ã‚‹ã ã‘ã§ã™ã€‚ Bootstrapã®åŸºæœ¬çš„ãªä½¿ã„æ–¹ã¯ã€ä¸‹è¨˜ã®è¨˜äº‹ã‚’å‚è€ƒã«ã©ã†ãžã€‚ å‚è€ƒ Bootstrapã®ã‚°ãƒªãƒƒãƒ‰ã‚·ã‚¹ãƒ†ãƒ ã®åŸºæœ¬ãªä½¿ã„æ–¹ Bootstrapã®ãƒ™ãƒ¼ã‚¹ã®CSSã‚’ä½¿ã£ã¦ã•ã¾ã–ã¾ãªè¦ç´ ã‚’å®Ÿè£…ã—ã¦ã¿ã‚ˆã†ï¼åŸºæœ¬è¦ç´ ã¨ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ã®ã‚¹ã‚¿ã‚¤ãƒ« ä»¥ä¸‹ã®ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã¯Apache 2.0ãƒ©ã‚¤ã‚»ãƒ³ã‚¹ã§ã€å€‹äººã§ã‚‚å•†ç”¨ã§ã‚‚ç„¡æ–™ã§åˆ©ç”¨ã§ãã¾ã™ã€‚ Scrolling
griefworker 2015/07/31
bootstrap

css
ãƒªãƒ³ã‚¯
pixivå°èª¬ç¸¦æ›¸ãæ©Ÿèƒ½ é–‹ç™ºã®è£å´ ï½žæ¨ªã®ã‚‚ã®ã‚’ç¸¦ã«ã™ã‚‹ï½ž - pixiv inside [archive]
ã¯ã˜ã‚ã¾ã—ã¦ã“ã‚“ã«ã¡ã¯ã€‚pixivã§ã‚¢ãƒ«ãƒã‚¤ãƒˆã‚’ã—ã¦ã„ã‚‹hakatashiã§ã™ã€‚ ã•ã‚‹6æœˆ10æ—¥ã€ãƒ‘ã‚½ã‚³ãƒ³ç‰ˆpixiv å°èª¬ã«ã¦ç¸¦æ›¸ãè¡¨ç¤ºæ©Ÿèƒ½ãŒãƒªãƒªãƒ¼ã‚¹ã•ã‚Œã¾ã—ãŸã€‚ã“ã®é–‹ç™ºã®ã‚ã‚‰ã‹ãŸã‚’æ‹…å½“ã—ãŸã®ã§ã€ä»Šå›žã®ç¸¦æ›¸ãæ©Ÿèƒ½é–‹ç™ºã«ãŠã‘ã‚‹è£å´ã‚’ç´¹ä»‹ã„ãŸã—ã¾ã™ã€‚ æ§‹æƒ³ ç¸¦æ›¸ãæ©Ÿèƒ½é–‹ç™ºã«ã‚ãŸã‚Šã€è¨è¨ˆæ®µéšŽã‹ã‚‰ãã®å¤§éƒ¨åˆ†ã‚’ä¸€ä»»ã•ã‚Œã¾ã—ãŸã€‚å°èª¬æ©Ÿèƒ½é–‹ç™ºã«ãŠã„ã¦è‡ªåˆ†ã®ä¸ã«çµ¶ãˆãšç†å¿µã¨ã—ã¦å˜åœ¨ã—ã¦ã„ãŸã®ã¯ã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ã«æœ€é«˜ã®èªæ›¸ä½“é¨“ã‚’æä¾›ã™ã‚‹ã“ã¨ã§ã™ã€‚ç¸¦æ›¸ãã«ã‚ˆã£ã¦å¾—ã‚‰ã‚Œã‚‹åˆ©ç›Šã‚’æœ€å¤§åŒ–ã—ã€å¿«é©ãªé–²è¦§ã‚’æ”¯æ´ã™ã‚‹ãŸã‚ã«ã€ä»¥ä¸‹ã®ã‚ˆã†ãªæ§‹æƒ³ã‚’ç½®ãã¾ã—ãŸã€‚ ç¸¦æ›¸ãæ¨ªæ›¸ãã®çµ„ç‰ˆã®å·®ç•°ã«ãŠã‘ã‚‹é•å’Œæ„Ÿã‚’å¯èƒ½ãªé™ã‚Šè»½æ¸›ã™ã‚‹ã“ã¨ã€‚ ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã¨ãƒšãƒ¼ã‚¸ãƒ³ã‚°ã‚’èžåˆã—ãŸã€æŸ”è»Ÿã§å¿«é©ãªé–²è¦§ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ã‚¤ã‚¹ã‚’æä¾›ã™ã‚‹ã“ã¨ã€‚ ã“ã®2ç‚¹ã«ã¤ã„ã¦è©³ã—ãè§£èª¬ã—ã¾ã™ã€‚ ç¸¦çµ„ç‰ˆ ã¾ãšã€ã‚¦ã‚§ãƒ–ãƒ–ãƒ©ã‚¦ã‚¶ã§ç¸¦æ›¸ãè¡¨ç¤ºã‚’å®Ÿç¾ã™ã‚‹ã«ã‚ãŸã‚Šã€ã©ã®ã‚ˆã†ãªæ‰‹æ³•ã‚’ã¨ã‚‹ã‹ã¨ã„ã†å•
griefworker 2015/06/15
css

html
ãƒªãƒ³ã‚¯
IDã‚’ä½¿ã‚ãªã„CSSã®è¨è¨ˆ - kojika17
CSSã®ã‚¹ã‚¿ã‚¤ãƒªãƒ³ã‚°ã§ã¯IDã‚’ä½¿ç”¨ã—ãªã„ã€ã¨ã„ã†è©±ã‚’ã‚ˆãèžãã‚ˆã†ã«ãªã‚Šã¾ã—ãŸã€‚ ç§ã‚‚æœ€è¿‘ã¯ã€IDã‚’ä½¿ã‚ãšã«ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã—ã¦ã„ã‚‹ã®ã§æ‰€æ„Ÿã‚’æ›¸ãã¾ã™ã€‚ CSSã§IDã‚’ä½¿ã‚ãªã„ ã€ŒIDã‚’ä½¿ã‚ãªã„ã€ã¨ã„ã†ã“ã¨ã‚’HTMLã®å¤‰åŒ–ã§ç¤ºã™ã¨ã€ä»¥ä¸‹ã®ã‚ˆã†ã«ãªã‚Šã¾ã™ã€‚ <div id="header" class="clearfix"> <h1 id="logo"><a href="">logo</a></h1> <ul id="heaeder-info"> <li class="about"><a href="">about</a></li> <li class="sit emap"><a href="">sit emap</a></li> </ul> </div> â†“â†“â†“â†“ <div class="header clearfix"> <h1 class="logo"><a href="">logo</a></
griefworker 2015/06/14
css
ãƒªãƒ³ã‚¯
CSS è¨è¨ˆã®é•·ã„å¤¢ - ãƒšãƒ‘ãƒœã®ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã‚¹ã‚¿ãƒ³ãƒ€ãƒ¼ãƒ‰
ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰å‘¨ã‚Šã®æŠ€è¡“ã¯é©šç•°çš„ãªã‚¹ãƒ”ãƒ¼ãƒ‰ã§é€²åŒ–ã—ã€ã¾ãŸå¤šæ§˜åŒ–ã—ã¦ã„ã¾ã™ã€‚ãã‚Œã‚‰ã‚’å…¨ã¦ãƒžã‚¹ã‚¿ãƒ¼ã™ã‚‹ã®ã¯é€”æ–¹ã‚‚ãªãå¤§å¤‰ãªã®ã§ã€ãƒšãƒ‘ãƒœã§ã¯ã€ç¤¾å†…ã®ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ãƒ»ãƒ‡ã‚¶ã‚¤ãƒŠãŒã€Œæœ€ä½Žé™ã“ã‚Œã ã‘ã¯ãŠã•ãˆã¦ãŠã“ã†ã€ã¨ã„ã†ã‚¹ã‚¿ãƒ³ãƒ€ãƒ¼ãƒ‰ã‚’æ–‡æ›¸åŒ–ã™ã‚‹ã“ã¨ã«ã„ãŸã—ã¾ã—ãŸã€‚ç¤¾å†…å‘ã‘ã‚’æƒ³å®šã—ãŸæ–‡æ›¸ã§ã¯ã‚ã‚Šã¾ã™ãŒã€ç¤¾å†…ã®ã¿ã«ç•™ã‚ãšå¤šãã®æ–¹ã«å½¹ç«‹ã¦ãŸã„ã¨è€ƒãˆãŸãŸã‚å…¬é–‹ã—ã¾ã™ã€‚ ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã®å¤¢ (1) äºˆæ¸¬ã—ã‚„ã™ã„ (2) å†åˆ©ç”¨ã—ã‚„ã™ã„ (3) ä¿å®ˆã—ã‚„ã™ã„ (4) æ‹¡å¼µã—ã‚„ã™ã„ ä»£è¡¨çš„ãª CSS è¨è¨ˆæ‰‹æ³• æ—¢å˜ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã® CSS ã«ç«‹ã¡å‘ã‹ã†ï¼ (0) æµã‚Œ (1) æ—¢å˜ã® CSS ãƒ•ã‚¡ã‚¤ãƒ«ã‚’å…ƒã« SCSS ãƒ•ã‚¡ã‚¤ãƒ«ã«å¤‰æ›ã™ã‚‹ (2) ã‚¤ãƒ‹ã‚·ãƒ£ãƒ©ã‚¤ã‚º CSS ã‚„å…±é€šã®ç®‡æ‰€ã®ã‚¹ã‚¿ã‚¤ãƒ«ã‚’åˆ†é›¢ã™ã‚‹ (3) CSS Lint ã‚’ä½¿ã£ã¦ã€ä¿®æ£ã—ã‚„ã™ã„ã¨ã“ã‚ã‹ã‚‰æ•´ç†ã—ã¦ã„ã (4) ã‚³ãƒ³ãƒ‘ã‚¤ãƒ« (5) ã‚¹ã‚¿ã‚¤ãƒ«ã®ã‚¹ã‚³ãƒ¼ãƒ—ï¼ˆã‚
griefworker 2015/06/13
css
ãƒªãƒ³ã‚¯
æ–°ç€è¨˜äº‹ | PhotoshopVIP
ã€Žãƒ•ã‚©ãƒˆã‚·ãƒ§ãƒƒãƒ—ãƒ»ãƒ–ã‚¤ã‚¢ã‚¤ãƒ”ãƒ¼ã€ã®æ–°ç€è¨˜äº‹ã§ã™ã€‚ãƒ•ã‚©ãƒˆã‚·ãƒ§ãƒƒãƒ—ã‚„ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ãŸã®ã—ã‚€ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã€‚2009å¹´ï¼“æœˆå‰µåˆŠä»¥æ¥ã€3800ã‚’è¶…ãˆã‚‹ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’æ›´æ–°ã—ã¦ã„ã¾ã™ã€‚ãƒ•ãƒªãƒ¼ãƒ•ã‚©ãƒ³ãƒˆãªã©ã®ç„¡æ–™ãƒ‡ã‚¶ã‚¤ãƒ³ç´ æï¼é…è‰²ã‚„Webåˆ¶ä½œã¨ã„ã£ãŸæœ€æ–°ãƒˆãƒ¬ãƒ³ãƒ‰ã‚‚å…¬é–‹ä¸ã€‚
griefworker 2015/06/09
bootstrap

css

html
ãƒªãƒ³ã‚¯
Slideout.js - A touch slideout navigation menu for your mobile web apps.
$ npm install slideout $ bower install https://github.com/mango/slideout.git $ component install mango/slideout 1. First of all, you'll need to have a menu ("#menu") and a main content ("#panel") into your body. <nav id="menu"> <header> <h2>Menu</h2> </header> </nav> <main id="panel"> <header> <h2>Panel</h2> </header> </main> 2. Add the Slideout.js styles (index.css) in your web application. body
griefworker 2015/03/08
css

javascript

mobile
ãƒªãƒ³ã‚¯
Bootstrap Off-Canvas by iamphill
Bootstrap Offcanvas Super simple, easy to use off-canvas navigation menu for Bootstrap. It uses Bootstrap classes and markup to create an off-canvas menu that not only looks good. But works perfectly. Installation Add the stylehseet from the dist folder to your HTML document. <link rel="stylesheet" href="../dist/css/bootstrap.offcanvas.min.css"/> Add the JavaScript from the dist folder to your HTM
griefworker 2015/03/07
bootstrap

css
ãƒªãƒ³ã‚¯
ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ã—ã¦ãŠããŸã„ã€Bootstrapã®å•†ç”¨åˆ©ç”¨ç„¡æ–™ã®ãƒ†ãƒ¼ãƒžãŒãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã§ãã‚‹ã‚µã‚¤ãƒˆã®ã¾ã¨ã‚
ã‚³ãƒ¼ãƒãƒ¬ãƒ¼ãƒˆã‚µã‚¤ãƒˆã‚„ã‚¹ãƒ¢ãƒ¼ãƒ«ãƒ“ã‚¸ãƒã‚¹ã‹ã‚‰ã€ãƒ©ãƒ³ãƒ‡ã‚£ãƒ³ã‚°ãƒšãƒ¼ã‚¸ã€ãƒ—ãƒãƒ€ã‚¯ãƒˆãƒšãƒ¼ã‚¸ã€ãƒãƒ¼ãƒˆãƒ•ã‚©ãƒªã‚ªã‚„ã‚®ãƒ£ãƒ©ãƒªãƒ¼ãªã©ã€Bootstrapã‚’ãƒ™ãƒ¼ã‚¹ã«ã—ãŸWebãƒšãƒ¼ã‚¸ãŒç°¡å˜ã«ä½œæˆã§ãã‚‹ç„¡æ–™ã®ãƒ†ãƒ¼ãƒžãŒãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã§ãã‚‹ã‚µã‚¤ãƒˆã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ ãƒ†ãƒ¼ãƒžã¨ã—ã¦åˆ©ç”¨ã™ã‚‹ã ã‘ã§ãªãã€åˆ¶ä½œã®ã‚¤ãƒ³ã‚¹ãƒ”ãƒ¬ãƒ¼ã‚·ãƒ§ãƒ³ã«ã‚‚ã„ã„ã§ã™ãã€‚ Peter Finlan ç¸¦é•·ãƒšãƒ¼ã‚¸ã«ã‹ã£ã“ã„ã„ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã‚„ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’åŠ ãˆãŸä»Šæ™‚ã®Webãƒšãƒ¼ã‚¸ãŒå®Ÿè£…ã§ãã¾ã™ã€‚ãƒ‡ã‚¶ã‚¤ãƒ³ã‚‚éžå¸¸ã«ã‹ã£ã“ã„ã„ã‚‚ã®ãŒæƒã£ã¦ã„ã¾ã™ã€‚
griefworker 2015/02/21
bootstrap

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