background preloader

Jade - Template Engine

Jade - Template Engine

Joyent Node.js Workup: Office Hours Invalid quantity. Please enter a quantity of 1 or more. The quantity you chose exceeds the quantity available. Please enter your name. Please enter an email address. Please enter a valid email address. Please enter your message or comments. Please enter the code as shown on the image. Please select the date you would like to attend. Please enter a valid email address in the To: field. Please enter a subject for your message. Please enter a message. You can only send this invitations to 10 email addresses at a time. $$$$ is not a properly formatted color. Please limit your message to $$$$ characters. $$$$ is not a valid email address. Please enter a promotional code. Sold Out Pending You have exceeded the time limit and your reservation has been released. The purpose of this time limit is to ensure that registration is available to as many people as possible. This option is not available anymore. Please read and accept the waiver. All fields marked with * are required. US Zipcodes need to be 5 digits.

Grok - A Smashing Web Framework — Grok Twitter’s Flight JS Framework: First thoughts and comparison with Backbone Hey, Twitter released earlier today a new JS framework called Flight. You can check it out at Github After reading the documentation, downloading it, and trying it for a while, I’ve my first thoughts. Basically, what this framework provides is a way to create components. Each component is then “binded” or “assigned” to a certain node in the DOM element. Now, some comments about this implementation: I love and hate an event model at the same time. Each of this components reminds me to Backbone’s View object. However, in Backbone, one View can have a nested view or a list of nested views inside. What does Flight do really well? 1) Mixins. 2) Component’s lifecycle. So, will I use Flight? I hope you liked the quick review See yaa!

Tooltipster - The jQuery Tooltip Plugin Styling your tooltips with a custom look ⇑ Tooltipster makes it very easy to go from one of the packaged themes and customize a few properties of your choice. To do so, we recommend that you create a so-called "secondary theme" which will override some properties of a packaged theme. Create a new css file and include it in your page. For your secondary theme to be applied, provide an array of themes instead of just one. Changing the size of the arrow might be the only challenging customization but it's doable! Updating a tooltip's content ⇑ It's easy as pie to update a tooltip's content - whether it's open or closed. $('#myelement').tooltipster('content', 'My new content'); // or when you have the instance of the tooltip: instance.content('My new content'); Tooltipster plays a subtle animation when the content changes. Using AJAX to generate your tooltip content ⇑ One great use for this is to grab dynamic content for your tooltips via AJAX. Forcing or disabling sides ⇑ Predefined behaviors

Less, dynamic stylesheet language Felix's Node.js Convincing the boss guide « Home / All Guides Now that you're all hyped up about using node.js, it's time to convince your boss. Well, maybe. I have had the pleasure of consulting for different businesses on whether node.js is the right technology, and sometimes the answer is simply no. So this guide is my opinionated collection of advice for those of you that want to explore whether node.js makes sense for their business, and if so, how to convince the management. Bad Use Cases CPU heavy apps Even though I love node.js, there are several use cases where it simply doesn't make sense. That being said, node.js allows you to easily write C++ addons, so you could certainly use it as a scripting engine on top of your super-secret algorithms. Simple CRUD / HTML apps While node.js will eventually be a fun tool for writing all kinds of web applications, you shouldn't expect it to provide you with more benefits than PHP, Ruby or Python at this point. NoSQL + Node.js + Buzzword Bullshit Good Use Cases JSON APIs Single page apps

Introduction to Sass for New WordPress Theme Designers As a new WordPress theme designer, you would quickly learn the challenges of maintaining long CSS files while keeping them organized, scalable, and readable. You will also learn that many designers and front-end developers recommend using a CSS preprocessor language like Sass or LESS. But what are these things? and how do you get started with them? This article is an introduction to Sass for new WordPress Theme Designers. What is Sass? The CSS that we use was designed to be an easy to use stylesheet language. It is very much like PHP which is a preprocessor language that executes a script on the server and generates an HTML output. Since version 3.8, WordPress admin area styles were ported to utilize Sass for development. Getting Started With Sass for WordPress Theme Development Most theme designers use local development environment to work on their themes before deploying it to a staging environment or a live server. First thing you need to do is to install Sass. What about CSS @import?

Flight, ComponentJS Flight What’s the most sensible thing to do when there’s an established project called Component that aims to make client-side development more modular through reusable components? Invent something else that yet again overloads this increasingly overused term! If you weren’t already confused about components, then get ready to unlearn everything you’ve learned. I was expecting this, however. Flight (GitHub: twitter / flight, License: MIT, bower: flight) from Twitter is a new framework that maps “behaviour” to DOM nodes. Flight apps look a bit like Backbone/RequireJS apps. The authors define a component in Flight as a constructor with properties mixed in. That last point is potentially important, because it demonstrates the authors have a good sense of one of the major issues with client-side development: writing reusable, decoupled code. Although Flight already has a bazillion stars on GitHub (Twitter™!) However, the project has some great ideas and has serious pedigree behind it.

Related:  Front-endNodeJSModulesHTML - TemplatingtemplatingFramework JSmodules node.js