タグ

ブックマーク / memo.sanographix.net (6)

  • ペライチも複数webページもすばやく作り始められるやつ「Rin 4」作った - MEMOGRAPHIX

    Rin 4 というのを作った。 Rin 4 - A lean, gulp-based HTML and SASS boilerplate by sanographixRin 4 は「ペライチのWebページをすばやく作り始められるboilerplate」である Rin3.0 をアップデートしたもの。 Rin は、僕が普段 web サイト制作時に使っているフレームワークというかBoilerplate的なやつです。CSS の汎用コンポーネントをできるだけ持たないフレームワークを目指していて(ペライチとかだと結局各サイトでデザインの要件が大きく異なる場合が多いため)、環境構築だけ gulp ですばやく行うことに特化してつくっている。 バージョン4の新機能Rin 4 では、複数ページが素早くつくれるようになった。今までペライチのサイトばかり作っていたんだけど、そうでなく複数ページ作るときも使えるよう

    ペライチも複数webページもすばやく作り始められるやつ「Rin 4」作った - MEMOGRAPHIX
  • ペライチのWebページをすばやく作り始められるやつ「Rin 3.0」作った - MEMOGRAPHIX

    Rin 3.0 というのを作った。 Rin - A lean, gulp-based HTML and SASS boilerplate by sanographix僕はいわゆるペライチのWebサイトを作ることが多いんだけど、そういう制作時に使っているフレームワークというかBoilerplate的なやつです。 フレームワークといっても、BootstrapのようにCSSをモリモリ書いて汎用コンポーネントを用意しまくる、というふうにはしていない。結局各webサイトでデザインの要件が大きく異なる場合が多いので、CSS部分の記述をできるだけ少なくして、各サイト向けに柔軟にスタイルを書けるようにする方針をとっている。一方でビルドツールに求められることは割と毎回一緒なことが多いので、gulpですばやく環境構築して、スタイルは各サイトでよしなに、みたいな雰囲気。 Rinは、だいたい下記のようなことがすば

    ペライチのWebページをすばやく作り始められるやつ「Rin 3.0」作った - MEMOGRAPHIX
  • Sublime Text 3 で日本語を検索したとき文字が消える不具合を直す - MEMOGRAPHIX

    Sublime Text (Mac OSX版) を使っていて困るのが、日語で検索しようとした時で、Enterを押すと入力した文字が消えるので検索できない。 調べたところ、下記の方法で解決できるという情報を見つけた。 Sublime Textの検索窓に日語を入力する方法方法上記Gistがとても参考になるので、そっちを読めばいい気もするけど、手順を記す。 まず、Sublime Text 3では「Default (OSX).sublime-keymap」を編集可能にする必要がある。 Preferences -> Key Bindings - Default を開き、内容をコピーする。次に、 ~/Library/Application Support/Sublime Text 3/Packages/ の中に Default フォルダを作って、Default (OSX).sublime-keym

  • 複数人で同人誌制作するときに使ってるツール(全部無料) - MEMOGRAPHIX

    コミケの当落出たし、そろそろ夏に向けて同人誌作り始めてる人多いと思う。なかでも、複数人で同人誌を作るサークルはより高度なスケジューリングとチームワークが要求される。ぼくは今@cube10と作ってて、色々試しつつ無料で使える範囲で作業環境を整えたので、それを紹介します。2人〜5人程度の少人数で同人誌作る、かつ(企画立てたりとかで)チームメンバーと頻繁にやりとりが発生するという前提で記事書く。 そんなに目新しいサービスは使ってないので、普段からチームで仕事してる人にとってはあまり有益情報ないかもしれない。 2017.06追記: チーム制作について同人誌にまとめました エントリの内容を含む 「チームで同人誌をつくる」 をテーマにした情報誌をつくりました。200円でPDF版を購入できます。 【C88】チーム制作が苦手なアナタのための、一冊まるごと「チームで同人誌をつくる」を特集した『jadda

    複数人で同人誌制作するときに使ってるツール(全部無料) - MEMOGRAPHIX
  • 自分のwebサイト作る工程 - MEMOGRAPHIX

    2. モック作る次に、Illustrator でモック作る。前は Photoshop で作ってたけど Illustrator に変えた。ラフスケッチでだいたいの構造は決まってるので、それを画面で見た時の見栄えを検証する。雑だけどこれは自分のサイトなのだから自分しか見ないという前提があって、雑でも問題ないということにしてる。8割くらい作り込んだところでやめて、コーディングに入るようにしている。2割くらい変更可能な余地を残しておくことで、コード書くとき融通が効く。 ラフとかモック描かずにコーディング始めることもたまにあるけど、それは余程デザインが頭のなかで固まっている場合に限る。ラフとかモック作るの、コーディングと同じくらい大事だと思ってて、コーディングを始めてしまうとデザインに気を配るのを疎かにしがち。デザインを考えつつ同時にコードを書くというのは結構難しくて、トレーニングが要る。全体のデザ

    自分のwebサイト作る工程 - MEMOGRAPHIX
  • 大体いい感じになるKeynoteテンプレート「Azusa」作った - MEMOGRAPHIX

    いい感じのスライド、作るのむずいので、大体いい感じになるKeynoteテンプレート作った。ここからダウンロードできる。 Azusa - 大体いい感じになるKeynoteテンプレート解説サンプルも兼ねた解説スライド作った。 Introducing Azusa // Speaker Deckだいたいスライドに書いたけど要約すると下記のようなことを考えた。 スライド作るの難しい色とか難しいかっこよくしたいAzusaっていうのを作ったAzusaは、大体いい感じになるKeynoteテンプレートです Azusaの特徴大体いい感じになるカラースキーム大体いい感じになるフォント大体いい感じになるマスタースライド色カラースキーム考えた 白っぽい色(白っぽいクリーム色とか白っぽいねずみ色) 黒っぽい色(赤っぽい黒とか青っぽい黒とかそういうの) 緑とか青とかピンクとかのアクセントカラー1色 原色すぎないほうがイ

    大体いい感じになるKeynoteテンプレート「Azusa」作った - MEMOGRAPHIX
  • 1