• [译]你考虑清楚了吗就决定用 Bootstrap ?

    原文地址: Bootstrap considered harmful 译文出自: 掘金翻译计划 译者: MAYDAY1993 校对者: Kulbear hpoenixf 近年来,在前端项目中, Bootstrap 已经成为了一个非常受欢迎的工具。 Bootstrap 的确有很多优点,然而,如果你的团队中恰好有一个专职的前

    16-08-31
  • [译]嘿,Logo,你应该是这个尺寸的!

    原文地址: Practical SVG 本文已获得原作者 Chris Coyier 的授权 译文出自: 掘金翻译计划 译者: MAYDAY1993 校对者: zhouzihanntu hpoenixf 可能你想控制任何你放在网上的图片的尺寸,嗨!就是你! Logo !你应该是这个大小: imgsrc=logo.pngclass=logo/

    16-08-31
  • 2016年5月15个有趣的CSS和JavaScript库

    Hint.css 为HTML元素添加提示的纯CSS库。虽然 Hint体积非常小,但是我们仍然做到了可自定义,比如大小,颜色和动画。它不需要一行代码,提示是通过添加data属性创建的。 Turntable.js Turntable.js可以让你轻易实现图像的3D旋转,它通过把一组图片放在 on-ho

    16-06-08
  • 关于z-index 那些你不知道的事

    原文出处: tutsplus 。 CSS当中的 z-index 属性看起来足够简单,但是如果你真的想了解它是如何工作的话,在这简单的表面之下,又有许多值得探究的内容。 在这篇教程中,通过探究 层叠上下文 和一系列实际的例子,我们将会阐明z-index的内在机理。 CSS为盒模

    16-06-06
  • 使用SVG滤镜创造Gooey效果

    今天我们将演示如何使用SVG Filter在HTML元素上实现沾粘效果(gooey-like effect)。我们首先讲解基础知识,然后再演示几个针对web元素的创造性用例,比如菜单,app, selection,页面导航等。 注意 这种效果只是试验性的,只支持现代浏览器。 我们首先深入

    16-06-06
  • 影厅座位预览效果(css3)

    查看 demo 下载源码 你可能对那些购买时需要选择座位的订票系统比较熟悉。通常在比赛,电影,搏击或者演唱会售票的时候需要这样做。如果能有一种座位的预览效果该有多酷啊,比如能够从你选择的位置的角度去预览舞台或者屏幕。这个问题引出了今天我们将要分享

    16-06-02
  • 使用 SVG Filter实现扭曲的按钮效果

    View demo Download source 紧接着Lucas Bebber在 最近的web实验 中对图片和文字制造的逼真热辐射和水波效果,我们想分享一下这类效果在按钮上的灵感。在HTML元素上使用SVG滤镜能让我们有更大的机会实现创造性的点击互动,这正是我们今天所要探索的内容。 主

    16-06-01
  • node.js 缺少mysql模块

    node.js npm install mysql安装mysql需要在项目目录下执行该命令

    16-05-12
  • Medium 是如何加载图片的?

    首先,我们来看看 Medium 加载图片的效果是怎样子的: 我的 博客首页 也实现了这种效果。下面我们就分析如何实现。 How 我们随便打开 Medium 中有图片的 页面 ,然后审查元素,就可以得到: 简化之后得到: sectiondivclass=placeholder/divdivclass=prossiv

    16-05-12
  • 怎么用Vue实现material design的涟漪动效

    原文出处: http://gold.xitu.io/entry/5713521271cfe4005b300e6d 第一次看到material design lite 的时候只能用惊艳来表达,原来按钮、复选框、输入框还可以这样玩。 material design lite 官网 http://www.getmdl.io/components/index.html 需要翻墙 先上

    16-04-22
  • JavaScript 生态之乱象

    本文描述了在前端生态大繁荣的形势下,花样繁多的框架和工具库,让一个原本经验丰富的 Web 开发者变得手足无措、生产力低下的问题。JavaScript 生态圈旺盛的生产力,让一部分开发者欣喜,也让一部分开发者感到担忧。这篇文字,便是表达担忧的声音。作为开发者

    16-04-14
  • CSS分层动画可以让元素沿弧形路径运动

    原文: Moving along a curved path in CSS with layered animation 翻译: 涂鸦码龙 译者注:部分代码示例在原文中可以看效果(作者写在博文里面了…),我偷懒把它做成Gif图了。 CSS 的 animations (动画) 和 transitions(变换)擅于实现从点 A 到点 B

    16-01-15
  • 最全面的前端开发指南

    HTML 语义 HTML5为我们提供了很多旨在精确描述内容的语义元素。确保你可以从它丰富的词汇中获益。 !--bad--divid=maindivclass=articledivclass=headerh1Blogpost/h1pPublished:span21stFeb,2015/span/p/divp…/p/div/div!--good--mainarticleheaderh1Blogpo

    16-01-12
  • 近几年前端技术盘点以及 2016 年技术发展方向

    Web 发展了几十个春秋,风起云涌,千变万化。我很庆幸自己没有完整地经历过这些年头,而是站在前人的肩膀上行走。Web 技术发展的速度让人感觉那几乎不是继承式的迭代,而是一次又一次的变革,一次又一次的创造。这几年的前端,更为之甚! 我从 12 年底开始接

    16-01-05
397文