Top all-time · #1201
Rico Sta. Cruz
Personal blog · ricostacruz.comwebprogramming
Rico Sta. Cruz's personal blog at ricostacruz.com covers web and programming. Since 2011, 57 different Hacker News readers have linked it 59 times, most often “NProgress: slim, site-wide progress bars”. It is still writing: the last post was on 2026-07-18, and you can follow it by feed.
Too few sampled comments (28) to say how often HN recommends it.?
Why HN links it
Rico Sta. Cruz's JavaScript pages: the NProgress progress bar, flatdoc documentation generator, js2coffee, jquery.transit, Backbone patterns and RSJS guidelines. Commenters mostly link them as tools or alternatives.
- Recommended for · 1 comments
- Backbone.js patterns guide described as very helpful for learning Backbone.js.
Summarised by Claude from a sample of 28 HN comments that link here. Each comment is marked recommending, critical or neutral (citing without judging); how this works.
Blog posts from Rico (@rstacruz) about web development and more
Most-linked posts?
- NProgress: slim, site-wide progress bars8 people · 8 mentions · first linked 2013-08-20
- JQuery Transit - CSS3 animations for jQuery8 people · 8 mentions · first linked 2011-12-24
- Flatdoc is the fastest way to create a site for your open source project.7 people · 7 mentions · first linked 2013-05-27
- Backbone patterns7 people · 7 mentions · first linked 2011-12-24
- JS2Coffee: The JavaScript to CoffeeScript compiler5 people · 5 mentions · first linked 2011-06-03
- RSJS: Reasonable System for JavaScript Structure2 people · 2 mentions · first linked 2023-04-21
- Rscss: Styling CSS without losing your sanity2 people · 2 mentions · first linked 2023-12-26
- Vim script cheatsheet2 people · 2 mentions · first linked 2016-09-19
- Rico's Cheatsheets2 people · 2 mentions · first linked 2015-11-12
- Backbone patterns2 people · 2 mentions · first linked 2012-02-09
What Hacker News says?
Yes, I was thinking about something in the like of NProgress: http://ricostacruz.com/nprogress/ If the page is displayed instantly, show a complete bar that disappears. (I’m not sure if that would solve the problem, I may explore different solutions.)
Comment linking /nprogress/
on “Show HN: JS library to make your website instant”Submitted NProgress: slim, site-wide progress bars as a story · 597 points
HN discussionAnother stripe inspired documentation made easy @ http://ricostacruz.com/flatdoc/
Comment linking /flatdoc/
on “Mozilla Brick”Submitted Backbone patterns as a story · 174 points
HN discussionCareful not to read this too fast: I thought it was criticizing http://ricostacruz.com/nprogress/ but it's not.
Comment linking /nprogress/
on “Don't reinvent the scrollbar”Submitted JQuery Transit - CSS3 animations for jQuery as a story · 168 points
HN discussionThis looks nice but $60/mo seems incredibly pricey when there are also nice, and similar, open source solutions such as http://ricostacruz.com/flatdoc/ What extra value am I paying for?
Comment linking /flatdoc/
on “Show HN: ReadMe.io – Beautiful Documentation Made Easy”Submitted Backbone patterns as a story · 89 points
HN discussionThis has been very helpful for me, learning Backbone.js: http://ricostacruz.com/backbone-patterns/
Comment linking /backbone-patterns/
on “Introducing the Backbone.js Boilerplate”Submitted Flatdoc is the fastest way to create a site for your open source project. as a story · 28 points
HN discussionHere's a general-purpose JS implementation of a progress bar that achieves a similar visual effect: http://ricostacruz.com/nprogress/
Comment linking /nprogress/
on “New UI Pattern: Website Loading Bars”Submitted JS2Coffee: The JavaScript to CoffeeScript compiler as a story · 10 points
HN discussionNot sure if that's what you meant, but there is already JavaScript to CoffeeScript compiler: http://ricostacruz.com/js2coffee/
Comment linking /js2coffee/
on “JavaScript is Dead. Long Live JavaScript”Submitted Backbone.js Patterns as a story · 9 points
HN discussionWow, this is cool. The first thing I thought when I saw http://ricostacruz.com/nprogress/ (submitted earlier) was how much effort to port/implement it to/in AngularJS. And you did it! Sorry for nitpicking: (1) I think the color is too strong, (2) At one time (I don't know what I did), the progress bar went 50% but centered instead of left-aligned (but still on top), unfortunately I can't reproduce it, and (3) While…
Comment linking /nprogress/
on “Show HN: ngProgress - slim, site-wide progressbar for AngularJS, without jQuery”Submitted Flatdoc - JS tool for building a site from markdown files as a story · 5 points
HN discussionThis is a Angular provider I've created after seeing NProgress[1] but I didn't want the jQuery dependency and I also wanted it for Angular so here it is. Please comment if you see I'm doing something superstrange in the code or if you have any suggestions. I'm eager for your feedback! [1] http://ricostacruz.com/nprogress/
Comment linking /nprogress/
on “Show HN: ngProgress - slim, site-wide progressbar for AngularJS, without jQuery”Submitted A better Hello World as a story · 4 points
HN discussionThere is http://ricostacruz.com/js2coffee/
Comment linking /js2coffee/
on “Coffeekup”Submitted RSJS: Reasonable System for JavaScript Structure as a story · 3 points
HN discussionI learned Backbone just about 3 months ago and the first project I built (still in developing) with it was a commercial eCommerce web application for a major client. This is how I learned Backbone: —— 1. I downloaded a copy of the following book and followed all the examples: http://addyosmani.github.com/backbone-fundamentals/ Note that the following incomplete sections in the book you will very likely need (I did).…
Comment linking /backbone-patterns/
on “Ask HN: How to learn Backbone”Submitted Rico's Cheatsheets as a story · 3 points
HN discussionThere's also flatdoc http://ricostacruz.com/flatdoc/ which renders the markdown file on the client side ('marked' js parser), so no server-side stuff is needed.
Comment linking /flatdoc/
on “Daux.io, a simple documentation generator”Submitted Vim script cheatsheet as a story · 3 points
HN discussionNot that much to be honest, there are some quirks and such as variable scopings (g:, s:, l: a:) and other things, but other than that it's pretty familiar. A few great resources I found after having googled a ton around was [0] and [1]. If you are very familiar with vim (I'm not really a power user tbh), then all the commands you use with : are supported in vim script. Meaning opening a split in your script is, well…
Comment linking /cheatsheets/vimscript.html
on “Show HN: SpaceNeovim – Spacemacs for Neovim”Submitted JQuery Transit - CSS3 animations for jQuery as a story · 3 points
HN discussionFor the lazy, the source reveals these jQuery dependencies: https://github.com/camoconnell/lazy-line-painter http://ricostacruz.com/jquery.transit/ https://github.com/jquery/jquery-mousewheel
Comment linking /jquery.transit/
on “Really well-designed parallax(?) scrolling”Submitted Rscss: Styling CSS without losing your sanity as a story · 2 points
HN discussionThere's a couple of libraries that help you implement this. http://ricostacruz.com/nprogress/ is one.
Comment linking /nprogress/
on “I am your co-creator, not your competitor”Submitted NProgress as a story · 2 points
HN discussion
