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