在Pinterest上看到一张loading图，如下，忽然想把它用css写出来，于是就写了。。。 可能实现效果不一定完全一模一样，权当是娱乐了。
解决wordpress开启https后文章图片不显示
最近刚刚开启网站HTTPS，看着在谷歌流量浏览器下打开显示安全的绿色小锁，瞬间觉得高大了不少， 但是发现个问题，就是文章页面图片不显示了，，，，表情瞬间凝固，一个大写的尴尬￣□￣｜｜ 于是f1…
谷歌提出新的字体调用方案帮助提高中文字体的加载速度
谷歌旗下的网页字体调用Google Fonts API旨在帮助用户加载不同网站时复用资源达到提高加速速度的目的。目前该公司提出了新的解决方案用来提高中文字体的加载速度， 该方案主要利用机器学习对字符集进行排序。我们知道拉…
【js学习笔记】else if语句输出问候语
else if语句应用十分广泛，通过该语句做个简单问候语的功能； 首先定义个变量获取当前时间，在应用getHours()方法获取系统当前小时值，在使用else if语句判断时间段输出问候语； html代码： <bu…
【js学习笔记】表单是否为空验证
HTML代码 <form action="" method="post" name="form1" > <input name="user" id="user" type="text"> <…
【笔记】CSS垂直居中的11种实现方式
这里的demo都只是针对现代浏览器所做，未兼容低版本的IE以及其它非主流浏览器。 11种实现方式分别如下： 1. 使用绝对定位和负外边距对块级元素进行垂直居中 html代码： <div id="box"> &…
偏门却又实用的 CSS 样式
今天主要是说一些偏门一点的 CSS 样式、技巧。 什么是偏门，就是有些片段很少使用，时间久了就记不起来，但用的时候又要去找，所以这里为大家整理一些少用但又实用的 CSS 样式， ::-Webkit-Input-Place…
网页设计中常用的19个Web安全字体
在Web编码中，CSS默认应用的Web字体是有限的，虽然在新版本的CSS3，我们可以通过新增的@font-face属性来引入特殊的浏览器加载字体。 但多数情况下，考虑各个因素的影响我们还是在尽量充分利用这些默认调用的字体…
如何成为 Web 开发的程序员
1、Web 程序员需要了解哪些知识点 Web应用程序主要是运行在浏览器上，我们平时打开的网页就是一个 Web 程序，常见的 Web 技术有： HTTP FTP POP3 SMTP TCP IP protocols HTM…
韩都衣舍全屏轮播代码
怎么说呢， 今天放个轮播代码吧，韩都衣舍天猫店首页轮播，最近刚优化了下，平常可能经常加一些效果代码在上面，为了避免和一些效果代码冲突，可能啰嗦了点，需要店铺支持CSS功能，喜欢的记得点个赞。 首先是CSS部分： &nbs…
带你轻松打开SVG动画的大门
初学SVG的时候，感觉那一坨一坨的代码难读难懂，现在回过头仔细想想，是因为那时候看文档缺少一些具体的实例，导致学习起来很枯燥。如今SVG已经在前端各个领域都有所作为，无论是项目里的应用还是demo都所处可见，这里我就用一…
避开这3个误区，来看设计师学编程的正确姿势
前端作为一种偏视觉化的编程技术，确实是外行比较适合的编程语言。想找工作的设计师，有一定的编程基础也会更受青睐。但是在我和很多设计师在打交道的过程中，发现大部分人对于学习编程存在一些误区。 比如很多人虽然想学但又认为编程太…
Sublime Text一个小插件——SideBarEnhancements
Sublime Text很多人或多或少都用过，可能很多人会发现。在Sublime Text无法直接打开浏览器，没有像DW那样的快捷键。有的只是右键打开默认的浏览器。而有时候又需要打开不同的浏览器。 这时候主角登场了——S…
一些好用且有趣的atom插件
atom-plugins some awesome atom-plugins ! … 1. emmet html补全 2. active-power-mode 文字泡沫 3. power-mode 随地泡沫 …
jQuery单页滚动插件pagePiling.js
插件描述：pagepiling.js是一个可以创建类似窗帘滚动网站的jQuery插件。它是灵活的，旧的浏览器和触摸设备兼容。您可以在原来的滚动的网站的基础上使用这个插件创建一个。 下载链接：https://…
易混HTML Entities与正确使用方法
在页面上，表示HTML实体有多种方式，比如有“&+name;”、“&#+10进制ID”、“&#x+16进制ID”。而“\u+16进制”一般用于CSS的content样式属性。 空字符 – null…
腾讯【tgideas】谈谈Flexbox布局
Flexbox Layout(Flexible Box)模块，W3C官方称为CSS弹性盒子布局， 是在CSS3中定义的一种新的布局模式。Flexbox可以控制在容器内的子元素的对齐方式、排列方式以及排序顺序，即使其子元素…
让网页自动调用双核浏览器的极速模式
国内的主流浏览器都是双核浏览器：基于Webkit内核用于常用网站的高速浏览。基于IE的内核用于兼容网银、旧版网站. 代码示例 在head标签中添加一行代码： <html> <head> <m…
精通 JavaScript中的正则表达式
正则表达式可以: 测试字符串的某个模式。例如，可以对一个输入字符串进行测试，看在该字符串是否存在一个电话号码模式或一个信用卡号码模式。这称为数据有效性验证 替换文本。可以在文档中使用一个正则表达式来标识特定文字，然后可以…