随笔分类 -  HTML5+CSS3

Css Secret 案例Demo全套
摘要：Css Secret 案例全套 "github地址" "案例地址" 去年买了一本CSS揭秘的css专题书，该书揭示了 47 个鲜为人知的 CSS 技巧，主要内容包括背景与边框、形状、 视觉效果、字体排印、用户体验、结构与布局、过渡与动画等。去年买入时，就决定将里面所有Demo案例全部撸一遍，作为自己 阅读全文
posted @ 2018-03-15 23:56 24k-小清新 阅读(596) 评论(1) 推荐(0)
微信小程序实战练习（仿五洲到家微信版）
摘要：github地址（欢迎star）：https://github.com/xiaobinwu/dj 版本：0.15.152900（暂未升级原因：升级后需要图片无法本地引用，必须使用image或是远程路径引用） 目录结构 css => 放置公用wxss,目前只有一个font.wcss image => 阅读全文
posted @ 2017-05-25 10:19 24k-小清新 阅读(5716) 评论(4) 推荐(11)
移动web技能总结
摘要：对于作为一名前端开发人员，除了能够编写出满足需求的PC端页面之外，同时也是需要懂得怎么去制作移动web页面，毕竟使用移动设备来操作任何处理称为新时代的趋势，所以学好制作一个移动web时必须滴。于是通过学习和总结，将自己学到的一些技能总结一下！首先是移动像素，对于px应该都不会觉得陌生，这是css针对... 阅读全文
posted @ 2015-10-31 22:49 24k-小清新 阅读(1589) 评论(1) 推荐(1)
如何自定义滚动条？
摘要：滚动条的自定义化，往往在做移动web的时候，能为我们的项目增添不少风采，而且通过为其添加-webkit-overflow-scrolling : touch; 的css属性，使其有着如同ios系统浏览器中bounce的效果，这里的话，提供一个仿ios风格自定义滚动条的demo，代码如下： 1 2 ... 阅读全文
posted @ 2015-10-20 16:12 24k-小清新 阅读(3980) 评论(7) 推荐(0)
toolTip(用svg制作出富有动态的对话框)
摘要：昨晚看了用svg如何制作富有动态的tooltip，于是今天就心血来潮学着做一下，于是也成功做出来，也明白其中的原理，收获颇多阿！接下来要多去学习svg，这是个好东西。这其中也注意了一些平时纠结的细节应该怎么去做(演示：http://www.live086.cn/toolTip/)，比如： ... 阅读全文
posted @ 2015-07-31 10:38 24k-小清新 阅读(2605) 评论(0) 推荐(1)
css3制作时钟
摘要：制作时钟之前需要了解几点知识：一、圆上点坐标的计算二、时钟上时针、分针、秒针的换算我们观察一下时钟，首先想到的是与角度有关。再有是，秒针，分针，时针之间的进位关系。 比如说h时m分s秒，时针、分针、秒针此时此刻的角度：（-90，是因为rotateZ角度旋转规则，默认是从水平开始，逆时针为+，顺时针... 阅读全文
posted @ 2015-07-15 17:56 24k-小清新 阅读(1064) 评论(1) 推荐(0)
mysql 如何在访问某张数据表按照某个字段分类输出
摘要：也许大家有时候会遇到需要将把数据库中的某张表的数据按照该表的某个字段分类输出，比如一张数据表area如下我们需要将里面的area按照serialize字段进行分类输出，比如这种形式： areas serialize阿蓝色，艾沙云 A重庆森林，传承家园 C红军楼小区，海员新村 H .... 阅读全文
posted @ 2015-07-14 11:18 24k-小清新 阅读(523) 评论(0) 推荐(0)