实用的前端和设计相关网站和应用大全

Unsplash — www.unsplash.com

Picjumbo — www.picjumbo.com

Gratisography — www.gratisography.com

Superfamous — www.superfamous.com

Little Visuals — www.littlevisuals.co

Split Shire — www.splitshire.com

Pixabay — www.pixabay.com

I’m Free — www.imcreator.com/free

New Old Stock — www.nos.twnsnd.co

Function Free Photos — http://wefunction.com/category/free-photos/

Paul Jarvis Free Photos — http://pjrvs.com/a/photos

Zoomy Images — http://zoomyimages.com/

付费类型

Compfight — www.compfight.com

Stocksy — www.stocksy.com

Placeit Product Shots — www.placeit.net

iStockphoto — http://istockphoto.com

offset — http://www.offset.com

Corbis — http://www.corbisimages.com

字体排版

Okay Type — www.okaytype.com

Typekit — www.typekit.com

My Fonts — www.myfonts.com

Fonts — www.fonts.com

Font Squirrel — www.fontsquirrel.com

Da Font — www.dafont.com

Google Fonts — www.google.com/fonts

1001 Free Fonts — www.1001freefonts.com

Lost Type Co-op — www.losttype.com

Ico Moon — www.icomoon.io

视觉稿工具

Mockupr — www.mockupr.com

Flinto — www.flinto.com

Flinto Icon Strike! — www.flinto.com/strike

Webflow — www.webflow.com

Mockuuups — www.mockuuups.com

Red Pen — https://redpen.io

线框图相关

Moqups — www.moqups.com

Wireframe.cc — ww.wireframe.cc

Mockflow — www.mockflow.com

Mockingbird — www.gomockingbird.com

Flair Builder — http://flairbuilder.co

Balsamiq — http://balsamiq.com/products/mockups/

Axure — http://www.axure.com/

Justinmind — http://www.justinmind.com/

原型设计相关

Mixture — www.mixture.io

Flinto — www.flinto.com

Gridset — www.gridsetapp.com

Marvel — https://marvelapp.com

Webflow — https://webflow.com

Red Pen — https://redpen.io

Proto — http://proto.io

Iconii — http://iconii.com

响应式网站设计

Responsive.is — http://responsive.is/typecast.com

Gridpak — www.gridpak.com

Responsive Nav — www.responsive-nav.com

Off Screen Navigation — http://tympanus.net/Development/MultiLevelPushMenu/

Responsive Web Design Test — www.designmodo.com/responsive-test/

Media Queries — www.mediaqueri.es

Foundation by Zurb — www.foundation.zurb.com

Jetstrap — www.jetstrap.com

Webflow — www.webflow.com

Gridset — www.gridsetapp.com

BrowserStack — www.browserstack.com

Sassaparilla — http://sass.fffunction.co

Dimensions (Chrome Extension) — https://chrome.google.com/webstore/detail/dimensions/hdmihohhdcbejdkidbfijmfehjbnmifk?hl=en

颜色相关

0 to 255 — www.0to255.com

Colour Lovers — www.colourlovers.com

Brand Colors — www.brandcolors.net

Adobe Kuler Color Wheel — https://kuler.adobe.com/create/color-wheel/

Color Scheme Designer — www.colorschemedesigner.com

Hex to RGB Converter — http://hex.colorrrs.com

CSS

Animate.css — www.daneden.me/animate

CSS3 Animation Cheat Sheat — http://www.justinaguilar.com/animations/index.html

Can I Use? — www.caniuse.com

Animation Fill Code — www.animationfillcode.com

HTML 5

HTML5 Please — www.html5please.com

Can I Use? — www.caniuse.com

JavaScript / jQuery

Unheap — http://www.unheap.com

Touchy Js — http://touchyjs.org/

FitText — http://fittextjs.com

Touche.js — http://benhowdle.im/touche/

Cortado.js — http://benhowdle.im/cortado/

FlickFeed — http://benhowdle.im/flickfeed/

Heisenburg.js — http://heisenbergjs.github.io/heisenberg/

Pickadate.js — http://amsul.ca/pickadate.js/

Lettering.js — http://letteringjs.com/

Freetile — http://yconst.com/web/freetile/

Backstretch — http://srobbin.com/jquery-plugins/backstretch/

Hook — http://usehook.com

Echo JS — http://www.echojs.com/

Up to date — http://uptodate.frontendrescue.org/

免费 Photoshop 文件

PSDS.co — www.psds.co

Fribbble — www.fribbble.com

Premium Pixels — www.premiumpixels.com

Teehan+Lax iOS 7 Gui PSD (iPhone)— www.teehanlax.com/tools/iphone

Teehan+Lax iOS 7 Gui PSD (iPad) — www.teehanlax.com/tools/ipad/

iPhone Mockuuups — www.mockuuups.com

Freebiesbug — http://freebiesbug.com/

Marvel — https://marvelapp.com/resources/

Ui Space — http://uispace.net

图标相关

