整合營銷服務商
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
這18個網站是我在取經路上意外發現的，里面包括 純CSS 實現的炫酷背景，還有專門制作背景圖的網站。 算是取經路上的大補之物~
? 傳送門：https://projects.verou.me/css3patterns/
如果你認識 Lea Verou 的話，大概率知道這個網站，她徒手寫了幾十個 純CSS 實現的背景圖樣式。 網站上提供了她的代碼。
如果你不認識她，那我一定要推薦你閱讀一下 《CSS揭秘（圖靈出品）》 這本書，它會讓你大受震撼！
? 傳送門：http://www.standardista.com/cssgradients/
除了 Lea Verou 的網站外，CSS3 Gradients 也提供了這類示例。同樣提供代碼下載。
? 傳送門：https://bennettfeely.com/gradients/
功能和前面兩個差不多，自己點開看看唄~
? 傳送門：http://www.standardista.com/CSS3gradients/flags.html
使用 純CSS 的方式畫出多國國旗。“右鍵 - 檢查網頁源代碼” 可以獲取代碼。
? 傳送門：https://heropatterns.com/
Hero Patterns 是比較出名網站了，官方提供了幾十款紋理，你可以根據自己的需求設置兩種對比色和不透明度。 完成后會返回一段CSS代碼給你，不過和前面幾個網站有點不同的是，Hero Patterns 的背景圖使用了 base64 的方式去實現的，而不是 CSS 背景漸變 的方式。
? 傳送門：http://evankarageorgos.github.io/hue/grid.html
使用 CSS 背景漸變 的方式做出的數十款高端大氣的背景，網站上的所有案例都提供了代碼。
? 傳送門：https://stripesgenerator.com/
Pure CSS Stripes Generator 主要是幫你生成 條紋背景 的代碼。 你可以在網站上根據自己的需求設置條紋的顏色、大小、傾斜角度等屬性。 最后會返回一段 css 代碼給你。
? 傳送門：https://glassgenerator.netlify.app/
Glass Morphism 的功能是設置 毛玻璃背景 樣式，你可以在上面手動調節毛玻璃的不透明度、模糊度、背景色等屬性。 最后會返回 html 和 css 代碼給你。 非常好玩，趕緊去試試吧~
? 傳送門：https://uigradients.com/
提供了不同色系搭配的漸變代碼。如果你不太擅長配色，可以使用 uiGradients
? 傳送門：https://webkul.github.io/coolhue/
Gradient Colors Collection Palette 上有幾十個色卡，可以一鍵復制 css 代碼。
? 傳送門：https://webgradients.com/
Fresh Background Gradients 提供了即使個配色方案，有雙色的，也有多色的。同樣提供一鍵復制 css 代碼。
? 傳送門：https://coolbackgrounds.io/
可以生成 5種類型 的背景圖片，并且提供多套成熟的配色方案供你選擇。 但該網站生成的是背景圖片，不是代碼。
? 傳送門：https://svgwave.in/
生成波浪背景圖，可以自定義波浪的幅度、顏色等屬性。 支持 SVG 和 PNG 下載。
? 傳送門：https://www.toptal.com/designers/subtlepatterns/
提供了幾十種紋理圖。
? 傳送門：http://www.stripegenerator.com/
可配置的條紋背景圖片。
? 傳送門：https://galactic.ink/bg/
在線設置紋理背景和漸變顏色，最后融合在一起生成一張好看的圖片。 同時還提供 css 代碼給你參考，告訴你如何更好的使用這張圖片。
? 傳送門：https://patterninja.com/
光看圖片介紹就知道這個網站好好玩。 Patterninja 幫你生成可平鋪的背景圖。
? 傳送門：http://thepatternlibrary.com/
提供幾十款可平鋪的好看背景。 注意：下載按鈕在網頁的左上角。
天，小雷發起了一個投票。有300多號人說，ios 12真香。
來，先讓我們隔空擊個掌。
在諸多“值得為此更新ios 12”的理由中，小雷肯定首選捷徑。
原因有3點：
舉個例子，以前小雷下載微博視頻，至少需要5步：
復制視頻鏈接→打開第三方工具→粘貼地址→解析視頻→保存到相冊
而現在有了捷徑，一步到位。
嘿嘿，你是不是在屏幕前發出了“wow”的聲音？
想知道怎么玩？小雷今天手把手教你。
走起。
捷徑是個啥？
先介紹一下。捷徑是個 App ，它的前身是 Workflow，一個神級工具庫。
不知道也沒關系，你只需要知道，財大氣粗的蘋果公司去年把它收購了，并免費給我們用。
經過一番整合，就成了現在的閃耀巨星、小雷的心頭好——捷徑！
but……捷徑并沒有內置在系統里，就算你更新到了 ios 12，還是需要手動下載。
ok，相信你已經下完了。
讓我們打開App，你會發現里面只有一個“創建捷徑”。大部分人應該會很失落，這什么玩意？
科普一下，這是給你自己設定規則用的，需要懂點編程知識。
但是別怕！捷徑這個 App 好就好在，我們可以直接用現成的。
從哪獲取現成的捷徑？
1.捷徑中心
App 本身有個捷徑中心，找到你喜歡的，點擊獲取就可以了。
2.網友分享
除了官方自帶，網上還有大神做了一堆捷徑。微博、貼吧隨便搜，找到鏈接后，直接安裝就可以了。
說到這里，小雷真的很羨慕你們，認識了我這么好的人。
都不用你們伸手，我就主動把我私藏的捷徑庫送給你們。喏，接著。
1.【少數派】http://workflow.sspai.com/#/main/workflow2.【雪蓮閣】http://www.xuelg.com/teach/workflow.html3.【捷徑社區】https://sharecuts.cn/fresh
然后你就可以在捷徑的海洋里自由徜徉了。
好用的捷徑太多了，說起來能說三天三夜。小雷就推薦兩個我覺得很實用的吧。
1.付款掃碼：一秒進入支付寶/微信付款界面，而且還支持 Apple Pay。
鏈接：https://workflow.is/workflows/6952cee4c176446ba52c0088e619229a
2.人工客服：免去等待過程，一鍵直達人工客服。
鏈接：https://www.icloud.com/shortcuts/96208abfded3479598eb240f4115cc6e
還有視頻轉gif、以圖搜圖、快速換鈴聲等等等等。篇幅有限，小雷就不多說了，你們可以慢慢挖掘。
總之，擁有捷徑，你就等于有了一座挖不完的礦。
怎么讓捷徑用起來更方便？
使用捷徑已經很省事了，但小雷覺得不夠。我想把這些功能通通放到桌面，甚至語音喚醒。
該怎么做呢？
第一步，把它添加到負一屏。
設置方法很簡單，“編輯小組件-下拉找到捷徑-添加”。
這樣就是真的一勞永逸了。
第二步，就是跟 Siri 結合。
先來看看效果，當小雷說出“回家路線”， Siri 就自動幫我運行起了這個捷徑。
（蘋果收購 Workflow 真的有種帶自家傻孩子 Siri 上分的即視感）
操作方法：在“設置 - Siri與搜索 - 所有捷徑”里找到相應的捷徑，然后錄下口令就 ok 了。
所有的捷徑，都可以通過這種辦法，實現語音控制。
小雷感覺，自己的天貓精靈都可以gg了。
相信看到這里，原本不想更新 ios 12 的朋友也心動了吧。
建議你們把這篇文章收藏起來，要用的時候就翻出來看看。
至于安卓小伙伴，不要灰心，小雷知道一個類似“捷徑”的安卓App。
想知道的，在評論里call 2。老規矩，人多就寫。
歌的親兒子 Chrome 推出已十年，依然制霸著全球的瀏覽器市場——而這種統治地位也讓人們越來越擔心它會成為新時代的 IE。
圖片來源：The Verge
Chrome 發布已十年，牢牢占據六成市場份額
2008 年 9 月 1 日，Google 在其官方博客上宣布推出 Chrome 瀏覽器——這款迎著“默認瀏覽器”IE 的風頭，喊著“瀏覽器市場破局者”口號的新入場者，一經殺入，便引發了瀏覽器市場的強烈震蕩。
彼時，瀏覽器市場的兩大巨頭 IE 和 Mozilla Firefox“養尊處優”多年，早已發展成了臃腫復雜的系統，人們對此也是頗有微詞，但卻沒有新鮮的瀏覽器血液供用戶選擇。因此，這為 Chrome 的迅速生長提供了絕佳契機。憑借簡潔的用戶界面和快捷的瀏覽速度，Chrome 迅速俘獲了一大批包括網頁開發者在內的技術領域核心用戶。
到 2010 年 7 月，Chrome 就已經搶占了接近 10% 的市場份額。2012 年，Chrome 正式以 33.81% 的市場占有率成功取代 IE 的霸主地位。經過這十年的發展，Chrome 已經是市場份額最高的桌面和移動瀏覽器了，遠遠甩開 IE、火狐等。根據 Netmarketshare 最新的統計顯示，Chrome 在桌面瀏覽器市場的份額超過了六成，主導地位不可撼動。
圖中統計了 2017 年 9 月至 2018 年 8 月的瀏覽器份額統計。其中，Chrome 一騎絕塵，占比 62%；IE、Firefox 分列二三，占比均為 10% 左右；其余的占比均在 5% 以下，包括 Edge、Safari、搜狗、Opera 等。而且根據近一年的統計曲線可以直觀地看出，各瀏覽器的市場份額比重幾乎無任何變化，可見，這種傲視群雄的趨勢還會持續很長一段時間。
回首 Chrome 的十年之路，它的成功離不開每一次重大的技術迭代和敏銳的市場嗅覺。在瀏覽器上線之初，谷歌就發布了一套 39 頁的漫畫來向用戶解釋 Chrome 的優勢所在，以期迅速抓住新用戶。在登陸 Windows XP 之后，Chrome 又在一年之后推出了 Linux 和 macOS 版本，以滿足不同系統用戶的使用需求，再次擴大了使用份額。
在技術上，Chrome 同樣付出了很多精力。不僅采用了蘋果的 WebKit 渲染引擎，還借鑒了火狐的內核，以兼顧兼容性和性能。在微軟 IE 一直想辦法克服的 Open Web 標準測試上，Chrome 前瞻性地采用了 HTML5 這一更先進的標準。而且，它還創新性地提出了標簽頁‘沙盒化’的設計，大大提高了多開網頁場景下的速度和穩定性，更是提升了用戶使用體驗。
Chrome 會是下一個 IE 嗎？
從曾經的“微軟預裝默認瀏覽器”，到如今的“廉頗老矣”，IE 經歷過最輝煌的時刻，也走入了瀏覽器生涯的末端。這似乎是所有產品不可逆轉的生命周期。那么如今正盛的 Chrome 會是下一個 IE 嗎？討論這個問題之前，我們先來看一下，曾經的 IE 瀏覽器是如何坐上王座的。
IE 誕生于 1995 年。當時，市場上使用最多且口碑最好的是網景瀏覽器，與之相比，捆綁在 Win95 的 IE 1.0 速度慢、功能少，毫無競爭優勢。
但隨后，IE 就開始了王者之路。從 IE 3.0 開始，它支持 CSS 等先進特性，這一功能幫助其攻占了 30% 的市場份額。此后，Win 系統繼續深度融合 IE，越來越多的網絡服務也開始以 IE 為規范。等到 WinXP 和 IE 6.0 時代，IE 已然天下無敵，市場占比達 90% 之多——慘遭落敗的網景瀏覽器最終在 1998 年選擇賣身給了 AOL。
但 IE 在 6.0 以后，微軟開始在瀏覽器方面停滯不前，導致業界怨聲滿滿，這也讓火狐得以在性能和功能上雙雙超越 IE。
火狐瀏覽器和網景一脈相承，它的開發者多數來自網景，代碼也以網景為基礎。有此背景，火狐曾一度占據 30% 的市場份額。但彼時，互聯網爆發時期的 WinXP 風頭強勁，各大銀行、政府網站也只支持 IE，使其成為了事實上的 Web 標準——因此，缺乏根本優勢的火狐還是沒能徹底擊敗 IE。
那么為何 Chrome 能取夠逆襲成功？有以下幾方面的因素。
Chrome 性能高，產品力突出
臃腫復雜的頁面設置會讓用戶的使用體驗大打折扣，而 Chrome 的界面卻十分清爽，在保持高性能的同時還良好地支持 Web 特性。此外，和火狐一樣，Chrome 也支持擴展程序，具備非常大的產品力。
Chrome 的捆綁營銷把控了大量流量
和 IE 捆綁微軟 Win 的做法類似，Chrome 也存在很多的捆綁營銷行為。
在移動平臺上，Android 占據了絕大部分的市場，而 Android 5.0 以后的系統 WebView 都是基于 Chromium（谷歌 Chrome 瀏覽器背后的引擎）開發的，這使得開發者想要開發移動網頁，就得優先考慮兼容 Chrome。這種做法，幫助 Chrome 把控了移動平臺的絕大部分流量。
借助谷歌的推廣渠道，Chrome 全面鋪排市場
作為谷歌的親兒子，谷歌在推廣 Chrome 方面也是不遺余力。谷歌旗下的很多頁面對其它瀏覽器的兼容都相當不友好，而且，如果用戶用非 Chrome 的瀏覽器訪問谷歌頁面，就會看到推銷 Chrome 的廣告，聲稱使用 Chrome 才能獲得最佳體驗......種種鋪天蓋地的“洗腦”下，其推廣效果可見一斑。
Chrome 坐擁 Chromium 開源項目，擠占 IE 生存空間
Chrome 還開源了 Chromium 項目，使得基于其代碼開發的瀏覽器層出不窮，而這些“衍生版”往往還兼容 IE 內核，也讓更多用戶選擇拋棄了 IE。
綜上可以看出，在桌面開發和移動網頁兩方面，Chrome 已經控制住了大部分流量入口，IE 再也不是事實上的 Web 標準了。至于 Chrome 是否會重蹈 IE 的覆轍？只能說被淘汰、被取代是所有產品都逃不掉的的宿命，也許終有一天 Chrome 會被后來居上者擠壓掉生存空間。但在可預見的未來，從技術、市場、渠道等多方面來看，短時間內很難有可以相匹敵的勁敵出現。
Chrome 69 版本正式發布
以史為鑒，繼往開來——相信處在頂峰的 Chrome 不會不明白優勝劣汰的道理，守業更比創業難，在通往未來的道路上，這是它必須時刻謹記的初心。
幸運的是，Chrome 并沒有裹足不前，而是一直都在追求技術提升。在正值十周年的現在，其所承諾的谷歌 Chrome 69 瀏覽器正式版也于今日如約發布，毫不意外地給開發者們帶來了很多的驚喜。
Chrome 69 面向 Windows、Mac 和 Linux，Android 和 iOS 推出，該版本包括全新的設計界面、更強大的多功能框、更新的密碼管理器、更準確的自動填充、大量特定于開發人員的更改，以及一系列的安全性改進。
新外觀和新功能
Chrome 的新外觀基于 Material 2 原則，有著更為圓潤的形狀、更新的圖標和調色板。其中，提示和菜單部分進行了簡化，谷歌還從地址欄中
刪除了 HTTP / HTTPS 協議指示符
，因此 URL 不再啟用或顯示這些前綴。
Chrome 69 還可以更準確地填寫用戶密碼、地址和信用卡——所有這些信息都會保存到谷歌帳戶中，可以直接從 Chrome 工具欄訪問。密碼管理器也得到了改進：在創建新密碼時，Chrome for desktop 現在可以生成一個唯一的密碼，保存密碼后就可以在筆記本電腦和手機上提供該登錄信息。
此外，還提供個性化的新功能，比如可以直接從新標簽頁創建和管理自己喜愛的網站快捷方式，還可以使用喜歡的圖像自定義標簽頁背景。
安全性改進
谷歌多年來一直推廣 HTTPS 安全協議。2017 年 1 月發布的 Chrome 56 開始將收集密碼或信用卡的 HTTP 頁面標記為“不安全”；2017 年 10 月發布的 Chrome 62 中標記“不安全”的站點范圍擴大到了所有帶有輸入數據的 HTTP 站點以及在隱身模式下查看的 HTTP 站點；今年 7 月發布的 Chrome 68 則在地址欄中將所有 HTTP 站點標記為“不安全”。
最新發布的 Chrome 69 中，在 HTTPS 站點安全性防護上更進一步：
在今年 10 月中旬預計發布的 Chrome 70 版本中，當用戶輸入數據時，HTTP 站點還將直接顯示紅色的“不安全”警告：
除此之外，Chrome 69 還修復了 40 個安全程序，具體可見其官方網站。
開發者功能
Chrome 69 提供了新的 CSS 技巧。 CSS 圓錐漸變允許圍繞中心的顏色過渡，邏輯邊距、填充和邊框屬性現在要求使用標準名稱。CSS 滾動將在每次滾動操作后停止，通過允許可滾動區域在預定義點處輕松停止并在沒有 JavaScript 的情況下啟用常見滾動模式來改善用戶體驗。
此外，通過新的 CSS env（）函數（環境變量）和 viewport-fit 元標記支持顯示剪切，開發人員可以在具有顯示切口的設備上利用整個屏幕。
Chrome 69 對 V8 JavaScript 引擎也進行了升級，新的 6.9 版本通過嵌入式內置函數節省了內存，提供了 WebAssembly 新的編譯器 Liftoff、更快的 DataView 操作以及垃圾收集期間更快的 WeakMaps 處理。
更詳細的開發者功能介紹，可查看 Chrome 69 信息列表：https://www.chromestatus.com/features#milestone%3D69。
現在可以直接從 google.com/chrome 下載，或從 Google Play 和 Apple 的 App Store 中獲取，通過 Chrome 內置的更新程序就可以更新到最新桌面版的 Chrome 69，Android 和 Chrome OS 版本也將很快推出。
參考鏈接：
“征稿啦”
CSDN 公眾號秉持著「與千萬技術人共成長」理念，不僅以「極客頭條」、「暢言」欄目在第一時間以技術人的獨特視角描述技術人關心的行業焦點事件，更有「技術頭條」專欄，深度解讀行業內的熱門技術與場景應用，讓所有的開發者緊跟技術潮流，保持警醒的技術嗅覺，對行業趨勢、技術有更為全面的認知。
如果你有優質的文章，或是行業熱點事件、技術趨勢的真知灼見，或是深度的應用實踐、場景方案等的新見解，歡迎聯系 CSDN 投稿，聯系方式：微信（guorui_1118，請備注投稿+姓名+公司職位），郵箱（guorui@csdn.net）。
*請認真填寫需求信息，我們會在24小時內與您取得聯系。
