前端

前端设计一般可以理解为网站的视觉设计,包括HTML和CSS以及JavaScript/ajax等技术

PSD切图神技神器

PSD切图神技神器

前端切图历史悠久,或许那时候不叫前端,叫页面重构师。之所以页面重构师要自己动手切图,是因为面对多种多样的页面效果,UI设计师不知道每一张图的需求,常常会引发流血冲突,带来不可挽回的生命危险。 切图能体...

绕过限制,在PC上调试微信手机页面

场景 假设一个手机页面,开发者对其做了限制,导致只能在微信客户端中打开。而众所周知手机上非常不利于调试页面,所以需要能在电脑上打开并进行调试。这里针...

web前端ui框架集合一

如今移动端网站越来越火热,移动端的网站也纷纷崛地而起,在进行web前端开发时,需要用到适合自己项目的框架就需要有偶遇的机会,特别是适合移动端的web前端...

轻量前端框架 Spectre.css

轻量前端框架 Spectre.css

Spectre.css Spectre.css is a lightweight, responsive and modern CSS framework for faster and extensible development. lightweight and clean starting point for your project and prototype flexbox,...

bootstrap modal BUG

触发modal的时候,会在body标签增加一个class:modal-open,并且添加样式 style="padding-right: 15px;" 导致有15像素的移位,一开始以为是自己布局出了问题...

如何一步步把网站Retina优化

如何一步步把网站Retina优化

随着高清屏幕、高分辨率屏幕越来越流行,例如MacBook Retina机型、iPad Air系列,这些新生机器有着很高的PPI,对网页的清晰度要求很高,所以越来越多的站长都不得不面临一个问题,那就是把自己的网站做到高分辨...

这才叫真正的产品设计

这才叫真正的产品设计

抗寂寞拉面碗 和手机共进晚餐,只有手机陪的人好心酸(小心把汤汤溅到屏幕上) 创意番茄酱包设计 再也不担心番茄酱粘到受伤了 蝴蝶茶包 蝴蝶茶包(Blooming Tea),茶包挂绳的另一头是纸做的蝴蝶,泡茶的时候,这...

收集免费的HTML/CSS/JS UI工具包

收集免费的HTML/CSS/JS UI工具包

随着HTML5和CSS3以及网页设计布局的全面翻新创新改革。让很多网页设计者和界面设计师都知道一个道理。就是去掌握一套对应的工具包。这不仅仅是未来提高工作的效率,还能更好的去处理网页整体视觉效果。界面也可...

一行代码打造在线编辑器

一行代码打造在线编辑器

在大部分人眼里,技术宅给人的印象是沉默寡言,总摸不透他心里想些什么,彼此都保持距离。作为半个程序员,我觉得真正的技术宅大部分时间都在找乐子,鼓捣各种想法,和大部分人的极客心理是一样的,程序员也还爱...

关于重构,代码的坏味道,应该重构的代码

应该重构的代码 1.重复的代码: 重复代码在同一个类中的不同方法中,则直接提炼为一个方法,如果重复代码在两个互为兄弟的子类中,则将重复的代码提到父类中...