推薦一組學(xué)習(xí)工具給網(wǎng)站設(shè)計師們
在這個月為網(wǎng)站設(shè)計師們準(zhǔn)備的一系列新資源和工具中,都是關(guān)于學(xué)習(xí)工具的,從游戲到書籍再到教程,每個人都有新的東西可以學(xué)習(xí)和享受。如果我們錯過了一些你認(rèn)為應(yīng)該在名單上的東西,可以郵件告訴我們。如果你知道下個月將會出現(xiàn)一個新的應(yīng)用程序或資源,也發(fā)郵件與我們分享喲!
CSSBattle
通過使用CSS技能用盡可能小的代碼復(fù)制目標(biāo),跳到CSSBattle排行榜的頂部。用這種有趣的方式來測試你的技能來測試你的知識。新的目標(biāo)也在增加,所以你可以繼續(xù)前進,并在排名中上升。
UX議程
UX議程是在一個單一的、可搜索的位置上匯集了會議、聚會和研討會。查找附近的事件或免費添加自己的UX事件。
Codetalks.tv
Codetalks電視是世界上最好的關(guān)于在一個地方編碼的談話的集合,觀看任何視頻都是免費的,尋找特定會議或主題的演講。
靜態(tài)頁面
靜態(tài)頁面允許您在幾秒鐘內(nèi)用任何URL在WordPress網(wǎng)站上發(fā)布任何靜態(tài)頁面。它還包括易于使用的SEO優(yōu)化。
Javascript Grammar是Greg
sidnikov提供的教育電子書,他也被稱為@js_tut或twitter上的Javascript老師。你可以在亞馬遜上買到,發(fā)一條推特或者直接從作者那里買到。
插圖畫廊
插圖畫廊是一個收藏的免版稅的項目插圖,它每周更新,為個人或企業(yè)使用在一個干凈的,現(xiàn)代的風(fēng)格大量的選擇。
Neort
Neort(目前仍處于測試階段)是一個數(shù)字藝術(shù)畫廊,在這里你可以分享藝術(shù)作品以及它是如何創(chuàng)建的。上傳帶有簡短描述的作品,并從藝術(shù)家社區(qū)收集反饋。把它想象成Dribbble的藝術(shù)家版本。
基因
Genes是一種色階工具,可幫助您為用戶界面元素生成調(diào)色板,然后導(dǎo)出Sketch或其他編程工具的色調(diào)。
顏色評論
Color Review是一種幫助您測試設(shè)計中顏色元素之間對比度的工具,這可以幫助您確保前景和背景元素具有足夠的對比度,以便所有用戶輕松閱讀,并且是一個很好的可訪問性工具。 在線使用或下載應(yīng)用程序。
蜘蛛
Spider是一個工具,它可以幫助您在不編碼的情況下將網(wǎng)站轉(zhuǎn)換為有組織的數(shù)據(jù)。添加擴展到谷歌Chrome開始抓取數(shù)據(jù);只要點一下鼠標(biāo)就可以收集你需要的數(shù)據(jù)。
Code2Flow
Code2Flow是一個工具,用于以一種簡單(和可視化)的格式描述工作流和模式。創(chuàng)建和構(gòu)建流程圖只需幾秒鐘,不用擔(dān)心需要更復(fù)雜的拖放工具,而且都是互動的。
馬賽克
Mosaic是一個用于構(gòu)建用戶界面的前端JavaScript庫。它使用基于組件的系統(tǒng),庫的大小非常小。
人性化的設(shè)計
"人性化設(shè)計"是Jon Yablonski的一個項目,旨在提供有關(guān)設(shè)計合乎倫理的人性化數(shù)字產(chǎn)品的信息。該網(wǎng)站稱:"移動技術(shù)的指數(shù)級增長已經(jīng)進入了一個時間和注意力日益稀缺的時代??萍疾]有提高我們作為人類的能力,相反,我們看到它成為了一種工具,用來吸引我們的注意力,將我們的個人信息貨幣化,并利用我們的心理弱點。作為設(shè)計師,我們在這類技術(shù)的創(chuàng)造中發(fā)揮著關(guān)鍵作用,現(xiàn)在是時候為我們打造的這些產(chǎn)品和服務(wù)對it應(yīng)該服務(wù)的人產(chǎn)生的影響承擔(dān)責(zé)任了。"
戶外圖標(biāo)包
終極戶外圖標(biāo)包包括64個可編輯的矢量圖標(biāo)和冒險設(shè)計清單。扁平化的線條風(fēng)格既時尚又易于使用。
友好的面孔
友好的面孔是一個包容性的化身生成器。選擇隨機選項或調(diào)整細(xì)節(jié),以找到一個更像你的化身。然后下載并分享。
混音圖標(biāo)
Remix圖標(biāo)是一組不同類別的開放源碼行風(fēng)格圖標(biāo)。將它們作為一致設(shè)計系統(tǒng)的一部分或作為獨立元素使用。
亞洲冒險圖標(biāo)
《亞洲奇遇》是一套色彩繽紛的76個平面圖標(biāo),代表亞洲文化和元素。圖標(biāo)有AI、SVG和PNG格式。
教程:如何制作語音合成編輯器
來自Smashing雜志的這篇很棒且詳細(xì)的教程幫助您理解為我們家里所有語音助手提供支持的技術(shù)背后的邏輯。本指南幫助您創(chuàng)建一個"您得到的是您聽到的數(shù)字語音合成編輯器"。
教程:如何創(chuàng)建剪輯,模糊的背景圖像在CSS
本教程將帶您通過使用CSS過濾器創(chuàng)建無縫模糊效果的趨勢照片外觀。本教程包括書面和視頻說明,很容易遵循。
教程:所有你需要知道的關(guān)于CSS中的連字符
你對網(wǎng)絡(luò)上的連字符有什么看法?這可能是一個有點敏感的話題。本教程由Richard Rutter為web和相關(guān)CSS指南解釋連字符字典。
教程:如何在設(shè)計機構(gòu)中組織文件
這是一個古老的問題:如何最好地組織設(shè)計文件?Clay digital agency的團隊隱藏在他們的過程背后,您肯定可以從他們的工作流和文件結(jié)構(gòu)中學(xué)習(xí)。
生成的海報
生成海報是一個有趣的筆,將允許您調(diào)整參數(shù)和創(chuàng)建一個抽象的海報設(shè)計快速。只需調(diào)整控件以查看發(fā)生的更改,并不斷調(diào)整,直到找到正確的設(shè)計。
可愛的小狗
可愛的小狗是一種輕松愉快的字體顯示兒童或異想天開的目的。下載包括一個字體與無襯線字體和腳本版本,以及一組涂鴉和模式。
Melvick
Melvick是一款強大的無襯線顯示器,它有一個獨特的風(fēng)格與一些不連貫的筆劃垂直字體。這種字體包括大寫字母和數(shù)字。
公共Sans
公共Sans是一種用于各種用途的強中性字體,該系列包括薄、超輕、超輕、普通、中、半包、粗體、超粗體和黑色等多種顏色。此外,您還可以在GitHub上加入開發(fā)。字體是Libre Franklin的變體。
Pulpo
是一種克拉倫登風(fēng)格的字體,以世紀(jì)教科書為骨架。較長的擴展程序可以讓文本呼吸更多的空氣,并在較小的文本大小中提高可讀性。盡管設(shè)計的力量和堅固,每個字母的形狀都帶有溫暖和人類手的回聲。熟悉的字體也掩蓋了一些懷舊情緒。這個家族有10種風(fēng)格,從淺色到黑色(包括斜體),非常適合編輯、廣告和包裝,以及網(wǎng)頁和應(yīng)用程序設(shè)計。一個巨大的身體結(jié)合低筆畫對比度,強調(diào)水平的元素,使它非常適合屏幕和小文本尺寸的新聞紙。
想了解更多網(wǎng)站技術(shù)的內(nèi)容,請訪問:網(wǎng)站技術(shù)