Bookmark: NounProject
Public domain icons for todays world
Activity Feed
-
-
Things I learned from our Designer
Here's a collection of nifty shortcuts and tricks you can do when you're working with Photoshop and the web. I picked up at work while working with our designer, who's exceptionally skilled at graphic design. He's putting together some of the most amazing looking skins our products will ever get to bare. If you want some examples of his work just take a look at some of the screenshots from the Jobvite Share project.
-
Bookmark: HTML5 Please - Use the new and shiny responsibly
Look up HTML5, CSS3, etc features, know if they are ready for use, and if so find out how you should use them – with polyfills, fallbacks or as they are.
-
Bookmark: When can I use... Support tables for HTML5, CSS3, etc
A comprehensive list of what browsers support what new HTML5 / CSS3 features to help you figure out what's safe and what's adventurous
-
Bookmark: Initializr - Start an HTML5 Boilerplate project in 15 seconds!
Initializr generates clean customizable templates based on HTML5 Boilerplate with just what you need to start quickly!
-
Photography
-
-
Bookmark: Online JSON Viewer
JSON Viewer - Convert JSON Strings to a Friendly Readable Format
-
Bookmark: Brands of the World™ | Download vector logos and logotypes
Brands of the World is the world's largest library of brand logos in vector format available to download for free. BotW is also a great place for designers to showcase their work.
-
Bookmark: deCSS3 - a bookmarklet for graceful degradation.
Bookmarklet that shows you what your website looks like with CSS3 disabled. Currently supports Chrome/Safari.
-
Bookmark: CodeKit — THE Mac App For Web Developers
Awesome toolkit for frontend devs to help them compile/refresh/validate their css/html/js on the fly
-
Delete-Key Bugfixes
As my company brings in new frontend designers for me to work with (and occasionally train) I find that I tend to live by the mantra: "Less is More". Apparently it's possible developers to be minimalists too.
Minimalism
In most of the CSS-related bugs, the first attempt to fix a problem or behavior should NEVER be to simply compensate for the symptom. Instead, learn to understand how the rules work together and try to find the source of the problem. Then evaluate if this source is necessary, or if a better alternative can be found. I have come to find that roughly half of the CSS bugs I find in other people's code can be fixed by just using the delete key. Those are good days.
Learn to take a minimalist approach with your code. Don't simply add rules if you're unsure if they're necessary or if you don't EXACTLY know how they behave. In fact, try to remove rules you know to be unnecessary if you can. Such as left/top properties on elements that are positioned static. And one more thing: don't add redundant rules for defaults or inherited properties.
-
Bookmark: Markup
Draw on any webpage. Share thoughts. Move ideas. All with a simple bookmarklet, no install or account necessary.
-
Bookmark: Codiqa - the jQuery Mobile Prototype Builder
The fastest way to build and prototype jQuery Mobile apps. Drag-and-drop to a live app, share it with others, and host it for the world
-
Bookmark: Cross Browser Testing Tool - BrowserStack
Test your website for cross-platform, cross-browser compatibility. Live browser testing of JavaScript & CSS. Test website in Internet Explorer and Mac OSX.
-
Bookmark: Dabblet.com
An interactive CSS playground and code sharing tool. Dabblet saves to Github gists and offers many conveniences for CSS editing.
-
Bookmark: Responsive.is
Display and present responsive web designs
-
Bookmark: 99 Designs
Croud-sourced logo and web design contests
-
Bookmark: Sequence Diagram Generator
Super Simple online sequence diagram generator
-
angular-ui
-
node-angular
-
dummy-json
-
CakePHP-YouTube
-
TempleBethTikvah-Website
-
Learnode.js
-
Node.js-Bash.org
-
linkable
-
Bookmark: JavaScript Garden
A Guide to JavaScript's Quirks and Flaws.
-
Bookmark: Plunker
Plunker lets you edit, fork and preview web snippets online. Think JsFiddle with live collab, gist integration and multi-file support!
-
Bookmark: Sculpteo | Your 3D design turns into reality with the 3D printing
Sculpteo offers a 3D printing service, rapid and accessible to all users. From your 3D design, we make a concrete object : interior decoration, figurines, robots, miniatures, models ...
-
Jobvite Phoenix - Codebase Rewrite
Jobvite's existing core codebase is in ASP.net. That in of itself merits a rewrite, poor CSS, HTML and JS aside. Currently we are rebuilding the backend to run on Java and will be serving up a completely static site that is powered by a Javascript front-end. I have been tasked to do research as to the best way to execute this, and have been weighing different Javascript frameworks to get the job done. Currently it looks like we will be moving forwards with AngularJs and I will try to contribute to the newly budding community as best I can.
-
AngularJs Upgrading Notes
This is the most concise list of things you must know in order to upgrade your app to AngularJs v1.0 (subject to change). Read this list and upgrading should be as painless and easy as possible. REMEMBER: You should still refer to the docs for new syntax changes.
SUPA SIMPO UPGRADE TUTORIAL:
- The accepted convention is now
ng-whateverinstead ofng:whatever - Widgets have been dropped and folded into directives.
- Directives provide way more control and optional complexity if necessary.
- You can now set an execution priority over other directives on the same element
- You can now store a template inline or use a partial, both of which are automatically compiled
- You can now extend an existing directive's "controller" (read the docs, I'm still figuring this one out)
ng-transposelets you relocate and output the original element's innerHtml to a new location in the template which will continue compiling normally*
ng:autobindhas been dropped in favor of modules- Your app must have a module now (read the docs)
- Specify your module name in
ng-app(usually goes on<html>tag). - Modules can include other modules.
- Routes are done inside of modules
- You can do app-wide crap from modules like
.run(fn)which would hold init-code and.value()for globals or constants - Directives, services and filters are attached to modules now (read the docs)
- Refer to angular-ui as a good example of how to structure your app (source code)
- Specify your module name in
- There is no html filter, it's now a
ng-bind-html-unsafe="{expression}"directive - You probably want to output debugging variable through the
{{myVar | json}}filter $watchcallback is nowfn(newVal, oldVal)instead offn(scope, newVal, oldVal)thisis no longer a reference to scope, it is now a$scopeservice that is passed instead.- Scopes still inherit, controllers do not. Consider using your module +
$rootScopefor global stuff. ng-modelnow fires on blur, you're probably looking forng-model-instant.$xhris now$httpand the syntax is slightly different
- The accepted convention is now
-
Shopping List Expiration Reminder App
I am single and currently living in San Francisco. One of the problems as a bachelor is that your food tends to go bad before you ever have a chance to cook it, much less eat it. Sometimes when you look through the fridge for something to eat, you don't exactly know if you can trust half of your food, and if you're OCD like myself, that means even MORE food gets thrown out just to avoid the risk.
Then I said to myself: "man, I wish I knew when my food was going to expire". BAM, instant idea. What if you had a phone app that reminded you when your food was about to expire? What if it notified you when it certain categories (such as meat or dairy, based on your settings and configuration of course) was passing it's half-life? What if the next time I go sorting through the fridge I could get a concrete list of when I bought everything and what items are still good to use?
-
Bookmark: Sprite Cow
Generate CSS for sprite sheets
-
Bookmark: JavaScript Patterns
JavaScript patterns and antipatterns collection
-
Bookmark: Leanpub
Self-publish your in-progress book for great royalties on Leanpub. Publish Early, Publish Often.
-
Bookmark: Figure & Gesture Drawing Tool
Practice your drawing in short intervals with an automated image rotator
-
Bookmark: Subtle Patterns | Free textures for your next web project
-
Bookmark: BrandColors
Useful list of HEX color codes for major products and companies
