首页
关于我
Search
1
iTerm2 快捷键大全
3,098 阅读
2
关于使用emlog主题《莫小奈定制版》出现问题及解决方案(使用此主题必看)
1,466 阅读
3
MacOS Monterey 12.3 系统更新了自带的python问题
546 阅读
4
纯css实现一个右边滑出,挥手n次的css动画
443 阅读
5
emlog评论添加一键获取QQ昵称和头像教程(附代码)
362 阅读
Media
Web
SoftWare
Life
登录
Search
标签搜索
前后端分离
关爱码农
shadowsocks客户端
linux
formData获取json对象
emlog2typecho
emlog转typecho
typecho修改gravatar源
emlog迁移
a记录不能cname解析
emlog文章如何插入视频
debian下完全卸载mysql,安装MariaDB
一键获取QQ昵称和头像
emlogQQ获取昵称
《功夫》影评
终极杀人王的身份之谜
我为什么不再接受外链申请
新浪微博图床
围脖是个好图床
升级版
Typecho
累计撰写
108
篇文章
累计收到
220
条评论
首页
栏目
Media
Web
SoftWare
Life
页面
关于我
搜索到
42
篇与
Web
的结果
2015-11-05
2015年发布的11个最有用的CSS工具
CSS或级联样式表是用来设计网页的,并且你可根据自己的需求进行自定义。CSS包含的主要元素有排版、字间距调整、对齐方式、颜色、字体等。自定义CSS可以在记事本中创建,但你应该感谢那些建立相关编写CSS代码软件并在网站执行他们的开发者。这里列出了被设计者广泛使用的CSS的工具。1. SkyblueSkyblue是一个启动项目的精准工具,它使用12列的网格系统。Skyblue框架建在SASS里。2. Contrast RatioContrast Ratio是一个软件来分析任何两种有效的CSS颜色之间的对比度。该工具更新对比度的asyou类型,并且鼠标悬停在圆圈上就会给出一个详细的解释。3. CSS BurritoCSS Burrito架构由面向对象的CSS组成,允许独立的皮肤和结构以及从容器分开的内容。它还包括对于CSS的可扩展和模块化架构,这将增加HTML和内容的语义值并且减少特定HTML结构的期望。4. SkylineSkyline是构建CSS框架的主要软件之一,它提供坚实的CSS架构来支持你的特殊设计系统。Skyline的结构由四个层组成- Base、Elements、Layout以及Modules。5. BuddyBuddy从更高阶的CSS/ HTML/ JS语言像CoffeeScript,JSX,ES6,Twig,Jade等编译源代码。Buddy的主要功能特点是: 精确的解决JS的依赖。 允许在没有模块样板的情况下写JS模块。 支持通过将js模块存储为字符串进行高效运行评估。 6. TurbineTurbine是一个节省CSS开发时间的工具,通过提供最强大的PHP工具,包括最小的语法、CSS变量和选择器的别名、内置设备、浏览器、操作系统嗅探、自动错误修复以及改进旧的浏览器。7. CSSessCSSess是一个JS工具,帮助你找到网站上额外的CSS系统。它被专门设计为书签,并通过Helium CSS的启发。8. Critical PathCritical Path CSS工具仅用于提取所需某个特定网页上文件夹内容的CSS。它是用于加速网页的呈现。9. CSS SANSCSS SANS是另一个CSS工具,它用于极端网页设计编程语言和排版。有了这个软件,你可以通过调整字间距改变网页的布局,它还提供了Web项目包含的各种字体。10. SpaceBaseSpaceBase对于基于响应CSS框架的SASS来说是很特别的。 SpaceBase融合了响应你的项目中使用的内部模块网络的最佳实践。 SpaceBase的主要特点是-流体和移动第一个网格,SASS-based,面向对象的CSS以及对光速进行了优化。11. deSVGdeSVG是一个用于从你的HTML文档删除联SVG膨胀,并且使SVG不能访问JavaScript的CSS工具。以上所列CSS框架是设计开发你的CSS模板的最终的解决方案。如果你正在设计一个网页,供个人使用或开发它的业务,这些工具将帮助你提供正确的设计。无论你是入门还是有经验的设计人员都可以完美的使用这些工具,因为它们是完全用户友好并为你提供正确的思路。
2015年11月05日
139 阅读
0 评论
0 点赞
2015-11-05
js面向对象_基于组合的方式实现继承
js面向对象_基于组合的方式实现继承<script type="text/javascript"> /** * 组合的实现方式是属性通过伪造的方式实现,方法通过原型链的方式实现 * 注意内存模型 */ function Parent(name) { this.color = ["red","blue"]; this.name = name; } Parent.prototype.ps = function() { alert(this.name+"["+this.color+"]"); } function Child(name,age) { //已经完成了伪造 Parent.call(this,name); this.age = age; } Child.prototype = new Parent(); Child.prototype.say = function() { alert(this.name+","+this.age+"["+this.color+"]"); } var c1 = new Child("Leon",22); c1.color.push("green"); c1.say(); c1.ps(); var c2 = new Child("Ada",23); c2.say(); c2.ps(); </script>
2015年11月05日
151 阅读
0 评论
0 点赞
1
...
8
9