ウェブ制作

Symfony2 app/consoleコマンドヘルプを見やすく機械翻訳したリスト化しただけ!

Symfony2のヘルプコマンドで英語読めないのでGoogle翻訳にかけてテーブル化しました。自力で翻訳一切してません。
ウェブ制作

gulp で haml を使える様子にするメモ 超快適になった!

hamlが使えるようになったので、さっそくgulpに追加したいと思いました。そしたらいくつかhamlプラグインがあったので使えた一つを紹介というかメモ。
ウェブ制作

hamlをインストールから応用まで遊んだのでメモ

なぜこんなことやるかというと、導入しようと思ってinstallコマンドを入力したらうまくインストールできなかったの僕みたいな超入門者用にまとめます。hamlインストール方法コマンドラインから行いますコマンドで以下のことを実行してください。ま...
ウェブ制作

サッとサイズ決定!黄金比の正方形サイズ計算ツールが便利

デザインで美しいとされるものは黄金比を意識されていることが多かったりします。逆に、黄金比を使いデザインすると手軽に美しいものをつくれます。そんな黄金比サイズを計算してくれるツールを紹介したいと思います。
ウェブ制作

簡単に12グリッドのガイド引く フォトショプのプラグインCC2015メモ

普段私はFoundation5フレームワークを使用しています。デザイン案を考えるときは12グリッドを元に制作することが多くなります。そこで、グリッドを引くときとても便利なプラグンを紹介します。※ 導入方法はPhotoshopCC2015での...
ウェブ制作

AtomのTerm2でcompass(gulp)コマンドが文字コードで通らないときの対処法

私は、gulpコマンド実行すればcompassの処理がされるようにしている。今回は、AtomのTerm2でcompass(gulp)をコマンドを実行した際、ターミナルでは何もエラーが出なかったにもかかわらずエラーが出た時の対処法をメモ
ウェブ制作

AtomのTerm2でコマンドが通らないときの対処法

AtomのTerm2をいざ使おうと思い、gulpコマンドを実行したら『command not found』と出てしまったので対処法をメモします。
ウェブ制作

CSSルールまとめ SMACSS. OOCSS. BEM

今回、何気なくフレームワークを使うことでなんとなく使っていたCSSルールをしっかり学んでみたので大まかな部分をメモしておきます。理解した上で使っていき気づきがあったら追記していく予定です。今回はSMACSS・OOCSS・BEMの3つルールに...
ウェブ制作

【emacs】Macエンジニアで知らないとダメ?カーソル移動ショートカットメモ

Macユーザーの方テキストエディター使っていますか?最近、私はAtomと一回お別れしたんですがGitを使いバージョン管理もするようになりAtomが便利で戻り今はAtom一筋です。今回はMacのほとんどのソフトで使えるemacs操作のショート...
ウェブ制作

単純なボーダーストライプ柄はCSSでやるときのまとめメモ

CSS3だけで単純なストライプ柄はさっと作れないかなと思い検索したらかなり簡単にできるようでした。
ウェブ制作

【Emmet】atomでemmetのカスタマイズ方法メモ

なんだかんだatomが良くてatomを使ってます。html css はemmetで作業効率をUPしてます。そこで、日本語設定や、スニペットの追加をカスタマイズするときのメモとして書きました。
ウェブ制作

gitコマンドまとめ

atom を使い gulp を使うようになり すべてコマンドラインで済ませるとスムーズだなと思い。gitの処理をGUIのSourceTreeを使わずコマンドを使うようにしたいと思いました。勉強したのでメモをまとめました。