查詢CSS與瀏覽器支援度的網站
http://csscoke.com/2013/10/09/css_and_browser_support/
目前分類：CSS (38)
- Apr 10 Fri 2015 10:50
CSS 瀏覽器支援
- Apr 10 Fri 2015 10:49
CSS
使用CSS3 :nth-child(n) 選取器教學
http://csscoke.com/2013/09/21/%E4%BD%BF%E7%94%A8css3-nth-childn-%E9%81%B8%E5%8F%96%E5%99%A8%E8%A9%B3%E8%A7%A3/
- Apr 10 Fri 2015 10:08
CSS less
LESS CSS 讓你撰寫 CSS 時更輕鬆，讓 CSS 支援變數、計算、函式、繼承
http://fundesigner.net/lesscss-use/
改天來驗證一下，你有沒有威威！
- Jan 06 Tue 2015 12:28
CSS chrome
- Oct 31 Fri 2014 13:57
還原.min.css
http://mrcoles.com/blog/css-unminify/
- Oct 24 Fri 2014 11:06
月曆參考css
- Oct 24 Fri 2014 09:31
Admin Themes
http://themes.startbootstrap.com/flex-admin-v1.2/
https://wrapbootstrap.com/theme/paperclip-professional-business-theme-WB0405737
- Jul 28 Mon 2014 14:47
CSS fancy table 表格
http://veerle-v2.duoh.com/blog/comments/a_css_styled_table/
- Jul 28 Mon 2014 13:53
Responsive Footer CSS
| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <meta charset="utf-8"> | |
| <title>Responsive Sticky Footer</title> | |
| <meta name="viewport" content="width=device-width, initial-scale=1"> | |
| <!--[if lt IE 9]><script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script><![endif]--> | |
| <style type="text/css"> | |
| html, body { | |
| height: 100%; | |
| font-family: Arial, sans-serif; | |
| } | |
| .container { | |
| display: table; | |
| height: 100%; | |
| } | |
| .block { | |
| display: table-row; | |
| height: 1px; | |
| } | |
| .push { | |
| height: auto; | |
| } | |
| /* | |
| Demo Styles | |
| */ | |
| html, body { | |
| margin:0; | |
| padding:0; | |
| } | |
| .container { | |
| max-width: 960px; | |
| margin: 0 auto; | |
| text-align: center; | |
| } | |
| .block:nth-child(odd) { | |
| background: #ccc; | |
| } | |
| h1, h2, p { | |
| font-weight: normal; | |
| line-height: 150%; | |
| padding: 0 50px; | |
| } | |
| </style> | |
| </head> | |
| <body> | |
| <section class="container"> | |
| <header class="block"> | |
| <h1>Responsive Sticky Footer</h1> | |
| </header> | |
| <div class="block push"> | |
| <p>Quisque ut diam nibh, non elementum leo. Suspendisse potenti. Aliquam convallis, dolor eu ultricies rutrum.</p> | |
| <p><a href="http://timothy-long.com/responsive-sticky-footer/">Return to article.</a></p> | |
| </div> | |
| <footer class="block"> | |
| <h2>The Sticky Footer</h2> | |
| <p>Morbi vitae dolor vel ipsum laoreet vehicula ac a nunc. Aliquam cursus fermentum nulla sit amet commodo.</p> | |
| </footer> | |
| </section> | |
| <script type="text/javascript"> | |
| var _gaq = _gaq || []; | |
| _gaq.push(['_setAccount', 'UA-11123046-17']); | |
| _gaq.push(['_trackPageview']); | |
| (function() { | |
| var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; | |
| ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; | |
| var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); | |
| })(); | |
| </script> | |
| </body> | |
| </html> | |
| |
- Jul 28 Mon 2014 11:08
CSS3 MEDIA QUERIES 詳細介紹與使用方法，RESPONSIVE WEB DESIGN 必備技術
- Jul 26 Sat 2014 00:14
網頁設計參考
http://templates.entheosweb.com/responsive_web_templates/
http://templates.entheosweb.com/template_number/46803.asp
- May 29 Thu 2014 15:34
Media Queries
- May 23 Fri 2014 09:45
CSS MENUMAKER
http://cssmenumaker.com/
- May 22 Thu 2014 14:29
CSS Menu two lines
- May 21 Wed 2014 14:30
Test responsive designs for free
- May 21 Wed 2014 14:18
Reset CSS
http://detectmobilebrowsers.com/