Other Icons — www.othericons.com

Batch — www.adamwhitcroft.com/batch/

Icon Sweets — www.iconsweets.com

Ico Moon — www.icomoon.io

Flat Icon — http://www.flaticon.com

The Noun Project — http://thenounproject.com

图片压缩

Tiny Png — www.tinypng.com

JPEGmini — www.jpegmini.com

ImageOptim — www.imageoptim.com

Photoshop工具

Mac Rabbit Slicy — www.macrabbit.com/slicy/

Renamy — www.renamy.com

Blendme.in — www.blendme.in

法律相关

Andrew Clarke’s Contract Killer — www.stuffandnonsense.co.uk/projects/contract-killer/

Proper App — www.properapp.com

iubenda — www.iubenda.com

创意

Siteinspire — www.siteinspire.com

Land Book — www.land-book.com

Awwwards — www.awwwards.com

The Best Designs — www.thebestdesigns.com

Dribbble — www.dribbble.com

Behance — www.behance.com

服务器

Propagated Yet? www.propagatedyet.com

Instant Domain Search — www.instantdomainsearch.com

职位发布

Crew — www.pickcrew.com

Juiiicy — www.juiiicy.com

Dribbble Jobs — www.dribbble.com/jobs

Authentic Jobs — www.authenticjobs.com

Workfu — www.workfu.com

Onsite — www.onsite.io

地图相关

Mapbox — www.mapbox.com

Leaflet — www.leafletjs.com

Google Map Builder — http://googlemapbuilder.mynameisdonald.com/

Snazzy maps — www.snazzymaps.com

在线学习

Treehouse — www.teamtreehouse.com

Dev.Opera — http://dev.opera.com/web

Steer — www.steer.me

Lynda — www.lynda.com

Codeacademy —www.codecademy.com

Code School — www.codeschool.com

Udacity — www.udacity.com

gbtags.com— www.gbtags.com

视频播放

The Freelance Web — www.thefreelanceweb.com

Unfinished Business — www.unfinished.bz

Happy Monday — www.happymondaypodcast.com

Boagworld — www.boagworld.com/show/

Shop Talk Show — www.shoptalkshow.com

The Back to Front Show — www.backtofrontshow.com

The Big Web Show — www.zeldman.com/category/the-big-web-show/

Upfront Podcast — www.upfrontpodcast.com

The Industry — www.theindustry.cc/category/podcast/

演讲

Speaking.io — www.speaking.io

Mark Boulton’s Tips — www.markboulton.co.uk/journal/speakingtips

On Speaking by Brad Frost — www.bradfrostweb.com/blog/post/on-speaking/

Public speaking for the (formerly) terrified by Rachel Andrew — www.rachelandrew.co.uk/archives/2012/05/02/public-speaking-for-the-formerly-terrified/

10 Kick ass presentation techniques (Treehouse) — http://blog.teamtreehouse.com/10-kick-ass-presentation-techniques

Suggestions for Speakers by Frank Chimero — http://frankchimero.com/blog/suggestions-for-speakers/

The best advice on public speaking by Ladies in Tech — http://ladiesintech.com/the-best-advice-on-public-speaking/

You’re paying to speak by Remy Sharp — http://remysharp.com/2014/03/07/youre-paying-to-speak/

实用工具

Copy Paste Character — www.copypastecharacter.com

JustDelete.me — www.justdelete.me

What’s my UDID? — www.whatsmyudid.com

Shapecatcher — www.shapecatcher.com

UI Names — http://uinames.com/

UI Faces — http://uifaces.com/

UI Blurbs — http://uiblurbs.com

Density Converter — http://density.brdrck.me/

相关书籍

Grid Systems in Graphic Design — http://amzn.to/1aNQC8B

HTML & CSS: Design and Build Web Sites — http://amzn.to/1biuvJi

How to be a Graphic Designer, Without Losing Your Soul — http://amzn.to/1eooTjo

The Shape of Design — http://shop.frankchimero.com/collections/frontpage/products/the-shape-of-design

A Practical Guide to Designing for the Web — http://www.fivesimplesteps.com/products/a-practical-guide-to-designing-for-the-web

Hardboiled Web Design — https://shop.smashingmagazine.com/hardboiled-web-design.html

Designing for the web (Free) — http://designingfortheweb.co.uk/

Smashing Book #4 — https://shop.smashingmagazine.com/smashing-book-4-new-perspectives-on-web-design.html

The Geometry of Type — http://amzn.to/1ekRiSV

Insites: The Book — http://viewportindustries.com/insites-the-book

Don’t Make Me Think — http://amzn.to/1ekRul6

Above the Fold — http://amzn.to/1cLAIdv

Design is a Job — www.abookapart.com/products/design-is-a-job

Thinking with Type, Second Revised and Expanded Edition: A Critical Guide for Designers, Writers, Editors, and Students — http://amzn.to/1ixVKOc

The Visual Display of Quantitative Information — http://amzn.to/1n8vezb