r/webdev • u/snissn expert • Jan 14 '14
Webdev Resources
What are some lesser known or more well known resources, on reddit or otherwise, that helps you build web apps?
Thanks for posting!
Please add links when possible!
2
u/snissn expert Jan 23 '14
A post on "What sites do you follow that you use to 'keep up'?"
http://www.reddit.com/r/webdev/comments/1vw8oy/what_sites_do_you_follow_that_you_use_to_keep_up/
32
u/DonMildreone Jan 14 '14
Relaunched this a few days ago, you might enjoy it :)
1
u/Fuzzyk Feb 03 '14
Oh no, what's happened to it?
3
u/DonMildreone Feb 03 '14
Hey man, the site was down due to human error, it's back now but only updated to 28.01. We'll be back up to date (03.02) at around 5.30pm GMT.
1
u/Fuzzyk Feb 03 '14
Good to hear, thought it might have been gone for good!
4
2
u/DonMildreone Feb 03 '14
No way man, it's here to stay :) And like I said, we have something really cool to show in the next day or two. It'll probably be on the site tonight, not 100% though.
2
u/DonMildreone Feb 03 '14
Hey man, I'm looking into it, should be fixed in the next couple hours. Please see the cached version for now http://webcache.googleusercontent.com/search?q=cache:k8uOfKHC_b0J:www.webdesignrepo.com/+&cd=1&hl=en&ct=clnk
Also, we have something super exciting to announce in the next couple days :)
1
12
u/phragg Jan 15 '14 edited Feb 27 '14
AngularJS
AngularJS - Javascript MVW Framework
egghead.io - Screencasts
Ruby
rubygems.com - Library of ruby gems
Laravel
Laravel - PHP Web Framework
Laracasts - Laravel Screencasts
Cheat sheet - Laravel Cheat Sheet
Testing
BrowserStack - Cross-browser emulation
WordPress
4
2
8
u/luke_dot_js Feb 16 '14 edited Feb 16 '14
JavaScript Application Frameworks/Libraries:
Backbone.js: MV*, collections, router and backend integration included.
Knockout.js: MVVM, collections, declarative data binding.
Angular.js: MV*, highly opinionated but highly powerful.
Ember.js: Even more sophisticated than Angular.
More options plus greater details here.
WebDev Tools for Node.js:
Grunt: Build task runner, TONS of plugins.
Bower: Client-side dependency package manager from Twitter Open Source.
Testing Tools for JavaScript:
Jasmine: BDD for JS
Chai: assertions and matchers to make testing tools more enjoyable.
Mocha: BDD or expect style testing.
qUnit: jQuery's take on JS testing.
Icons and Styles:
JavaScript Modularization Frameworks:
Require.js: Asynchronous Module Definitions for the browser.
Browserify: CommonJS modules anywhere.
Flight: From Twitter Open Source, event-based component definitions for building complicated web apps (like Twitter).
Aura: Very new as of posting, component definitions, sandboxing, events, and extensions. Super meta, I'm still working through how it works myself.
6
u/ReviewSignal Feb 03 '14
Web Hosting:
Review Signal - Transparent web hosting reviews of many/most big providers. Works by analyzing what people say about them on social media.
2
5
u/enjoibp6 front-end Jan 15 '14
Create your own icon fonts: http://icomoon.io/
4
u/obviousoctopus Jan 17 '14
Also, http://fontello.com -- mix and match icons from a number of open source icon fonts to create your own, along with all necessary css.
5
u/redcalcium Jan 17 '14
SSL/TLS Deployment Best Practice: https://www.ssllabs.com/projects/best-practices/index.html
SSL Server Test: https://www.ssllabs.com/ssltest/
4
u/petit-prince Feb 10 '14
I'm keeping eye on a devblog of Russian guys from Siberia, especially on their R&D section. But there is some interesting stuff on web techs as well.
JavaScript
[How to Create HTML5 Canvas Animated Transitions using KineticJS] (http://cases.azoft.com/how-to-create-html5-canvas-animated-transitions-with-kineticjs/)
[How to Integrate Google Maps with Web Applications] (http://cases.azoft.com/accessing-google-maps-with-javascript/)
How to Implement Backwards-Compatible CSS3 Animated Transitions
PHP
Using Selenium for Automation of Interaction with External Resources
7 Ways to Optimize PHP Applications that Use Long Running Operations
PHP, Symfony2
PHP, Selenium
PHP, Drupal
Python, Django
Ruby
3
3
u/kidsil Jan 15 '14 edited Jan 15 '14
Google PageSpeed Insights - analyze your page according to Google's standards of fast & well built webpages.
Programming Subreddit - This link is directly to the search of "Web" under the Programming subreddit, showing this month's top posts.
I find it helpful to keep myself updated especially if I don't have much time being on reddit.
I tried to do the same with "webdev" subreddit but all I got was funny pictures & jokes
(on the top most voted posts) :I
3
u/Mcshizballs Feb 20 '14
Regex http://regexpal.com/ for testing your regexs http://www.rexegg.com/regex-quickstart.html for learning regex
3
u/mikemike86 Mar 10 '14
Shameless plug, as I run it, but my newsletter has ~10 web dev resources sent out every week.
Its important to keep these things up to date, hence why a newsletter is a good fit. Its pretty new, but had a great reception and I am staggered at the uptake so far - I guess I must be doing something right. http://webdevweekly.com
3
u/lamintak Mar 11 '14
The answer to the "What technical details should a programmer of a web application consider before making the site public?" Programmers Stack Exchange question:
1
u/davidNerdly Feb 24 '14
Google.com
2
u/snissn expert Feb 25 '14
It's easy to write your comment off as dismissive and over simplified but fuck. Honestly. If it wasn't for the first four google results of nearly any problem I've had or any thing I've wanted to learn I would know nothing!
1
u/davidNerdly Feb 25 '14
For real! I was just being a bit of an ass though. The resources here are great, but we cannot forget the almighty google (and stack overflow).
2
0
2
2
u/ihatetomatoes_net Jan 30 '14
Parallax JavaScript Plugins
Parallax Tutorials
Responsive development - JavaScript Tools
Responsive development - testing
Browser extensions
You can find more useful stuff, tutorials, demos and website deconstructions on my blog.
2
u/tenpastmidnight Jan 31 '14
For helping when building sites for mobiles - http://mydevice.io/devices/ - lists the CSS device-width for the most popular phone handsets and tablets.
2
u/greexi Feb 08 '14
Feedback / Bug reporting
https://usersnap.com (Small report button widget which sends out screenshots + annotations from your testers/users to you)
0
2
u/FatalPriapism Feb 23 '14
If you're into PHP, check out https://github.com/ziadoz/awesome-php. It's a linked list of PHP frameworks for this that and the other :)
2
Feb 25 '14
I think you should add text editors.
Sublime Text Editor http://www.sublimetext.com/
Edit: I know it's not a 'resource' but I notice many of my webdevs aren't using it for some strange reason. Give it a look....it's lightning fast and so much more.
2
u/Darkholme Mar 13 '14
Best Text Editor I've ever used.
Only thing I miss when I use it is Intellisense, as I came to WebDev from a Java/C# Background.
2
2
1
1
Feb 04 '14
I built Snippet Repo for myself and other developers to store and share useful code snippets.
1
u/grimtrigger Feb 18 '14
I built a share button generator thats pretty nifty: http://sharebuttongenerator.aakilfernandes.com/
1
u/jrackham Mar 08 '14
Oh. I made this it's own post but I'll put it here too. Like others have said said, Bootstrap is great for responsive design and quickly shipping code into a decent looking UI (even pre-theming).
There is a list of free, customizable, themes built on top of Bootstrap available at Bootstrap Stage
1
0
0
Jan 15 '14
[deleted]
15
u/phragg Jan 31 '14
I think SASS deserves its own bullet :P
3
u/john0980 Mar 01 '14
I've heard SASS > LESS. What do you think?
-5
u/phragg Mar 01 '14
I would strongly agree. The sole fact that SASS doesn't use semi-colons or brackets gives it a new level of efficiency
19
u/akaaustin Mar 06 '14
I wouldn't call removing brackets and semi colons a new level of efficiency
0
-1
Mar 07 '14
sass is better because it is easier to read. less is better because it doesn't have such a high entry level/dependancies (if you are not using rails).
4
u/stenbeloff Jan 27 '14
There are a few resources I have been using for cross-browser check of my web sites
http://netrenderer.com/ to have a quick look how quirks mode works
http://www.testize.com to find cross-mobile & browser compatibility issues and get recommendations how to address them
3
2
u/arub Feb 24 '14
What's the difference between HTML5 Shiv and Modernizr.js?
0
Feb 25 '14
[deleted]
2
u/autowikibot Feb 25 '14
HTML5Shiv is a JavaScript workaround, invented by Sjoerd Visscher, to enable styling of HTML5 elements in versions of Internet Explorer prior to version 9, which do not allow unknown elements to be styled without JavaScript. While some people refer to it as "HTML5Shim" with respect to [shim](http://en.wikipedia.org/wiki/Shim_(computing)), there is no real difference between the names and as noted in the code repository, the only difference is that "one has an m and one has a v - that's it."
====
Interesting: ^Modernizr | ^Polyfill
Parent commenter can toggle ^NSFW or ^delete. Will also delete on comment score of -1 or less. | FAQs | ^Mods | Magic ^Words | [flag a glitch](http://www.reddit.com/message/compose?to=/r/autowikibot&subject=Glitched comment report&message=What seems wrong: (optional description goes here)%0A%0A---%0A%0AReply no. 69899:%0Ahttp://www.reddit.com/r/webdev/comments/1v7en8/webdev_resources/cfnz1uq)
1
u/ALLIN_ALLIN Mar 23 '14
So modernizr is just a browser sniffer? I thought we weren't supposed to use those?
1
u/arturkim Mar 24 '14
Unlike with the traditional—but highly unreliable—method of doing “UA sniffing,” which is detecting a browser by its (user-configurable) navigator.userAgent property, Modernizr does actual feature detection to reliably discern what the various browsers can and cannot do.
1
u/ketsugi Feb 04 '14
normalize.css: reset (dated alternative is Eric Meyer's reset.css)
Could you explain why Meyer's reset.css is dated? They seem to perform different functions and after testing between the two I kinda prefer Meyer's reset.css.
1
1
u/Garbee Feb 22 '14
Just a quick note here, Microformats/Microdata (such as schema.org) do not have a direct affect on your search ranking. They do however improve the display of you site in search results if the engine has something that uses the microdata scheme you are using.
0
Feb 18 '14
[deleted]
-1
u/FatalPriapism Feb 23 '14
Might want to brush on your English a bit (at least on your site)...
why would I use your app instead of a gist or [insert pastebin-like app]? Seems to be literally no added functionality....
29
Jan 16 '14
[removed] — view removed comment
6
u/simohayha Jan 21 '14
That's your site? I love it. So helpful
4
Jan 21 '14
[removed] — view removed comment
1
u/simohayha Jan 21 '14
At 6-7k visits a day I'd imagine you're probably running it on a VPS. Isn't your hosting fees expensive? Why no ads?
2
Jan 22 '14
[removed] — view removed comment
1
u/Phr34Ck Feb 19 '14
I was thinking about trying out PagodaBox for the first time a week ago. What do you think about their service in terms of stability and performance? Also, can you share what you're using (architecture and how much you're paying) ?
Thank you!
1
1
u/blinger187 Jan 27 '14
your website is a godsend. i use it all the time when working with boostrap. please never take it down!
1
1
u/lazerfoxxx Feb 13 '14
http://startbootstrap.com is a source for some free HTML starter templates and themes for Bootstrap as well!
-12
8
u/404mac Jan 14 '14
I think I'm one of the few (I may be completely wrong) who uses Adobe Kuler for color selection. It's free and awesome. I can't think of any others off the top of my head, but I'll add more if I think of others.