Rhy Moore morewry

I'm having trouble understanding the benefit of require.js. Can you help me out? I imagine other developers have a similar interest.

From Require.js - Why AMD:

The AMD format comes from wanting a module format that was better than today's "write a bunch of script tags with implicit dependencies that you have to manually order"

I don't quite understand why this methodology is so bad. The difficult part is that you have to manually order dependencies. But the benefit is that you don't have an additional layer of abstraction.

Frontend Development

Attention: the list was moved to

https://github.com/dypsilon/frontend-dev-bookmarks

This page is not maintained anymore, please update your bookmarks.

AngularJS Directive Attribute Binding Explanation

When using directives, you often need to pass parameters to the directive. This can be done in several ways. The first 3 can be used whether scope is true or false. This is still a WIP, so validate for yourself.

Raw Attribute Strings

<div my-directive="some string" another-param="another string"></div>

	// --------------------------------------------------
	// Flexbox LESS mixins
	// The spec: http://www.w3.org/TR/css3-flexbox
	// --------------------------------------------------

	// Flexbox display
	// flex or inline-flex
	.flex-display(@display: flex) {
	display: ~"-webkit-@{display}";
	display: ~"-ms-@{display}box"; // IE10 uses -ms-flexbox

	//
	// StateRouter
	//
	// An example of an extended version of Backbone.Router
	// that implements a simple state machine
	// without altering the router's ability to function as a normal Backbone.Router
	// states can be normal Backbone routes that function as intended
	// states can also be non-route states that can't be routed into
	// they're transitioned into using the transitionTo method
	//

	# get the name of your theme folder
	WP_THEME_FOLDER = File.basename(File.dirname(__FILE__))

	# best path for assets in Wordpress project
	http_path = "/wp-content/themes/#{WP_THEME_FOLDER}/"
	css_dir = "."
	sass_dir = "sass"
	images_dir = "img"
	javascripts_dir = "js"
	fonts_dir = "fonts"

	.flex() {
	display: -webkit-box;
	display: -moz-box;
	display:-webkit-flex;
	display: -ms-flexbox;
	display:flex;
	}

	.flex-justify(@justifyStyle) {

	// A named buffer. Will append to existing content captured there.
	// The buffer can be accessed via get-capture("foo") or @emit "foo".
	@capture "foo" {
	@media screen {
	.asdf {
	.qwerty {
	/* This is a comment */
	color: red;
	}
	}

	// Pass in a starting view and match comparison
	function findView ( startView, searchFn ) {
	var resultView,
	viewSearch = function ( curView ) {
	curView.getView( function ( nestedView ) {
	if ( searchFn( nestedView ) ) {
	resultView = nestedView;
	}
	else {
	viewSearch( nestedView );

	{
	"phone" : "all and (max-width: 603px)",
	"desktop": "all and (min-width: 1025px)",
	"tablet" : "all and (min-width: 604px) and (max-width: 1024px)"
	}