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

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

资源网站：

http://www.yyyweb.com/
http://www.js-css.cn/