为了更好的整理网站的优秀文章和话题，特此开设一个页面，内容主要包含当前web前端开发领域最新热门的技术和分享优秀的web前端开发资源，如果你发现有本站的那些文章值得收藏到这里，也欢迎推荐。 参考手册 HTML5 参考手册 JavaScrip ...
阅读全文
HTML
分享优秀的HTML代码、HTML案例、HTML模板、HTML工具、HTML开发动态等HTML资源
前端开发日报，2015年，前端博客将会投入100%的热情到这个博客上，这个栏目将致力于分享前端开发领域的最新干货，内容包括html、CSS、javascript、前端工具、前端资讯、前端开发框架和前端开发网站推荐等。 每天晚上会定期更新本文 ...
阅读全文使用纯CSS的伪元素来创建简单的图标，这是一个比较有创意的做法，正如你在本站看到的评论数图标就是用:before和:after来制作的，下面分享一个国外的朋友制作了84个常用图标，一起来体验神奇的CSS图标。
阅读全文1. <cite> 斜体表示文字，标签对于引用目录或其它网站的参考非常有用 <p>David Allen的突破性组织性的图书<em><cite>完成你的工作</cite></ ...
阅读全文
在网页表单中，<optgroup>元素用于在<select>元素中创建一组选项<option>。这个可以更好的区分每一个组选项之间的区别。 这个元素包含两个属性：disabled和label。 disab ...
阅读全文在CSS trick上看到这篇关于表格布局的文章，还没了解过这个属性，读下来感觉挺有用的，会英文的朋友欢迎阅读原文：fixed table layout table{ table-layout:fixed;} 默认的table-layout ...
阅读全文
我的愿景 成为业内知名的web前端开发工程师 文档介绍 这份文档已经写了差不多一年了，最近也更新过了，作为一个有组织和纪律的团队，规范是必须的，毕竟每个coder都有自己的一套风格和规范，为了以后团队的和谐发展，结合前端业界的开发经验，故而 ...
阅读全文最近才发现的这个兼容性问题，因为之前写列表的时候，大部分是通过float:left;和清除浮动来做的，最近看到了可以使用inline-block来做，而且还是可以兼容的，所以逐步的转向了用inline-block替换。 欢迎回归我之前写过的 ...
阅读全文水平垂直居中，特别是使用在列表的时候经常会用到的，以前有需求的时候我也做过类似的代码，是使用display:table-cell，mg12的博客那个相关文章的列表好像就是使用这个代码来的，之前我也是参考他来的。今天重新整理一下，并结合前人的 ...
阅读全文看到这个标题是不是很头大呢？不错，我这一周就折腾了这个既是要求瀑布流，又是响应式布局的货。 而且还是在bootstrap框架上折腾的，所以对于响应式布局呢？咱们可以忽略了吗？当然是不行的。 响应式布局概念 Responsive design ...
阅读全文