Web開發利器推薦(二)

2021-09-20 06:08:10 字數 1657 閱讀 1896

看到乙個很棒的系列,介紹了很多對web開發很有幫助的利器,解決了很多開發中遇到的繁瑣事,翻譯來分享一下:

通過這些服務,乙個沒有html/css知識的人,就能在55分鐘內搭建乙個跨瀏覽器的頁面。 這是為網頁設計師準備的完美解決方案,已經有超過26 000人在使用webflow。 只能免費建立兩個專案,想要建立更多專案的收費也很合理。 這個工具真的很酷。

功能強大、使用簡單的視差效果庫。

可以給所有的元素應用視覺差效果,通過設定data-depth控制速度。 parallax.js有一系列的引數:

傳遞父元素:

var scene = document.getelementbyid('scene');

var parallax = new parallax(scene);

很小,但很有用的庫,簡化了建立完全自適應布局的開發過程。 用起來很簡單。 操作原理如圖所示:

該指令碼類似modernizr,包含了 ios/android/windows/blackberry phone/tablet landscape/portrait 的 html 類。

談到跨裝置開發,我想提及 risizer -響應設計測試的工具。 有很多類似的服務,但是我認為這種方法是最方便的。

gistbox能同步你的github 的 gist。 可以通過標籤排序,管理方便,隨時檢視。 它是乙個chrome擴充套件。

然後在body的結束標記之前新增modal.js。 這是完成了!

最近,我需要用省略號來表明有更多的文字。 但標準文字溢位只能在一句中。 我發現乙個好指令碼dotdotdot.js,它完美地解決了這個問題。

uikit——輕量級的web開發框架。

英文原文:awesomeness & usefulness for web developers #2

由segmentfault整理編譯

高效能WEB開發 web效能測試工具推薦

firebug 程式設計客棧firebug 是firefox中最為經典的開發工具,可以監控請求頭,響應頭,顯示資源載入瀑布圖 httpwatch 功能類似firebug,可以監控請求頭,響應頭,顯示資源載入瀑布圖www.cppcns.com。但是httpwatch還能顯示gzip壓縮資訊,程式設計客...

移動Web利器transformjs入門

在過去的兩年,越來越多的同事 朋友和其他不認識的童鞋進行移動web開發的時候,都使用了transformjs,所有必要介紹一下,讓更多的人受益,提高程式設計效率,並享受程式設計樂趣。當然transformjs不僅僅支援移動裝置,支援css3 3d transforms的瀏覽器都能正常使用transf...

Web滲透之Web利器合集 sqlmap使用手冊

os cmd sql shell 8.讀取伺服器指定檔案 9.更新 u指定注入點url r 指定檔案 dbs跑庫名 d指定資料庫 tables跑錶名 t指定表 columns跑字段 c指定字段 dump跑資料 敏感指令 count檢視資料量 cookie注入 cookie id 66 level 2...