11 ms·
A list of front end development resources
- orenbarzilai 13y agoGreat list! Thanks
- orenbarzilai 13y agoGreat list! Thanks
- IbJacked 13y agoNice collection. Enough stuff to wander through and be certain I'll find something of interest, or discover something I was previously unaware of altogether.
- pardner 13y agoThat is, in fact, one badass list. Nice work, great resource.
- dakrisht 13y agoGood lord, what a list. Thanks for this one.
- awjr 13y agoSeriously awesome list. Book marked and sent to friends/people I work with. In a way shame this hit HN on a Saturday, this is one of those lists people need to find when sitting at their desk.
- dakrisht 13y agoSome of us are sitting at our desks 24/7 :) I've been all over the animation section. Great stuff in there. The whole list is phenomenal.
- Nekorosu 13y agoThe list is too massive and lacks projects' details to be useful. I'd better use github's search.
- hdra 13y agoAgreed. There are way too many items on the list. This way, it is barely anymore useful than a google search for these tools.
- andrewflnr 13y agoLists are useful because sometimes you don't know what to google, especially if you hadn't really noticed a problem enough to think that someone else might have already solved it for you.
- woah 13y agoThe benefit here is that most of these are at least somewhat usable in a project. Many of the resources that one finds online are not great. I found several things that I wish I had used on past projects.
- dypsilon 13y agoIf I have a specific task the workflow for me looks like that: 1. Search through Google, Github, Unheap, npm, bower, jster and so on. 2. Compile a list of useful packages and tutorials for every one of them. 3. Select the best package for the task. So I created this list to not have to go through step #1 and #2 every time.
- dypsilon 13y agoWhat project details would you like to see for each item on the list? It's tough because : 1. There is a lack in uniformity: you have CSS solutions, jQuery extensions, node.js packages, articles, books, videos and so on. 2. Every bit of information you include makes the list bloated. I think it's enough to have the category, a link, and maybe a short description. If I need a template engine for a project, I will click on every link and look through them anyway. Please make a suggestion how you would like this list to look.
- h0w412d 13y agoNot enough links.
- danenania 13y agoThis is beautiful. Thank you!
- cjdulberger 13y agoThis is why I love HN. Great list!
- mundizzle 13y agosimilar to this list... https://github.com/codylindley/frontend-tools https://github.com/codylindley/frontend-tools
- nirvanatikku 13y agonot nearly as badass as OP's list
- octy86 13y agoShould be bookmarked as startpage :) T-H-A-N-K-S
- dfischer 13y agoI've been building a list of front-end development best practices at http://www.betterfrontend.com http://www.betterfrontend.com - it definitely needs to be updated though. I haven't had a change to work on it for almost a year. Would love to get something going with a few devs if they're interested.
- woah 13y agoThis is truly an excellent list
- porker 13y agoThe trouble with managing a list like this is that it's not exactly easy to update/correct? It's always owned by one person, and errors (like Foundation 3 being mentioned) aren't easy to correct - or to expand and add new items to. Great resource, but wouldn't a collaborative wiki be easier - or are such lists maintained for the original author's reputation not to become a fount of collective knowledge?
- deleted 13y ago[deleted]
- Roonerelli 13y agoperhaps if the OP is reading, he could move it to a Github project and take pull requests
- TallboyOne 13y agoI started one at http://pineapple.io http://pineapple.io - the wiki isnt nearly even close to complete, but the site itself has a lot of highly-moderated content (pruned regularly, all my users check for broken links, make comments on resources, etc)
- geuis 13y agoOh thanks buddy! Glad to see my Helium-css project mentioned!
- dypsilon 13y agoThank you for building it!
- citricsquid 13y agoAnother excellent development resource list is pineapple.io: http://pineapple.io/ http://pineapple.io/
- dypsilon 13y agopineapple.io is awesome, I read it ever day. It's more of a news website for me though, not a reference.
- TallboyOne 13y agoAwesome! :) Great list by the way -- good work
- vinceguidry 13y agoI don't like that site, the information density is too low. The gist has one resource per line, much more useful.
- TallboyOne 13y agoI'm sorry you don't like it. But I assure you there are hidden gems on my site that you won't find in the gist (even though it's an absolutely fantastic list - great work dypsilon).
- vinceguidry 13y agoHidden? Isn't it your job as curator to make them not hidden?
- TallboyOne 13y agoI don't know what planet you live on. That's like saying stack overflow is in charge of making sure every excellent question/post is seen, or reddit, or hacker news... My job is to develop features that facilitate people finding exactly what they're looking for, and ideally things they aren't looking for and don't even know exist. That's a difficult challenge though, while still retaining engagement features like comments to discuss resources, proper categorization of favorites, etc. I started a wiki to help with this but it's only maybe 25% complete. There are plenty of other ways on the site to help with that though.
- darrellsilver 13y agoThis is a great list! To teach front-end web development at http://www.thinkful.com/ http://www.thinkful.com/ we also sometimes use http://prework.flatironschool.com/ http://prework.flatironschool.com/
- ldng 13y agoWell it is a nice list but, it's a list, again. By that I mean you either find compilation list like that or full stack framework but what a would personally find more useful would sets of cohesive tools, end-to-end. Sure there are boilerplates out there but what I frustrating is that you hardly find "full stack" one. For instance what about a boilerplate for django + django-rest-framework + backbone.js + marionette + i18n tools for backend and frontend + manage.py-grunt.js integration + optimisation tools for css and images + .... Yes, there are endless possibilities, the more the reason to find more of those out there don't you think ? Maybe it's me but I feel like there is either something missing, too much choice or both. I18N being often the most neglected (granted, it's harder) What do HNers feel about that ?
- alok-g 13y agoWeb development newbie here: I seriously used to think that such a thing would already exist, a thing like Visual Studio that included all the guts out of the box, and including back end in addition to the front end.
- jaredsohn 13y agoMeteor (and similar) may be the closest to this right now. With Meteor, your frontend and backend code and potentially your database can all use JavaScript and be in the same codebase, deployment in at least simpler scenarios is very easy, and modules exist to integrate other libraries with the framework.
- alok-g 13y agoThanks. I had discovered Meteor only recently (being a web development newbie). What other libraries would you recommend to have everything required for making a basic web application. The end-result should include a responsive front-end, user authentication and security, reports, charts and visualizations, forms, blog, payments, and finally an ability to integrate pre-existing Java code in the back end. Apologies if something I am saying is not making sense.
- _Caspian 13y agoSmall editorial detail, intuit.css should be inuit.css. Otherwise good list :)
- Uperte 13y agoAlso, Yeoman is mentioned twice under Workflow.
- bharathwaaj 13y agoFantastic compilation. Thank you!
- jsilva5 13y agoDoes anyone know about a backend development resources list?
- andrewflnr 13y agoThat would pretty much have to contain every programming tool ever written. On the backend you can do whatever you want as long as it can accept TCP connections.
- dmoney 13y agoI think lists of back-end development resources in specific languages could still be useful (and probably already exist in myriad forms).
- simfoo 13y agoSeeing this mess again tells me that there's something fundamentally wrong with the web or at least with the standardized technologies that are supposed to solve the problem of frontend development (namely HTML, CSS and JS). I think the web really needs a fresh start before I would even consider becoming a web developer (I'm a CS student atm)
- williamcotton 13y agoIt won't ever get a fresh start, so you might as well jump in now!
- nudetayne 13y agoIt's not as big of a mess as the list would make it seem. None of the resources provided are required, and however useful they may seem, I've never found them to speed up development time. I do all of my HTML, CSS, and JavaScript from scratch for every site I build. It's a max of one day on only the most complex projects.
- ben336 13y agoUh... you're not building very complex projects then :) Before you get defensive, consider something like Amazon.com as an easy extreme example. Or a banking website or non-trivial html5 based onlline game as less extreme ones. None of those are getting built in a day, and probably not without the use of libraries (though for something like amazon the libraries may be mostly proprietary/internal)
- eksith 13y agoThis shows you've never built a banking site. All financial institutions will greatly benefit by sending less to the browser, not more. CAPTCHAs as we know are not foolproof, and should be limited. Instead, things like session/ip based hashing of field names, generating anti-csrf tokens and the like are trivial for the backend. The vast majority of complexity in most projects is needlessly self-inflicted. DRY is dead, less-is-more is dead. Let's Include All The Things is how Amazon became as pathetic as it is for a major commercial website.
- dypsilon 13y agoI moved the list to https://github.com/dypsilon/frontend-dev-bookmarks https://github.com/dypsilon/frontend-dev-bookmarks please update your bookmarks. Pull requests are welcome.
- johnbellone 13y agoAmazing list, I can digest it this weekend.
- jenius 13y agoFrom the author of http://roots.cx http://roots.cx, much love and thanks for including us! We're working super hard on pushing roots further than we've seen any other static site compiler go, so if you are into static sites we'd love to talk : )
- dypsilon 13y agoHi, thank you for making roots available for us.
- xixixao 13y agoMimosa is missing from workflow. http://http://mimosajs.com/ http://http://mimosajs.com/
- Bjartr 13y agoFor the sake of completeness, it may be worth mentioning the Google Web Toolkit.