background preloader

The Big Badass List of Twitter Bootstrap Resources

The Big Badass List of Twitter Bootstrap Resources

Related:  MEAN Stack: Using with NodeWebDesign

Dan Wahlin - Learning AngularJS by Example – The Customer Manager Application I’m always tinkering around with different ideas and toward the beginning of 2013 decided to build a sample application using AngularJS that I call Customer Manager. It’s not exactly the most creative name or concept, but I wanted to build something that highlighted a lot of the different features offered by AngularJS and how they could be used together to build a full-featured app. One of the goals of the application was to ensure that it was approachable by people new to Angular since I’ve never found overly complex applications great for learning new concepts. The application initially started out small and was used in my AngularJS in 60-ish Minutes video on YouTube but has gradually had more and more features added to it and will continue to be enhanced over time.

Bootstrap for GWT bootstrap4gwt Twitter Bootstrap for GWT a sample for Google Web Toolkit. Bootstrap, from Twitter Customizing Bootstrap Twitter’s Bootstrap 1 has taken off like a rocket since its release a year ago. The popular CSS framework supplies a responsive grid system, pre-styled components and JavaScript plugins to a parade of websites 2 . One of Bootstrap’s appeals is that it just works. It’s a significant time-saver when starting a website, so much so that major organizations such as NBC, NASA and the White House are adopting it.

Build a RESTful API Using Node and Express 4 Express Router and Routes We will use an instance of the Express Router to handle all of our routes. Here is an overview of the routes we will require, what they will do, and the HTTP Verb used to access it. This will cover the basic routes needed for an API. This also keeps to a good format where we have kept the actions we need to execute (GET, POST, PUT, and DELETE) as HTTP verbs. Route Middleware

Blockster Ghost & Blockster for Docs You could use Blockster to power documentation. How? Either in the form we're currently following for the Blockster Docs or, more creatively, using the entire theme exclusively for documentation. Alright... what's really the idea? Create a post for each documentation topic (section) and tag each one appropriately. Tiny, opensource, Bootstrap WYSIWYG rich text editor from MindMup About This tiny (5KB, < 200 lines) jQuery Bootstrap plugin turns any DIV into a WYSIWYG rich-content editor, inspired by CLEditor and bootstrap-wysihtml5. Here are the key features: Automatically binds standard hotkeys for common operations on Mac and Windows Drag and drop files to insert images, support image upload (also taking photos on mobile devices) Voice dictation input (only in Chrome) Allows a custom built toolbar, no magic markup generators, enabling the web site to use all the goodness of Bootstrap, Font Awesome and so on... Why? While building a content editor for MindMup we found plenty of good HTML5 WYSWYG editors online, but most were duplicating functionality that already exists in jQuery and Bootstrap, implementing things that were meanwhile added to HTML5 and supported in major browsers, or doing too much magic such as inserting IFrames with backup text-areas.

Testing with Angular’s E2E Testing Framework Outdated content warning. The techniques in this article are now out of date. Google no longer supports the “E2E” testing framework. 7 Reasons to love Duck Angular covers a more modern approach to testing Angular applications. The Problem Testing AngularJS applications with Selenium can be difficult! Bootstrap Tutorials « Return <h1 class="javascript-required">This page requires JavaScript.</p><p>Please enable JavaScript if you would like to see this page's content.</h1> Single Page Apps with AngularJS Routing and Templating Overview Single page apps are becoming increasingly popular. Sites that mimic the single page app behavior are able to provide the feel of a phone/tablet application. Angular helps to create applications like this easily. Our Simple App We’re just going to make a simple site with a home, about, and contact page.

Related:  WEB DESIGNBootstrap