国产一级a片免费看高清,亚洲熟女中文字幕在线视频,黄三级高清在线播放,免费黄色视频在线看

看到一個(gè)很棒的系列，介紹了很多對(duì)web開(kāi)發(fā)很有幫助的利器，解決了很多開(kāi)發(fā)中遇到的繁瑣事，翻譯來(lái)分享一下：

Webflow

通過(guò)這些服務(wù)，一個(gè)沒(méi)有HTML/CSS知識(shí)的人，就能在55分鐘內(nèi)搭建一個(gè)跨瀏覽器的頁(yè)面。 這是為網(wǎng)頁(yè)設(shè)計(jì)師準(zhǔn)備的完美解決方案，已經(jīng)有超過(guò)26 000人在使用Webflow。 只能免費(fèi)創(chuàng)建兩個(gè)項(xiàng)目，想要?jiǎng)?chuàng)建更多項(xiàng)目的收費(fèi)也很合理。 這個(gè)工具真的很酷。

如果你和我一樣是個(gè)不喜歡GUI的前端，就可以在Webflow上導(dǎo)出幾個(gè)免費(fèi)的響應(yīng)式布局模板。 我還想推薦responsive layout generator 和 Responsive Patterns。

Parallax.js

功能強(qiáng)大、使用簡(jiǎn)單的視差效果庫(kù)。

可以給所有的元素應(yīng)用視覺(jué)差效果，通過(guò)設(shè)置data-depth控制速度。 Parallax.js有一系列的參數(shù)：

<ul id="scene"  data-calibrate-x="false"   data-calibrate-y="true"    data-invert-x="false"       data-invert-y="true"    data-limit-x="false"  data-limit-y="10"  data-scalar-x="2"  data-scalar-y="8"  data-friction-x="0.2"  data-friction-y="0.8">   <li class="layer" data-depth="0.00"><img src="layer6.png"></li>  <li class="layer" data-depth="0.20"><img src="layer5.png"></li>  <li class="layer" data-depth="0.40"><img src="layer4.png"></li>  <li class="layer" data-depth="0.60"><img src="layer3.png"></li>  <li class="layer" data-depth="0.80"><img src="layer2.png"></li>  <li class="layer" data-depth="1.00"><img src="layer1.png"></li></ul>

傳遞父元素：

var scene = document.getElementById('scene');var parallax = new Parallax(scene);

Intention.js

很小，但很有用的庫(kù)，簡(jiǎn)化了創(chuàng)建完全自適應(yīng)布局的開(kāi)發(fā)過(guò)程。 用起來(lái)很簡(jiǎn)單。 操作原理如圖所示：

Device.js

該腳本類(lèi)似Modernizr，包含了 ios/android/windows/blackberry phone/tablet landscape/portrait 的 HTML 類(lèi)。

談到跨設(shè)備開(kāi)發(fā)，我想提及 Risizer -響應(yīng)設(shè)計(jì)測(cè)試的工具。 有很多類(lèi)似的服務(wù)，但是我認(rèn)為這種方法是最方便的。

GistBox

GistBox能同步你的Github 的 Gist。 可以通過(guò)標(biāo)簽排序，管理方便，隨時(shí)查看。 它是一個(gè)Chrome擴(kuò)展。

CSS Modal

起初，該項(xiàng)目是由一個(gè)團(tuán)隊(duì)成員創(chuàng)建的HTML5樣板。 CSS Modal-輕松讓網(wǎng)站能自適應(yīng)窗口變化。 首先要添加此代碼：

<section class="semantic-content" id="modal-text" tabindex="-1"        role="dialog" aria-labelledby="modal-label" aria-hidden="true">    <div class="modal-inner">        <header id="modal-label"><!-- Header --></header>        <div class="modal-content"><!-- The modals content --></div>        <footer><!-- Footer --></footer>    </div>    <a href="#!" class="modal-close" title="Close this modal" data-close="Close"        data-dismiss="modal">×</a></section>

然后在body的結(jié)束標(biāo)記之前添加modal.js。 這是完成了！

Dotdotdot.js, Uikit, HTML2PDF

最近，我需要用省略號(hào)來(lái)表明有更多的文字。 但標(biāo)準(zhǔn)文本溢出只能在一句中。 我發(fā)現(xiàn)一個(gè)好腳本dotdotdot.js，它完美地解決了這個(gè)問(wèn)題。

UIKit——輕量級(jí)的web開(kāi)發(fā)框架。

HTML2PDF——基于phantom.js。 還可以在線(xiàn)把HTML轉(zhuǎn)換成PDF。

英文原文：Awesomeness & Usefulness for Web Developers #2
由SegmentFault整理編譯