Quantcast
Channel: CodeShurrik »前端之路
Browsing latest articles
Browse All 6 View Live

Image may be NSFW.
Clik here to view.

前端之路_0关于Bootstrap的响应式布局设计

Bootstrap自动实现了自适应网页设计(Responsive Web Design),或者说响应式布局。 一、”自适应网页设计”的概念 2010年,Ethan Marcotte提出了“自适应网页设计”(Responsive Web Design)这个名词,指可以自动识别屏幕宽度、并做出相应调整的网页  阅读全文...

View Article



前端之路_1CSS自定义滚动条样式

突然很看不惯默认的滚动条,于是研究了一番改成了现在的样子,兼容IE和基于webkit的浏览器,正好来总结一下。 一、IE下的滚动条样式 IE是最早提供滚动条的样式支持,嗯,好多年了,但是其它浏览器一直没有支持,IE独孤求败了。 这些样式规则很简单: /*for IE*/ .test{ scrollbar-base-color:color; /*滚动条的基色*/ scrollba  阅读全文...

View Article

前端之路_2CSS三角形

标题有点唬人。。。也不是说要做F2E,只是前段时间做了这个wordpress主题感觉还挺好玩。 之前只是在w3school上看了看CSS语法,都不咋会CSS,做完了才稍微入点门。然后嘛现在总结一下最近所学,基本上是想到哪写到哪,页底有demo页面。 1.块级元素居中 一般用作.container,给一个width,然后利用margin的auto .container{   阅读全文...

View Article

前端之路_3JS原型与闭包

做毕设的时候看JS学到OO就没看下去了,到现在过了这么久。当时看原型就不是很明白。前段时间看jQuery就顺带看了看原生JS,首先就是原型prototype。 prototype属性: 所有javascript内部对象都有只读的prototype属性,可以向其原型中动态添加功能(属性和方法),但该对象不能被赋予不同的原型。然而,用户定义的对象可以被赋给新的原型  阅读全文...

View Article

前端之路_4js输出浏览器与操作系统

这两周比较忙,没怎么看书,也就没怎么更新(其实就是懒). 话说上周刚把COD10通关了(…不是比较忙吗?),游戏体验上马马虎虎,剧情略扯淡,一贯的美国先遭殃,然后全球沦陷,然后美国拯救世界外加输出美帝爱国主义加个人英雄主义. 不对啊,怎么快变成COD10通关攻略了,我明明是想说说正则的.话说回来,COD10真tm大啊,30多个G快赶上WOW了…期待COD11… 回到正题,输出浏  阅读全文...

View Article


前端之路_5sticker贴纸效果

  上一次更新前端之路系列都是一年前了,这次来点干货。   起因是发现dandy主页又改版了。看到他头像特效简直酷炫666到没朋友,我就萌生了 COPY 学习的想法。   看了半天源码,css贝塞尔曲线神马的没看懂,js还是压缩过的,各种abchjk,无奈之下求助前端大神duanzhihe。大神果然靠谱,一眼看出实现原理,就是有一个半透明的图片,每次鼠标浮上去后就往相应的方向移动,然后  阅读全文...

View Article
Browsing latest articles
Browse All 6 View Live




Latest Images

Vimeo 10.7.0 by Vimeo.com, Inc.

Vimeo 10.7.0 by Vimeo.com, Inc.

HANGAD

HANGAD

MAKAKAALAM

MAKAKAALAM

Doodle Jump 3.11.30 by Lima Sky LLC

Doodle Jump 3.11.30 by Lima Sky LLC

Doodle Jump 3.11.30 by Lima Sky LLC

Doodle Jump 3.11.30 by Lima Sky LLC

Vimeo 10.6.1 by Vimeo.com, Inc.

Vimeo 10.6.1 by Vimeo.com, Inc.

Vimeo 10.6.0 by Vimeo.com, Inc.

Vimeo 10.6.0 by Vimeo.com, Inc.