background preloader

Brian Ford

Brian Ford
AngularJS is like the missing Batarang on your utility belt of web development awesomeness. It gives you two-way data binding that's both easy to use and fast, a powerful directive system that lets you use create reusable custom components, plus a lot more. Express is an excellent webserver for Node.js that provides routing, middleware, and sessions. In this tutorial, I'm going to walk through writing a simple blog app with Angular and Express. If you'd rather skip to the end and see the finished product, you can grab the finished product from Github, or take a look at a live demo here. Anatomy of the App This application is really divided into two parts: client, and server. Getting the Angular Express Seed To kick start the process of writing an AngularJS app, I've created the Angular Express Seed, based on the Express web server (which runs on Node.js) and the Angular Seed. To get started, you can either clone the angular-node-seed repo from Github: or download it as a zip. λ → npm install Related:  Web, Programming and Tech

Bootswatch: Free themes for Twitter Bootstrap How do I get started with Node.js How To Node - NodeJS reveal.js - The HTML Presentation Framework HTML Presentations Made Easy Created by Hakim El Hattab / @hakimel Heads Up reveal.js is a framework for easily creating beautiful presentations using HTML. You'll need a browser with support for CSS 3D transforms to see it in its full glory. Vertical Slides Slides can be nested inside of other slides, try pressing . Basement Level 1 Press down or up to navigate. Basement Level 2 Cornify Basement Level 3 That's it, time to go back up. Slides Not a coder? Point of View Press ESC to enter the slide overview. Hold down alt and click on any element to zoom in on it using zoom.js. Works in Mobile Safari Try it out! Marvelous Unordered List No order here Or here Or here Or here Fantastic Ordered List One is smaller than... Markdown support For those of you who like that sort of thing. <section data-markdown> For those of you who like that sort of thing. Transition Styles You can select from different transitions, like: Cube - Page - Concave - Zoom - Linear - Fade - None - Default Themes Global State Custom Events

reveal.js Device Loop Animation View the device loop A device loop animation that I created for the new home page. Flexing Pagination View Flexing Pagination A UI experiment with pagination arrows that "flex" when you hover or press them. Assorted CSS Animations I've been having a lot of fun creating these small CSS-only animations lately. View Cloud Animation View Spinner Animation View Hole Animation Ladda Open Ladda A UI concept which merges loading indicators into the action that invoked them. Slides Try Slides I'm happy to announce the release of Slides - an easy way to create and share presentations. The app has been rewritten from the ground up to provide the solid foundation we need to be able to iterate faster than what was possible with Kontext Open Kontext A context-shift transition inspired by iOS. Sketch Toy Visit In early 2011 I released a small experiment called Sketch. Fast forward to late November 2012. Scaling up Challenges The second challenge is storage. Hypnos Kort

10 Online Magazines for Developers and Designers | Webmasters by Design LLC PHP Magazine PHP Magazine is an online magazine in the form of a blog. There are posts that range many different categories, mainly PHP, but others from within their network of sites. There is information from software and book reviews to articles and tutorials. Ajax Magazine Ajax Magazine is another online magazine in the form of a blog from the publishers of PHP Magazine. Smashing Magazine Smashing Magazine is one of the best sites on the web (also an online magazine in the form of a blog). Design Mag Design Mag offers news, articles, galleries, interviews and more. Website Magazine Website Magazine offers their magazine both in print and online. Digital Web Magazine Digital Web Magazine offers news, articles, reviews, interviews, and tutorials. SD Times SD Times reports on content related to programmers and developers. Dr. Dr. Developer.* Magazine Developer.* offers articles, blogs, and book reviews for all things development and programming. .Net Magazine

30 Best Eclipse Plugins PyDev - Python Development Environment for Eclipse Pydev is a plugin that enables users to use Eclipse for Python, Jython and Iron Python development, making Eclipse a first class Python IDE. EasyEclipse for LAMP EasyEclipse for LAMP is an Eclipse distribution to develop web applications with dynamic languages and provide support for PHP, Python, Perl, and Ruby and Ruby On Rail development with a web server and a database, CVS and Subversion. CFEclipse ColdFusion plugin for Eclipse Includes most of the commonly used features from DreamWeaver and Homesite and whole lot that neither of them have. Spket IDE Spket IDE is powerful toolkit for JavaScript and XML development. ATL (Atlas Transformation Language) is a model transformation language and toolkit. PTI - PHP Tool Integration On one site there exists many good PHP tools such as PHPUnit or PHP CodeSniffer which support the development of PHP scripts. Skyway Builder Community Edition Bravo JSP editor Koders IDE Plugin for Eclipse Regex Util Emac+

27 Best Free Eclipse Plug-ins for Java Developer to be Productive Eclipse offers an integrated development environment having an extensible plug-in system. This enables Eclipse to provide all functionality on the top of its run-time system. It’s also different from other applications (where the functionality provided by plug-ins are mostly hard coded). Having the appropriate Eclipse plug is important, since it facilitates the Java developers to seamlessly develop and implement applications which are J2EE and service-based. Below is the list of best free Eclipse plug-ins for a developer to be more productive - FindBugs FindBugs plug-in is used with eclipse IDE and it is the software used to find bugs in Java programs. Checkstyle Checkstyle plug-ins can be integrated to IDE Eclipse and it ensures the Java code follows the coding standards. ECLemma ECLemma is a free tool available through Eclipse Public License and it provides fast development and test cycles. JDepend4Eclipse PMD is a source code analyzer which helps to detect used variables and bad codes.

Develop Cross Platform Mobile Apps and Games BasicBuild your games or apps in record time and start monetizing with in-app purchases or ads.BUY $16/monthProPro adds advanced graphics, all Corona Plugins, analytics and much more.BUY $49/monthEnterpriseCall any native library (C++/Objective-C/Java) from your Corona app and do offline builds.CONTACT US Download Corona and you are automatically a Corona SDK Starter. You can build and publish your apps for free.Upgrade to Basic, Pro or Enterprise when you are ready for more functionality. Do you have existing apps? CoronaCards lets you take Corona’s richness and ease-of-use to any native app. Read on to learn why Corona SDK is the leader for 2D apps and games… Publish to all major platforms Corona SDK allows you to publish for iOS, Android, Kindle Fire and NOOK from a single code base. We’ll take care of the heavy lifting related to device and platform fragmentation, allowing you to focus on creating exceptional mobile content. Build on industry standards

Node.js development with WebMatrix 2 and Express I’m sure by now everyone has heard plenty about Node.js, the lightweight JavaScript-on-the-server web platform. But maybe you’ve been putting off trying it out because it’s unclear what exactly to download and install on Windows to get the best development experience. Delay no longer! Get WebMatrix 2 (Release Candidate) and it will take care of installing all the bits you need (Node, Node Package Manager, and IISNode), and will give you a first-rate IDE experience including fancy features like autocompletion that understands Node packages and conventions. Tutorial videos So then, what can you do with Node and WebMatrix? The material is based on a talk I gave at DevSum in Stockholm a month or two back. OK, here it is!