網絡

我開始職業生涯時需要的缺失建議

為了幫助您避免犯類似的錯誤並浪費您生命中寶貴的歲月,Paul Boag 分享了他在職業生涯開始時的經驗教訓和艱難的事實。

閱讀更多

介紹網站速度測試圖像分析工具

Web 開發人員每天都在編寫超文本,但是,按字節計算,大多數 Web 都是由圖像組成的。 圖像對一般網頁性能的影響怎麼強調都不為過。 更快的網站具有更廣泛的影響力和更高的影響力。 要**提高網站圖像的性能**,您可以做的第一件事也是最重要的事情是弄清楚如何衡量它們。 輸入_Website Speed Test_,這是一個免費且非常簡單的工具,它利用我們(Cloudinary)的圖像智能讓您測量、診斷和(至關重要)交流任何網站的圖像性能。 更好的是,它建立在 Pat Meenan 的 WebPagetest 之上並集成在其中。 感興趣的? 繼續閱讀!

閱讀更多

我們如何構建 iOS 應用程序來拍攝 3D 視頻(案例研究)

在本文中,Evgeny Khrolenok 和 Igor Mikheiko 分享了他們在開發應用程序以幫助人們創建自己的 3D 立體視頻時的經驗教訓。

閱讀更多

在 Markdown 中使用 Shadow DOM 構建模式庫

有些人討厭寫文檔,而另一些人只是討厭寫作。 我碰巧喜歡寫作; 否則,您將不會閱讀此內容。 我喜歡寫作很有幫助,因為作為一名提供專業指導的設計顧問,寫作是我工作的重要組成部分。 但我討厭,討厭,討厭文字處理器。 在編寫技術 Web 文檔時(閱讀:[模式庫](https://www.smashingmagazine.com/taking-pattern-libraries-next-level/)),文字處理器不僅不聽話,而且不合適。 理想情況下,我想要一種允許我包含內聯文檔的組件的編寫模式,除非文檔本身由 HTML、CSS 和 JavaScript 組成,否則這是不可能的。 在本文中,我將分享一種在短代碼和影子 DOM 封裝的幫助下,在 Markdown 中輕鬆包含代碼演示的方法。

閱讀更多

如何利用每週的設計會議

你如何保持團隊的參與度? 你如何確保團隊及時了解發布的所有內容? 團隊成員面對面交談的頻率如何? 他們是否有足夠的支持來完成他們的任務或追求他們的成長?

閱讀更多

左手刷刻字:如何開始

刻字和書法正迅速成為設計師工具箱中所需的技能。 Marian Bantjes、Jessica Hische、Sean Wes 和 Martina Flor 等設計師,僅舉幾例,不僅成為我們其他人的靈感,而且成為標準。 他們的工作不僅以客戶為基礎; 他們也通過向追隨者提供產品而成為自己的品牌。 其他設計師也紛紛效仿,現在似乎刻字和書法無處不在。

閱讀更多

設計完美的手風琴

設計模式。 一個幾乎是神話般的短語,常常引起敬畏或怨恨。 作為設計師,我們傾向於將設計模式視為通用的現成解決方案,幾乎可以機械地應用於各種環境,通常無需適當考慮。 導航? 畫布外! 當天特賣? 旋轉木馬! 你明白了。

閱讀更多

當大還不夠大時:使用英雄圖像進行設計

當用戶訪問您的頁面時,他們會感受到某種反應。 無論是積極的還是消極的,這種反應在很大程度上取決於他們所看到的。 因為**視覺可能是人類最強烈的感覺**,所以英雄形像是吸引用戶注意力的最快方式之一。 大膽、圖形和有意的圖像吸引用戶。 它立即吸引用戶,並成為極簡應用或網站的完美核心。 英雄形像不僅僅是一張漂亮的照片。 這是一個強大的溝通工具。 在本文中,我將為您提供一些使用英雄圖像的技巧。 此外,如果您想開始嘗試製作原型並以不同方式製作您自己的設計,您可以免費下載和測試 _Adobe XD_。

閱讀更多

繼續滾動! 如何設計冗長的頁面

長或 [無限滾動](https://www.smashingmagazine.com/2013/05/infinite-scrolling-lets-get-to-the-bottom-of-this/) 的網站最近變得越來越普遍,這不僅僅是趨勢或巧合。 長滾動技術允許用戶在沒有任何中斷或額外交互的情況下遍歷內容塊——信息只是在用戶向下滾動頁面時出現。

閱讀更多

使用 CSS Poly Fluid Sizing 的流體響應式排版

多年來,流體佈局一直是前端開發的正常部分。 然而,流體排版的想法相對較新,尚未得到充分探索。 到目前為止,大多數開發人員對流體排版的想法只是簡單地使用視口單元,可能具有一些最小和最大尺寸。 在本文中,我們將把它提升到另一個層次。 我們將研究**如何使用支持良好的瀏覽器功能和一些基本代數跨多個斷點和預定義字體大小創建可擴展、流暢的排版**。 最好的部分是您可以使用 Sass 將這一切自動化。

閱讀更多