Quantcast
Channel: w3cplus
Browsing all 1557 articles
Browse latest View live

Image may be NSFW.
Clik here to view.

2013年优秀jQuery插件连载(六期)

今天要向大家推荐的jQuery插件是第六期了,也就是说到今天为止,总共搜集了近60款各式各样的jQuery插件,涉及各种效果。在这一期中推荐的插件搜集了很久,才积累了这十款插件,主要有制作菜单的、图形的、网格的、翻转等。如果你喜欢,那就继续往下点击。...

View Article


Image may be NSFW.
Clik here to view.

前端资源收藏夹

今天在邮件中收到一个由 Dimi...

View Article

Image may be NSFW.
Clik here to view.

Dark UI Kit

CSS3带来的技术革新颠覆了传统网页的制作技术。只要你能够熟练掌握,通过CSS3的新特性,几乎可以制作出任何你想要的效果以及一部分以前只能用JS来实现的组件。白牙根据国外UI套件设计图,结合CSS3和原生JS将其所有组件还原了出来。包括以下各组件:导航条、表单、按钮、select下拉多选菜单、分享按钮、Tooptip、switcher开关、sliderbar滑动器、对话框、图片轮播插件、HTML5V...

View Article

Image may be NSFW.
Clik here to view.

SASS指南

Sass是是一种基于ruby编写的CSS预处理器,诞生于2007年,是最早也是最成熟的一款CSS预处理器语言,它可以使用变量、嵌套、混入、继承,运算,函数等功能,使得CSS的开发,变得简单清晰可维护,同时也大大节省了设计者的时间,提高了效率。Sass最后还是会编译出合法的CSS让浏览器使用,也就是说它本身的语法并不太容易让浏览器识别,因为它不是标准的CSS格式,在它的语法内部可以使用动态变量等,所以...

View Article

Image may be NSFW.
Clik here to view.

Alexwolfe的Button库使用

前几天在互联网上看到alexwolfe制作的Button库,觉得很有意思,特意花了些时间学习了一下这个库的源码与使用。今天花了点时间将期整理与大家分享。Button库并不是简单的一个CSS制作的Button库,在这里alexwolfe大师采用了SASS和Compass进行开发和维护的。或许有些同学看到这两个东东会觉得很蛋疼,不知道怎么使用,其实没有那么恐怖的,只要你略懂CSS,就完全可以使用这个按钮...

View Article


Image may be NSFW.
Clik here to view.

“HTML5守望者暨开发者日”HIGH爽来袭!

中国最有影响力的技术社区HTML5梦工厂将于2013年8月10日-11日在北京举行2013HTML5峰会暨开发者日。秉承“共享、共赢、共行动”的活动理念,立足HTML5的行业发展,致力于为互联网开发者搭建更加便捷、开放的沟通平台;本届峰会几大看点:世界上第一个基于HTML5的Mobile App框架Sencha开发团队将在本次峰会工具与应用专场带来“如何通过HTML...

View Article

SASS编译

引述SASS的出现让CSS变得更加有意思。至于SASS是什么?就不在做更多的阐述,因为她并不是一个新鲜的产物,现在在互联网上可谓是铺天盖地。如果你实在想知道SASS是什么?那你只要简单得知道他是CSS预处理器语言的一种。SASS在CSS的基础上做了一些扩展,使用SASS你可以使用一些简单的编程思想进来编写CSS。比如,SASS中可以定义变量、混合、嵌套以及函数等功能。只不过SASS不像CSS,可以直...

View Article

Image may be NSFW.
Clik here to view.

SASS调试

大家都知道几大主流浏览器对CSS的调试都非常方便,特别是通过Firebug这样的浏览器插件,更是让大家爱得没法说了。那么我们玩SASS能不能像玩CSS一样,通过浏览器的开发者工具,直接调试SASS呢?带着这样的问题,我开始在互联网上寻找这样的答案。值得庆幸的是在net tuts+上看到Umar Hansa的一篇教程——《Developing With Sass and Chrome...

