inuit.css—cooler than a polar bear’s toenails…
Another CSS framework?! Yup, ’fraid so, but this one’s different… It combines years of my best dev tips, tricks and practices in one handy file. inuit.css keywords Progressive Flexible Mobile Tablet Sensible Extensible Accessible Pragmatic Functional Useful Production-ready More What does it do? Mobile & tablet… inuit.css is built to work on smaller screens (such as tablets) and tiny screens (such
Web App Theme Test - Born Neet
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qu
Railsã®ã‚¯ãƒ¼ãƒ«ãªãƒ‡ã‚¶ã‚¤ãƒ³ã‚’一瞬ã§è‡ªå‹•ç”Ÿæˆã™ã‚‹ã€ŒWeb App Themeã€ãŒã‚¹ãƒ†ã‚ - ã“ã®ãƒ–ãƒã‚°ã¯è¨¼æ˜Žã§ããªã„。
4æ³ã®é•·å¥³ãŒãƒ—リã‚ュアã«ãƒãƒžã£ã¦ã„ã¾ã™ã€‚ピーãƒã‚’目指ã—ã¦ã„ã‚‹ã‚“ã ãã†ã§ã™ã€‚ã§ã™ãŒã€æ™®æ®µã‹ã‚‰çµžã‚技や関節技を教ãˆã¦ã„ã‚‹ã®ã§ã€å¯æŠ€ã‹ã‚‰ã®è…•ã²ã—ãŽåå—固ã‚ã‚’ç‹™ã£ã¦ãã¾ã™ã€‚ãã‚“ãªãƒ—リã‚ュアã¯ã„ã¾ã›ã‚“。ã‚ュア・ノゲイラã§ã™ã‹ã€‚。。 Web App Themeã¨ã„ã†Railsã®ãƒ—ラグインãŒã‚ã‚‹ã®ã§ã™ãŒã€ã“ã‚ŒãŒã‚¹ãƒ†ã‚ã™ãŽã‚‹ã®ã§ã™ã€‚クールãªã‚«ãƒ³ã‚¸ã®ãƒ†ãƒ¼ãƒžï¼ˆãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆï¼†ã‚¹ã‚¿ã‚¤ãƒ«ï¼‰ã‚’一瞬ã«ã—ã¦è‡ªå‹•ç”Ÿæˆã—ã¦ãã‚Œã¾ã™ã€‚ãŠã€è½ã¡ç€ã„ã¦ã€‚ゆã£ãり説明ã™ã‚‹ã‹ã‚‰ã€‚ã¨ã«ã‹ãèžã„ã¦ãã ã•ã„。 ã¾ãšã€Railsã®ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã‚’作りã¾ã™ã€‚ $ rails memo_app cd memo_app 手抜ãã™ã‚‹ãŸã‚ã«ã€scaffoldを使ã„ã¾ã™ã€‚ã§ã€db:migrateã—ã¦ã€serverを起動。 $ script/generate scaffold memo title:string body:text $ rake db:migr
Webシステム開発者ã«é€ã‚‹ä¾¿åˆ©ãªãƒ†ãƒ³ãƒ—レート·Web App Theme MOONGIFT
æ£ç›´ã€Webデザインã¯è‹¦æ‰‹ã 。システムã¯æ§‹ç¯‰ã§ãã¦ã‚‚ã€ãã®å¾Œã®ãƒ‡ã‚¶ã‚¤ãƒ³ã§è¡Œãè©°ã¾ã£ã¦é “挫ã—ãŸã‚µãƒ¼ãƒ“スã¯æ•°çŸ¥ã‚Œãªã„。最近ã§ã¯Webデザインテンプレートを使ã†ã‚ˆã†ã«ãªã£ãŸãŒã€æ±Žç”¨æ€§ã®ä½Žã„ã‚‚ã®ãŒå¤šãカスタマイズも困難ãªå ´åˆãŒå¤šã„。 Basecampã«ã‚‚ä¼¼ãŸWebアプリケーションテンプレート 例ãˆã°Webシステムã®ç®¡ç†ç”»é¢ã‚’考ãˆãŸå ´åˆã€ãƒ¦ãƒ¼ã‚¶å‘ã‘ã®ç”»é¢ã¯æ°—åˆã„ãŒå…¥ã£ã¦ã„ã‚‹ã®ã«ç®¡ç†ç”»é¢ã¯é…·ã„ã‚‚ã®ãŒå¤šã„。ãã“ã§ä½¿ã£ã¦ã¿ãŸã„ã®ãŒWeb App Themeã 。 今回紹介ã™ã‚‹ã‚ªãƒ¼ãƒ—ンソース・ソフトウェアã¯Web App Themeã€ãƒ†ãƒ¼ãƒžã«ã‚‚対応ã—ãŸæ±Žç”¨çš„テンプレートã 。 Web App Themeã¯Lighthouseã€Basecampã€RadiantCMSã«ã‚¤ãƒ³ã‚¹ãƒ‘イアã•ã‚ŒãŸWebアプリケーションå‘ã‘テンプレートã 。å³ä¸Šã®ãƒ¦ãƒ¼ã‚¶æƒ…å ±ã€ã‚¿ãƒ–を使ã£ãŸæ©Ÿèƒ½ã®æŒ¯ã‚Šåˆ†ã‘ã€å€‹åˆ¥ã®ã‚¿ãƒ–ã®ä¸ã«ã•ã‚‰ã«ã‚»ã‚«ãƒ³ãƒ€ãƒªãƒ¼ã®ã‚¿ãƒ–ã‚’
秋元@サイボウズラボ・プãƒã‚°ãƒ©ãƒžãƒ¼ãƒ»ãƒ–ãƒã‚°: 管ç†ç”»é¢ç”¨ã®ãƒ•ãƒªãƒ¼ãƒ†ãƒ³ãƒ—レートãŒå…¬é–‹ã•ã‚Œã¦ã„ã‚‹
ブãƒã‚°ã‚„エンドユーザå‘ã‘ページã®ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ†ãƒ³ãƒ—レートã¯å¤šã„ã‘ã©ã€ç®¡ç†ç”»é¢ç”¨ã§ãƒ•ãƒªãƒ¼ã§ã„ã„ã®ã¯ã‚ã¾ã‚Šãªã„ã€ã¨ä¸»å¼µã™ã‚‹ä½œè€…ã«ã‚ˆã‚‹ã€è‡ªç”±ã«ä½¿ãˆã‚‹(言åŠã‚„リンクもä¸è¦ã€‚ã§ãã‚Œã°ãƒ–ãƒã‚°èªã‚“ã§ãã€ã ãã†ã )管ç†ç”»é¢ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ†ãƒ³ãƒ—レートã¨ã„ã†ã®ãŒWebResourceDepoï½”ã¨ã„ã†ãƒ–ãƒã‚°ã§é…布ã•ã‚Œã¦ã„ã¦ã€del.icio.us/popularã«å‡ºã¦ã„ãŸã€‚ é–‹ãã¨ã“ã‚“ãªæ„Ÿã˜ã€‚アイコンã¯ã€ã“れもフリーアイコンã¨ã—ã¦æœ‰åãªfamfamfamを使ã£ã¦ã„る。 ã“れを使ã£ãŸç®¡ç†ç”»é¢ã‚’Webアプリケーションフレームワークã®Adminジェãƒãƒ¬ãƒ¼ã‚¿ã§ç”Ÿæˆã™ã‚‹ã‚ˆã†ã«ã™ã‚Œã°ã€ãƒãƒƒã‚¯ã‚¨ãƒ³ãƒ‰å´ã®ç”»é¢ä½œæˆã¯æ‰‹é–“ãŒæ¸›ã‚‹ã ã‚ã†ã€‚ via del.icio.us/popular ã“ã®è¨˜äº‹ã¯ç§»è»¢å‰ã®å¤ã„URLã§å…¬é–‹ã•ã‚ŒãŸæ™‚ã®ã‚‚ã®ã§ã™ãƒ–ックマークãŒæ–°æ—§ã§åˆ†æ•£ã—ã¦ã„ã‚‹å ´åˆãŒã‚ã‚Šã¾ã™ã€‚移転å‰ã¯ç¾åœ¨ã¨ã¯æ–‡ä½“ãŒé•ã„「ã§ã‚ã‚‹ã€èª¿ã§ã™ã€‚(å‚考)記事ã®
今風ã®ã‚¦ã‚§ãƒ–を作る際ã«ä½¿ãˆã‚‹CSS/HTML/JSã®ãƒ†ãƒ³ãƒ—レ『Easy Front-End Framework〠- 100SHIKI 〜 世界ã®ã‚¢ã‚¤ãƒ‡ã‚¢ã‚’日替ã‚ã‚Šã§
ã“ã‚Œã¯ã™ã”ã便利。 Easy Front-End Frameworkã¯ä»Šé¢¨ã®ã‚¦ã‚§ãƒ–サイトを作る際ã«ä½¿ãˆã‚‹ãƒ†ãƒ³ãƒ—レートã§ã‚る。 HTMLã€CSSã€JavascriptãŒå…¨éƒ¨å«ã¾ã‚Œã¦ã„ã‚‹ã®ã§ã€è¦‹å‡ºã—や本文ã€ãƒ†ãƒ¼ãƒ–ルã¨ã„ã£ãŸã‚¹ã‚¿ã‚¤ãƒ«ã ã‘ã§ã¯ãªãã¦ã€Tooltipsã‚„æµ®ã‹ã³ä¸ŠãŒã£ã¦ãã‚‹ç”»åƒãªã©ã‚‚ç°¡å˜ã«ä½œã‚Œã‚‹ç‚¹ãŒç‰¹å¾´ã§ã‚る。 テンプレ自体ã¯è‹±èªžã§ä½œã‚‰ã‚Œã¦ã„ã‚‹ãŒã€æ—¥æœ¬èªžå¯¾å¿œã«æ”¹é€ ã™ã‚‹ã®ã‚‚ãã‚Œã»ã©é›£ã—ãã¯ãªã„ã ã‚ã†ã€‚ 仕事をã™ã‚‹ã¨ãã«æœ€ã‚‚難ã—ã„ã®ã¯ã€Œå§‹ã‚ã‚‹ã€ã“ã¨ã§ã‚る。ã“ã†ã—ãŸãƒ†ãƒ³ãƒ—レを使ã£ã¦ã‚¦ã‚§ãƒ–作りをã•ã£ã¨å§‹ã‚られるã¨ç¢ºã‹ã«ä¾¿åˆ©ã§ã™ã。
ホントã«åŠ©ã‹ã‚‹ãƒ•ãƒªãƒ¼ã®cssジェãƒãƒ¬ãƒ¼ã‚¿ãƒ¼ã„ã‚ã„ã‚
使ãˆã‚‹cssã®ã‚ªãƒ³ãƒ©ã‚¤ãƒ³ã‚µãƒ¼ãƒ“ス㌠50個ã€Speckyboyã§è¨˜äº‹ã«ã•ã‚Œã¦ã„㟠ã®ã§ã‚ˆã•æ°—ãªã‚‚ã®ã‚’ã„ãã¤ã‹ã”紹介ã—ã¾ã™ã€‚ 全部良ã•ãã†ãªã®ã§æ°—ã«ãªã‚‹æ–¹ã¯ãœã² 記事元を訪れã¦ã¿ã¦ãã ã•ã„。 日本語ã®ãƒ†ã‚ストã§ä½œæˆã§ãるｃｓｓメニュージェãƒãƒ¬ãƒ¼ã‚¿ãƒ¼ã¯æœ¬å½“ã«åŠ©ã‹ã‚Šã¾ã™ã€‚ Grid Designer 2 ç´°ã‹ã„è¨å®šã‚’è¡Œãˆã¦ã™ãã«åæ˜ ã•ã‚Œã‚‹ã‚°ãƒªãƒƒãƒ‰ã‚·ã‚¹ãƒ†ãƒ 。 Grid Designer 2 nP: Grid Generator グリッドを作æˆã™ã‚‹ã¨ã€ï½ƒï½“ｓã®ã‚½ãƒ¼ã‚¹ã‚‚出ã—ã¦ãã‚Œã¾ã™ã€‚ nP: Grid Generator Dynamic 4 Column Layout Generator ã“ã‚Œé¢ç™½ã„。4カラム専用ã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚¸ã‚§ãƒãƒ¬ãƒ¼ã‚¿ãƒ¼ã€‚è¨å®šã¨åŒæ™‚ã«åæ˜ ã€ ï½ƒï½“ï½“ã‚‚ï¼¤ï¼¬ï¼ˆã‚³ãƒ”ãƒšï¼‰å‡ºæ¥ã¾ã™ã€‚ Dynamic 4 Column Layout Generator XHTML/CSS Markup Gen
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
{{#tags}}- {{label}}
{{/tags}}