studiomohawk

/**
 * A "deeper" indented text effect with the :before and :after pseudo-elements.
 */
 
html, body {
    height: 100%;
}

body {
    margin: 0;

studiomohawk

• 元文書: Plugins/Authoring - jQuery Wiki(t)

Plugins/Authoring

プラグイン/作成

So you've become comfortable with jQuery and would like to learn how to write your own plugins. Great! You're in the right spot. Extending jQuery with plugins and methods is very powerful and can save you and your peers a lot of development time by abstracting your most clever functions into plugins. This post will outline the basics, best practices, and common pitfalls to watch out for as you begin writing your plugin.

jQueryを使うことが快適になってきたら、プラグインの作り方を知りたくなるでしょう。それは正解です！プラグインとメソッドでjQueryを利用することは、非常に協力で、さらに、プラグインの中に最も有効な機能を抽象化することで、開発にかける時間を大幅に節約出来ます。この記事は、プラグインを書き始める際の基本的な概要とベストプラクティス、さらに気をつける必要のある一般的な落とし穴についての記事です。

studiomohawk

CSS Radar - 2013/02/01

1. Designers Will Code — Design + Startups — Medium

これまでにも何度も繰り返されてきた問いである、デザイナはコードを書くべきかについて。記事の筆者はQuoraで働くデザイナ。そしてQuoraはブラウザを使ってデザインするフローを取り入れていることでも知られている。

ただどちらのサイドをとるわけでもなく、Quoraがブラウザ上でデザインしやすい環境、ユーザが利用するのと同じ環境を融合させたフローを持っていることがわかる。ユーザとの距離感という観点で、デザイナがコードを書いてもいいのではないかという話。

2. JS Memory

studiomohawk

#!/bin/node

// via http://starwing.net/suddenly_death.html

String.prototype.lengthByte = function()
{
	var str = this;
	var r = 0;
	for (var i = 0; i < str.length; i++) {
		var c = str.charCodeAt(i);

studiomohawk

＿人人人人人人＿
＞　突然の鏖　＜
￣Y^Y^Y^Y^Y￣

studiomohawk

{
    // --------------------------------------------------------------------
    // JSHint Configuration, Strict Edition
    // --------------------------------------------------------------------
    //
    // This is a options template for [JSHint][1], using [JSHint example][2]
    // and [Ory Band's example][3] as basis and setting config values to
    // be most strict:
    //
    // * set all enforcing options to true

studiomohawk

/**
 * The first commented line is your dabblet’s title
 */

ul {
  list-style: none;
  display: box;
  padding: 0;
  box-align:start;
  box-orient: horizontal;

studiomohawk

Template Components

Used to provide structural templates.

Pattern

t-template-name
t-template-name--modifier-name
t-template-name__subcomponent-name--subcomponent-modifier-name