View Article


Image may be NSFW.
Clik here to view.

让那些为Webkit优化的网站也能适配IE10

特别声明:此篇文章由David根据Charles Morris的英文文章原名《Adapting your WebKit-optimized site for Internet Explorer...

View Article


BEM的50道阴影

特别声明:此篇文章由David根据Kaelig的英文文章原名《Fifty Shades of...

View Article

Image may be NSFW.
Clik here to view.

BEM的定义

特别声明:此篇文章由David根据《Block, Element,...

View Article

Image may be NSFW.
Clik here to view.

Hold住CSS布局新属性

本文由LL根据Thomas Lewis的《Master the new CSS layout...

View Article

Image may be NSFW.
Clik here to view.

精彩网格式网页设计赏析

特别声明:此篇文章由Summer根据Nataly Birch的英文文章原名《A Beginner’s Guide on How to Become a Better Graphic...

View Article


Image may be NSFW.
Clik here to view.

Nodejs+Grunt配置SASS项目自动编译

早前听说Nodejs和Grunt很强大,特别是用来构建自动化的前端开发,更是强大无比。但一直碍于自己掌握的技术有限,不敢深入,也未曾深入下去。最近在开始学习SASS,也慢慢的接触这方面的东西。为了能更好的让SASS项目实现自动化编译,打算使用Nodejs和Grunt来试试。SASS的编译的话题,在《SASS编译》有进行过介绍,文中介绍的方法是在Ruby环境下,使用sass命令配合其各种不同的参数来实...

View Article

Image may be NSFW.
Clik here to view.

SASS界面编译工具——Codekit的使用

在《SASS编译》和《Nodejs+Grunt配置SASS项目自动编译》教程中,我们详细介绍了使用sass和使用grunt命令完成SASS项目的转译任务,其中还可以使用sass --watch和grunt...

View Article


Image may be NSFW.
Clik here to view.

SASS界面编译工具——Koala的使用

《SASS界面编译工具——Codekit的使用》一文中图解了"CodeKit"图形工具编译SASS项目。由于CodeKit是一款付费工具,而且只能在Mac中使用,因此国内众多SASS爱好者,或者初学者也就无法体验CodeKit工具编译SASS项目。幸运的是,有一款国产图形工具Koala和CodeKit功能极其类似,支持多个平台,而且是开源的。...

View Article

SASS基础教程——SASS基本语法与特性

前一段时间,一直在聊SASS的环境、安装、调试以及转译等相关问题。但一直未真正的切入SASS是如何使用的。我在想,更多的同学其关注点还是如何使用SASS?如何在项目中运用SASS?那么从这篇文章开始,我们一起来走进SASS。当你想真正走入SASS的时候,个人建议您能按照前面几篇文章,在你的电脑中构建好SASS的环境,包括如何安装环境、安装SASS、调试SASS以及编译SASS。或许正因为前期有这么多...

View Article


SASS官方文档

本文由Peter根据SASS官方文档所译,觉得非常的棒,所以...

View Article

Image may be NSFW.
Clik here to view.

理解SASS的嵌套,@extend,%Placeholders和Mixins

在《SASS基础教程——SASS基本语法与特性》文中主要介绍了SASS的基本语法和特性。简单的知道SASS具有四个基本特性:变量Variables、嵌套Nesting、混合Mixins和继承Selector...

View Article

sass揭秘之变量

刚开始sass的人,也许其最大的抱怨就是sass的变量了,尤其是那些了解less变量的,更是会说sass的变量做得不如less的变量好,less中有明显的全局变量和局部变量之分,但是到sass这边来,好像有点乱了,分不清了。其实不管sass的变量还是less变量都是有其设计的原理的,有着不一样的科学性,下面我们简单来了解下。全局变量和局部变量要了解sass或less的变量,有必要先了解下js的变量定...

View Article
Browsing all 1557 articles
Browse latest View live