background preloader

Codeaholics

Facebook Twitter

Aptana. OPENFANS-最大的Centos中文社区|关注开源,关注Linux,专注Linux!关注开源软件! - OPENFANS开源社区. RhodeCode. Open-source rails apps to study and learn from – Chris Lowis. Sass vs. SCSS: Which Syntax is Better? - Articles. Since the creation of Sass nearly 5 years ago, it has been plagued by many levels of controversy.

Sass vs. SCSS: Which Syntax is Better? - Articles

It billed itself as "a better CSS" and added brand new features unheard of to CSS authors such as variables, nesting and mixins. Sass also introduced an entirely different indentation-oriented syntax and a brand new perspective on how to author CSS. The Sass syntax The indented syntax of Sass was inherited from its first-born brother Haml. And while Sass and Haml once got along – Hey, they even shared the same Ruby Gem!

One common objection among Sass detractors is that the indented syntax is so foreign to CSS. And the objections trail on … SCSS to the rescue! In version 3 of Sass, the SCSS (Sassy CSS) syntax was introduced as "the new main syntax" for Sass and builds on the existing syntax of CSS. Those who are new to Sass have less to learn. Ruby on Rails. TryStack: A Free Way To Try OpenStack With Your Apps. International Open Data Hackathon. Vancouver Node.js afficiendo. 7 Python Libraries you should know about. , Reposted here.

7 Python Libraries you should know about

In my years of programming in Python and roaming around GitHub's Explore section, I've come across a few libraries that stood out to me as being particularly enjoyable to use. This blog post is an effort to further spread that knowledge. I specifically excluded awesome libs like requests, SQLAlchemy, Flask, fabricetc. because I think they're already pretty "main-stream". If you know what you're trying to do, it's almost guaranteed that you'll stumble over the aforementioned. This is a list of libraries that in my opinion should be better known, but aren't. 1. pyquery (with lxml) pip install pyquery For parsing HTML in Python, Beautiful Soup is oft recommended and it does a great job.

What immediately stands out is how fast lxml is. So either slow and easy to use or fast and hard to use, right? Wrong! Enter PyQuery Oh PyQuery you beautiful seductress: from pyquery import PyQuerypage = PyQuery(some_html)last_red_anchor = page('#container > a.red:last') 2. dateutil 3. fuzzywuzzy. 10 个免费超棒的编程用等宽字体. 太多程序员没有太多心思去关注他们每天都在面对的编程字体,然后编码工作需要长时间盯着屏幕并阅读一些非常复杂的文本。 一个好的字体可以很大程度上提升阅读代码的愉悦感,提高生产力。 本文介绍 10 个适合在编程时使用的等宽字体,它们都是免费的,效果很好。 1. NodeCloud - Node.js resources. 2013移动互联网游戏与应用开发大赛 - SegmentFault. Warrick - Recover Your Lost Website. Ruby 初学者 - Table of Contents. Welcome to the Quantum GIS Project. Rails School San Francisco. (81) Starmonkeys. 百度技术沙龙. Chardin.js. HTML5 Game Engines - Find Which is Right For You. NodeJS: Writing tests. Codeaholics Hong Kong - Code and share. (99+) Codeaholics.

Bret Victor - Inventing on Principle. Bret Victor, beast of burden. Re-usable charts for d3.js. Backgrid.js - A powerful widget set for building data grids with Backbone.js. JavaScript secrets of worrydream.com.

I recently came across the site worrydream.com, which implements an amazing navigation experience through JavaScript and HTML5.

JavaScript secrets of worrydream.com

The page displays dozens of page icons arranged into angled strips that fit the page, and when you click on one, the icons fly around the page while the clicked link slides in at the bottom. It's an amazing effect - if you haven't seen the site, click on the image below to try it. (Otherwise this article won't make much sense.) Looking at the page, I couldn't figure out how CSS and JavaScript could perform the effects on the page - the way the icons moved around, the angles of the icons and the page, or the way the page blurred and appeared.

Using Inspect Element in the browser showed a whole bunch of complex divs, but didn't give much clue as to how it works. I set out to understand in detail how the page works. So how does the page work? <h2>Dynamic Pictures</h2> <span class="title">Dynamic Pictures</span></a>: <b>pictures that change</b>? BVLayer library Web fonts.