PHP 代码分享
MongoDB 教程
正则表达式
jQuery 教程
JavaScript 代码片段
PHP7 教程
一台计算机系统不能没有操作系统，大公司的开发者也开发过不复杂易于使用的操作系统。而Linux被认为是复杂的系统,它仍然是最常使用的系统，当然不仅仅是开发者和极客会使用，也可能是日常生活中的你或我，也喜欢它。因为它的神奇般的稳定因素和应用的拓展水平，都比WindowsOS好得多。互联网上，有很多工具为网页设计者和开发者而准备的。今天我要分享一款适用于linux用户的CSS编辑器。请访问这里并分享你的想法。1...
继续阅读 >
在参与规模庞大、历时漫长且参与人数众多的项目时，所有开发者遵守如下规则极为重要：保持CSS易于维护保持代码清晰易懂保持CSS的可拓展性为了实现这一目标，我们要采用诸多方法。本文档第一部分将探讨语法、格式以及分析CSS结构；第二部分将围绕方法论、思维框架以及编写与规划CSS的看法。CSS文档分析无论编写什么文档，我们都应当维持统一的风格，包括统一的注释、统一的语法与统一的...
继续阅读 >
这些图片都是用一个DIV绘制出来的，其实原理并不复杂。这些图片都是由CSS绘制出来的，通过background-image叠加实现，如蘑菇头的实现，通过 radial-gradient径向渐变 , linear-gradient线性渐变相互叠加实现，如：div{width:170px;height:140px;background-image:radial-gradient(circleat50%120%,rgba(0,0,0,0.7)23%,rgba(0,0,0,0)48%),linear-gradient(30deg...
继续阅读 >
一般软件开发中必备的一样工具就是代码编辑器。传统的代码编辑器一般都是以软件安装包的形式安装到电脑里面，代码编辑保存后一般也是通过ftp或者svn等工具提交到服务器的（当然，像.NET开发中MicrosoftVisualStudio这样强大的集成工具另说了。）。在实际的项目开发中这样的方式也是挺便捷的。但是，随着各种云服务的兴起，云存储时代几乎已经是大势所趋了。个人或者小公司搭建一个类似的服务自然代价不菲。这时候利用...
继续阅读 >
居中一直是CSS中被抱怨的典型。为什么实现起来这么辛苦？所以有人被嘲笑。我觉得问题不是没有办法做到，只是视情况而定，有很多不同方式，但是很难弄清楚应该用何种方式。因此我写了这篇文章，希望能把他变得容易点。水平居中 内联元素（inlineorinline-*）居中?你可以让他相对父级块级元素居中对齐.center-children{text-align:center;}块级元素（blocklevel）居中?你可以通过设置...
继续阅读 >
1.盒子模型的幻灯片通过3D转换效果产生的互动的幻灯片。按向左或向右箭头键切换，全屏观看会有更好的效果。2.CSSDiner通过一个简单的小游戏让你学习CSSselector，输入正确的selector来完成每一关。你也可以通过菜单来选关。3.CSSSelectors交互这是一个简单可视化CSS选择器。选择左边菜单中的选择器,选择的条目就会出现在右边。4.前端Web开发考查CSS属性有大小写之分吗？5.TheMa...
继续阅读 >
CSS，也就是CascadingStyleSheets，推出于1997年，差不多是17年前，至此为我们开发网页大开方便之门，协助我们制作出一个又一个惊艳绝伦的网站设计和模板，提升了我们的创造能力，给整体平台增加了对称美。网页设计不是一蹴而就的，需要不断的实践和改进，然后在最后期限前完成。如果你在写CSS代码上花费大量的时间，那么你就是在浪费资源。因为有很多工具能提高我们改进CSS文件的工作效率。这些工具需要我们先...
继续阅读 >
如果你曾经试过，你就会知道，用纯CSS样式加HTML实现统一的上传文件按钮可能会很麻烦。看看下面的不同浏览器的截图。很明显的，他们长得很不一样。我们的目标是创造一个简洁，用纯CSS实现的，在所有浏览器里的样子和布局是一样的上传文件按钮。我们可以这样： 步骤1.创建一个简单的HTML标记 <divclass="fileUploadbtnbtn-primary"><span>Upload</span><inputtype="file"class="upload"/>...
继续阅读 >
大概大家都知道id,class以及descendant选择器，并且整体都在使用它们，那么你正在错误拥有更大级别的灵活性的选择方式。这篇文章里面提到的大部分选择器都是在CSS3标准下的，所以它们只能在相应最新版本的浏览器中才能生效，你完全应该把这些都记在你聪明的脑袋里面。1.**{margin:0;padding:0;}在我们看比较高级的选择器之前，应该认识下这个众所周知的清空选择器。星号呢会将页面上所有每一个元素都选到。...
继续阅读 >
如果你经常需要做前端页面，那么你一定多多少少需要解决页面的浏览器兼容问题。而浏览器兼容问题大部分也集中在对IE系列的兼容。这里就总结一下对IE系列的CSSHack，记录一下，方便以后查阅。IEHackIE系列浏览器的hack大略如下：_nowamagic:1px;-----------ie6*nowamagic:1px;-----------ie7nowamagic:1px\0;----------ie89nowamagic:1px\9\0;--------ie9:rootnowamagic:1px; ----ie9(实际情况可能ie9还是有问题，...
继续阅读 >
想要让用户在移动端也能浏览PC网站，通常有两种方法，一是另起炉灶，重新按照移动端的设计规则建一个移动网站，这样建成的网站将和原PC站相互独立，比如新浪网/www.sina.com.cn 和手机新浪网/3g.sina.com.cn的区别。另一种方案则是响应式设计，在建PC站前即考虑好页面布局如何能适应多屏幕浏览，这样移动设备可以通过原网址来浏览PC站点，比如在移动端输入www.36kr.com，都可以看到自适应屏幕大小后的36氪网站。...
继续阅读 >
看到这个标题大家一定会想到这篇神文《HowBrowsersWork》，这篇文章把浏览器的很多细节讲得很细，而且也被翻译成了中文。为什么我还想写一篇呢？因为两个原因，1）这篇文章太长了，阅读成本太大，不能一口气读完。2）花了大力气读了这篇文章后可以了解很多，但似乎对工作没什么帮助。所以，我准备写下这篇文章来解决上述两个问题。希望你能在上班途中，或是坐马桶时就能读完，并能从中学会一些能用在工作上的东西。浏览器工...
继续阅读 >
入门下载已编译的Bootstrap数据包（可以去这里下载）。我在本文中使用的是V2.3.2。下载内容包括Bootstrap的关键元素CSS，以及一些有用的图像和JavaScript文件。您可以根据我在文中的描述为Web页面提供HTML。Bootstrap文档中不包含框架支持的许多设计选项的样例HTML。但是Bootstrap文档页面（尽管其本身已说明了Bootstrap的灵活性）还不足以解释真正起作用的基本设计原则。响应式Web设计查看Web页面的设备...
继续阅读 >