前端

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

Gravatar和Google CDN资源库的加速服务新选择

由于GFW的原因,很多资源都要依赖于VPN或SS等代理来加载,但一些最基本的公共资源也被屏蔽就有点说不过去了,如Gravatar服务。 之前我们用的方案无外乎使...

Bootstrap Dropdown 主菜单可点设置

Bootstrap Dropdown 主菜单可点设置

Dropdowns制作下拉很方便,很多朋友做完后都发现,主菜单href值不会跳转了,下面是解决方法: 根据官方文档说法 To keep URLs intact with link buttons, use the data-target attribute instead of href="#". “...

Medium的CSS 方案:简直完美

Medium的CSS 方案:简直完美

不管是气质、穿着还是行为,我总是想要做到最好。就算是我扔进垃圾桶的垃圾,也要比其他人扔的东西好。 — Lil Wayne 下面是我们把Medium的CSS代码一步步优化的过程,对于我们是如何做成现在这样、以及今后的规划...

前端框架 Bootstrap 是如何开发的

前端框架 Bootstrap 是如何开发的

几个月前,有人问我:“你们是如何在Bootstrap中管理和开发功能的?”总的来说,这是一个管理比较松散的社区,但是我们的确制定了一些特别的指导方针。 目前,体验盒子(UB2016)也使用了Bootstrap框架。 将其视为一...

MacOS Sublime Text 3 安装sublime-phpcs全家桶指南

MacOS Sublime Text 3 安装sublime-phpcs全家桶指南

一直在找比较好用的php代码语法错误提示的sublime插件,之前使用的sublime-linter能够提示一些fatal error和syntax error,但是比如变量未定义的错误不会提示(我经常会犯的错误,比如手滑前面定义了一个变量,...

npm install慢/无响应解决方案

npm install慢/无响应解决方案

国内访问外网都很慢,甚至不能访问!大家都懂,都很无奈!安装Node时自带的npm地址默认是:http://registry.npmjs.org ,npm install没反应! 跟着下面操作来解决吧! 方案一:使用cnpm 安装 ...

Dracula,一个黑色漂亮的代码主题

Dracula,一个黑色漂亮的代码主题

Dracula Theme 支持Atom, Alfred, Emacs, Highlight.js, iTerm, JetBrains, Pygments, Slack, Sublime Text, TextMate, Terminal.app, Vim, Xcode, Zsh。 主题安装 所有APP安装介绍看draculatheme.com,每款APP都...

几个实用的Sass mixins

Mixins 是 Sass (其实很多预处理语言都有) 中用来方便地复用代码的方法,你可以简单点理解成函数,返回的是一组 CSS 属性或代码。 CSS ...

PSD切图神技神器

PSD切图神技神器

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

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

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