Sass vs. LESS vs. Stylus: Preprocessor Shootout | Envato Tuts+
Wielding the true power of a CSS preprocessor is an adventure. There are countless languages, syntaxes, and features, all ready for use right now. In this article, we will be covering the various features and benefits of using three different preprocessors—Sass, LESS, and Stylus. Introduction Preprocessors produce CSS that works in all browsers. CSS3 preprocessors are languages written for the sol
今年(2011年)参考になったWeb制作者向けのスライドいろいろ | キャリア | マイナビニュース
Web制作者というか、フロントエンド中心です。 WebデザインとかHTML5とかJavaScriptなどの スライドと、PHPなどが少し。タイトルで誤解 したらすみません。そろそろ年末年始の勉強 用に情報をまとめておきたいと思います。勉強 になるブログ記事！みたいなのはほっといても 誰かがまとめるんじゃないかな。 というわけで完全に自分用なのでいつも通り内容は偏ってます。一気にまとめて復習・・・出来るといいなｗちゃんとアウトプットしないとダメですね・・とはいえ適当に端折ってます。そんな見る暇無さそうですし。 結構まとまりないです。 色彩センスのいらない配色講座 色彩センスのいらない配色講座 View more presentations from Mariko Yamaguchi まりっぺさんのスライドです。確かにこれみて配色決めれば間違いなく色の破綻はしないかと思います
PHPUnitのアンチパターンとベストプラクティス
みなさんこんにちは。@ryuzeeです。 SlideShareを徘徊していたらPHPUnitのアンチパターン・ベストプラクティスに関する素晴らしいスライドを見つけたので内容を抜粋で紹介します。 1. テストの中で何もテストしていない class FooTest extends PHPUnit_Framework_TestCase { public function testSomething() { $foo = new Foo; $foo->doSomething(new Bar); } } こういうテスト。どこにもアサーションがなくて何もチェックしていません。 $foo->doSomethingの戻り値を検証しないならなんの意味もありません。 純粋にTDDをしていれば、テストコード作成→テスト実行でRed→プロダクションコード作成→テスト実行でGreenなのでこういうテストは登場しませ
スパルタンVimのPDF公開 — KaoriYa
C81での頒布からそろそろ三週間になろうとしていますので、スパルタンVimのPDFを公開します。以下からダウンロードしてください。 http://files.kaoriya.net/goto/c81pdf このPDFは表紙とそれ以外を別々のPDFとして出力し、MERGE PDFというWebサービスを使って1つのPDFにしました。最近はほんとうに便利になりましたね。 2012/01/20追記 スパルタンVimに対してtwitterでいただいた誤りの指摘をまとめました。 http://togetter.com/li/244330 その他に見つけた場合はtwitterならば @kaoriya にお願いします。その他の手段は…まかせます。私の目に入りそうなところに書いてください。
Vim の snippet 系プラグインを使う際のTips - 永遠に未完成
vim で動作する snippet 系のプラグインの多くは、snippetを展開したり次の入力箇所にジャンプした際に変更すべき部分を選択するようになっている。 で、大抵のプラグインではこの時選択モード(Select mode)で選択されている。これはビジュアルモードとは少し違う。 詳細は省略するが、簡単に言ってしまえば一般的なテキストエディタでの選択をエミュレートするためのモードだ。印字可能な文字を入力すると、選択部分が消え、入力した文字が挿入され、挿入モードに移行する。 このモードを使うことで変更すべき部分を変更しやすくしているのだけど、印字可能キーを押したのに挿入モードに入らない！なんて経験はないだろうか。例えば、 j を押したら普通にカーソルが下に移動したぞ！とか。 そういう人は多分 vimrc に↓みたいなのを書いてる。(例) noremap j gj 普通に noremap する
Web屋のためのHow to Vim (チラ裏) - Archiva
Make a note of it: Web tech, montaineering, and so on. Note: この記事は、3年以上前に書かれています。Webの進化は速い！情報の正確性は自己責任で判断してください。 Vim Advent Calendar 2011 43日目の記事です。というかもう2012年ですね！ あけましておめでとうございます。この度は前回の続き。本当は翌日にでも書くつもりだったけど伸ばしに伸びたWeb屋のためのVim特集をお送りします。初めに言っときますが、3部作です。つまりこの記事は2/3。どうしてこうなった。 Web屋のための Vim-Starter-kit Demo: Vim Starter-Kit from sigwyg on Vimeo. はい、けっきょく作ってしまったんですよ。初心者導入キット。黒い画面恐怖症の方々のためにGit依存しないように作
RequireJS
/* --- RequireJS is a JavaScript file and module loader. It is optimized for in-browser use, but it can be used in other JavaScript environments, like Rhino and Node. Using a modular script loader like RequireJS will improve the speed and quality of your code. IE 6+ .......... compatible ✔ Firefox 2+ ..... compatible ✔ Safari 3.2+ .... compatible ✔ Chrome 3+ ...... compatible ✔ Opera 10+ ...... co
Essential jQuery Plugin Patterns — Smashing Magazine
Addy Osmani explores several time-saving design patterns and best practices that can be employed to improve your plugin development process. (Note: this post is targeted at intermediate to advanced developers.) I occasionally write about implementing design patterns in JavaScript. They’re an excellent way of building upon proven approaches to solving common development problems, and I think there’
Quick Tip: The Power of Google Analytics Custom Variables | Envato Tuts+
Familiarity with your users and their needs is the most important aspect of any successful site or web campaign. Google Analytics is the perfect tool to gather this sort of information. But there's much more you can find out about your users when you begin using custom variables to make better decisions. What are Custom Variables? Using custom variables carries huge potential, as it allows you to
PEAR 標準コーディング規約
注意 PEAR 標準コーディング規約は、 PEAR の公式ディストリビューションに含まれるコードに適用されます。 コーディング規約 (Coding standards) は、開発者たちの間ではよく CS と略されます。この規約の狙いは、コードの一貫性を保つことと PEAR の開発者たちがコードを保守しやすくすることにあります。 インデント 空白 4 つのインデントを使用します。タブは使いません。 これにより、diff や patch、CVS history や annotations の際に問題が発生するのを避けることができます。 Emacs を使用する場合、indent-tabs-mode を nil に設定する必要があります。 Emacs を設定するモードフックの例を次に示します (PHP ファイルを編集する際に これがコールされるようにする必要があります)。 (defun php-
継続開発のススメ - Twisted Mind
概要 開発をすればリリースがあり、リリースが終われば開発があります。継続開発をする以上はリリースと開発の繰り返しです。 開発手法やリリース手段は沢山あるのですが、あまりしっくりくるものが無かったので自分でまとめてみました。 これで完璧というものは残念ながらこの世にないと思うので、これからも臨機応変に良い流れを作って行ければと思います。 この文章は以下のような構成になってます。書き殴りですみません。 バージョンの付け方 ソースコード管理とリリース タスク駆動 環境方針 定義 いくつか事前に定義しておかないと話しが訳わからなくなりそうなので。 バージョン管理には git を採用しています。 開発というのはコードを書く事だけを指してはいません。 ここでいうフレームワークは「自身で開発している」として扱います。そうしないとちょっと難しいので。 ライブラリは自身の開発とそれ以外があると思いますので、
Semantic Versioning 2.0.0
Semantic Versioning 2.0.0 Summary Given a version number MAJOR.MINOR.PATCH, increment the: MAJOR version when you make incompatible API changes MINOR version when you add functionality in a backward compatible manner PATCH version when you make backward compatible bug fixes Additional labels for pre-release and build metadata are available as extensions to the MAJOR.MINOR.PATCH format. Introductio
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
仮想パネル：最先端のJavaScriptユニットテスティング