目前，网上有大量基于CSS转换的实验和示例，但它们都过于分散，而Effeckt.css的目标就是把所有基于CSS/jQuery动画的应用集中起来，例如：弹窗、按钮、导航、列表、页面切换等等。 Effeckt.css是一个集合了众多新鲜而又实用的CSS/jQuery动画效果应用，既适用于网站也适用于手机Web开发，例如：弹窗、按钮、导航、列表、页面切换等等，这些特效动画都能给你的网站提升一定用户体验，而且简单实用。 Demo页：http://h5bp.gi...
看着题意：[1,i]中等于a[i]的个数要大于[,jn]中等于a[j]的个数 且i int n;int aa[1000000 + 55];int bb[1000000 + 55];int c[1000000 + 55];map<int ,int > mp;ll lowbit(ll x) { return x&(-x);}void add(int i,int val) { while(i <= n) { c[i] += val; i += lowbit(i); }}ll get_sum(int i) { ll sum = 0; while(i) { sum += c[i]; i -= lowbit(i); } return sum;}void init() { memset(c,0,sizeof(c)); memset(aa,0,si...
主要内容 标签栏多视图和导航栏多视图的区别 用Storyboard构建标签栏多视图应用程序 简述 标签栏应用程序是一种多视图应用程序，它在屏幕底端显示一行按钮，称为标签栏（tab bar）。单机某个按钮就会激活一个新的视图控制器（标签页），并显示一个新视图，同时底部任然保留着标签栏。如下图所示的3个标签栏。 另一种常见的多视图iPhone应用程序是基于导航的应用程序，这类应用程序拥有一个导...
本篇主要包括： ■ Grid简介■ 应用Grid■ Multiple Grids Grid简介 Bootstrap中，把页面分成12等份，这就是所谓的Grid。 在Bootstrap中，用类名控制，这些类型遵循".col-xx-6"类似的形式。 2个6就占满整个页面。所以，类名最后面的数字表示要占几个格子。 又比如，3个4也占满整个页面。 又比如，4个3也占满整个页面。 又比如，6个2也占满整个页面。 另外，类似".col-xx-10 .c...
今天我们想分享几个简单的款式的网站通知效果。有很多的方式来呈现消息给用户：从经典的咆哮般的通知到窗口顶部的通知栏。各个网站的通知样式和效果千篇一律，难得出现创意的通知效果。这里是实现一个应用 CSS3 动画实现各种风格的通知提示。 在线演示 立即下载
本文从良构，有效性，布局三个角度，结合往日项目开发经历， 整理总结重构HTML改善Web应用设计的几点规则和做法。部分参考自《重构HTML改善Web应用设计》。 重构。什么是重构？为什么要重构。 重构是在不改变程序行为的基础上进行小的改动，是代码逐渐改善的过程。移除长期累积下来的烂码，以得到更清晰和更容易维护，除错以及添加新功能的代码，这做法不能单纯只出现在编码的后期，甚至是你意识到你的代码已经无从再下手非...
@keyframes 规则用于创建动画。 @keyframes 中规定某项 CSS 样式，就能创建由当前样式逐渐改为新样式的动画效果 @keyframes 中创建动画时，请把它捆绑到某个选择器，否则不会产生动画效果。 通过规定至少以下两项 CSS3 动画属性，即可将动画绑定到选择器： 规定动画的名称 规定动画的时长 animation animation 属性是一个简写属性，用于设置动画属性： animation-name：规定 @keyframes 动画的名称。 animati...
Mobile App Introduction Template 是一个基本的网站模板，展示您的应用程序的最佳功能，丰富了视频滑块，让用户更好的理解。这是一个可定制，响应式的模板，可以让视频滑块变成桌面屏幕。 官方网站 源码下载
css实现三角形，网上讲了很多，但我发现一般都是三角向上或者向下的，向左向右这两方向似乎讲得很少，本人试了一下，发现原来在IE下很难搞~~(万恶的IE)...css实现三角形的原理是：当元素的宽高为0，边框(border)不为0时，四个角边框交界重叠处分45度角平分。讲得很别扭~~~上个图吧： .triangle { border-color: red green blue pink; border-style: solid; ...
本文由秀依林枫提供友情赞助，首发于烂泥行天下。 1、 htpasswd的作用与安装 2、 htpasswd命令详解 3、 htpasswd的实例 4、 htpasswd的应用 一、htpasswd的作用与安装 htpasswd是apache的一个工具，该工具主要用于建立和更新存储用户名、密码的文本文件，主要用于对基于http用户的认证。 htpasswd的安装很简单，它是随apache的安装而生成。这点与ab工具是一样的，如果哪位童鞋有不明白的地方可以查看《烂泥：apache性...
问题来源： 在学习的过程中，发现HTML4.01 XHTML1.0 HTML5等总会对旧的某些标签“不赞成使用”或者“不支持使用”，但在练习的过程中，学写某个网站表层的时候发现都可以正常使用，比如标签，html5，XHTML1.0和HTML4.01的Strict是不支持的，但是写上去之后，依旧可以正常居中显示。 我的问题： (1) http://www.w3school.com.cn/tags/html_ref_dtd.asp 这样一个标准，这里说的不支持或者不赞成或者 “...
今天讲讲上下两栏布局的应用场景，在此之前稍微提一下box-sizing这个属性。该属性有三个值分别为content-box|border-box|inherit。 box-sizing 属性允许您以特定的方式定义匹配某个区域的特定元素。 通常我们设置的高宽度其实是指内容的高宽度，是没有将边框的高宽度算在内的。如果设置box-sizing：content-box就是只包含盒子内容的高宽度，边框的高宽不包含在内，默认就是这种算法（图1）。如果想将边框包含在我们设置的高宽度...
1、纯CSS3实现人物摇头动画 这次我们要来分享一款超级可爱的纯CSS3人物摇头动画，初始化的时候人物的各个部位是利用CSS3动画效果拼接而成，接下来就是人物听音乐的场景，一边听音乐一边摇着脑袋，十分陶醉的样子，周围还会出现跳动的音符动画。 在线演示 源码下载 2、CSS3 Loading进度条加载动画特效 3款绚丽风格 今天我要分享一款更加炫酷的CSS3进度条加载动画特效，该动画特效有3个不同的风格，注意，IE6，7，8是不...
HTML5 WebSocket 简介和实战演练 本文主要介绍了 HTML5 WebSocket 的原理以及它给实时 Web 开发带来的革命性的创新，并通过一个 WebSocket 服务器和客户端的案例来充分展示 WebSocket 的强大和易用。 作为下一代的 Web 标准，HTML5 拥有许多引人注目的新特性，如 Canvas、本地存储、多媒体编程接口、WebSocket 等等。这其中有“Web 的 TCP ”之称的 WebSocket 格外吸引开发人员的注意。WebSocket 的出现使得浏览器提供...
CSS3构建的3D盒子之导航应用 1.在用css3构建的盒子表面，放上iframe，来加载导航页面。 2.鼠标左键按下移动可旋转盒子，寻找想要的网址。 3.左键单机盒子表面，将全屏现实所点盒子表面的网站[iframe中]，并可浏览，关闭后返回原来状态。 4.PC端，将额外显示2个css3做的旋转盒子[没什么意义] 5.移动端只显示一个导航盒子[模拟器正常，真机无效，留待以后查看，兼容开发有待提高。。。] 注：原本打算排列导航盒子，这样的...