background preloader

Jade - Template Engine

Jade - Template Engine

http://jade-lang.com/

A Beginner's Guide to Wireframing Wireframing is an important step in any screen design process. It primarily allows you to define the information hierarchy of your design, making it easier for you to plan the layout according to how you want your user to process the information. If you've yet to use wireframing, it's time to get your feet wet..

Connect - middleware framework for nodejs Connect is a middleware framework for node,shipping with over 18 bundled middleware and a rich selection of3rd-party middleware. var app = connect() .use(connect.logger('dev')) .use(connect.static('public')) .use(function(req, res){ res.end('hello world\n'); }) http.createServer(app).listen(3000); Installation: $ npm install connect Middleware: Links: 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.

Nil Gradisnik : CSS inverted border radius Everybody knows how to make rounded borders, it's right there in the CSS3 spec. Ever wondered how to do borders with radius inverted in pure CSS? I was facing this challenge a while ago and I just wanted to share the results. You start off witht this HTML structure As you can see it takes quite a few extra DOM elements to achieve this. The following CSS will do the trick Nivo Slider - The World's Most Popular jQuery & WordPress Image Slider Beautiful transition effects Nivo Slider offers 16 transition effects ranging from slicing and sliding, to fading and folding, making your galleries interactive and fun. No coding skills needed Sublime Text 2 About this Screencast You’ll complete this screencast with a great overview of ST2’s features, and have a great migration plan from your current editor. Sublime Text 2 brings a number of unique features to you, as well doing a great job with the toolset we already expect in our programming tools.

Vertically Center Multi-Lined Text If you only have a single word or a single line of text, there is a clever way to vertically center it in a block with CSS. You set the line-height of that text to be equal to the height of the box. Works great, but is a major fail if that text needs to wrap. A "speech bubble" is a classic example of somewhere we might want text to be centered both horizontally and vertically and be adaptable to multiple lines. Swiper - Mobile Touch Slider And Framework With Hardware Accelerated Transitions Swiper - is the free and ultra lightweight mobile touch slider with hardware accelerated transitions (where supported) and amazing native behavior. It is intended to use in mobile websites, mobile web apps, and mobile native apps. Designed mostly for iOS, but also works great on Android, Windows Phone 8 and modern Desktop browsers. Swiper is created by iDangero.us 1:1 Touch movementBy defaut Swiper provides 1:1 touch movement interraction, but this ration could be configured through Swiper settings.Touch emulationThis function will be useful if you are going to use Swiper on desktop sites. With all these features you can build amazing touch interfaces and apps with awesome native behavior.

Related:  HTML - Templating