こんにちは。デザイナーのハルエです。 今回は、知っているのと知らないのとでは作業時間に圧倒的な差がついてしまうPhotoshopの効率化機能マイベスト3を紹介させていただきます! 独学でつまずいていませんか? Webデザインを効率的に学びたい、転職・就職を目指している、誰かに教えてもらいたい……という方は、「スクールでの勉強」もおすすめです。どんなスクールがあって、どんな内容が学べて、費用はどれくらいするのか、情報として持っておいて損はないはず。下記におすすめスクールを集めてみました! ※2014年3月7日に公開された記事を再編集したものです。 その1:Vanishing Pointでハメコミ合成 みなさん、“Vanishing Point(ヴァニシングポイント)”機能をご存じでしょうか? 機能の存在は知っていても、使ったことのない方が多いかと思います。 このVanishing Point
Yeoman使えばGrunt,bowerも入るよっ! YouTubeでChrome+HTML5 Developers Live Japan #4をたまたま見たら、Yeomanを使うとWeb開発で色々便利!という事を知り、早速導入。 なお、上記動画のスライドはつかってみよう!Yeoman。HTML5Webアプリケーション開発を効率化するツールの紹介にありましたが、とても分かりやすいです! 具体的にはYomanは大きく分けて以下によって構成されています。 Yo→Scaffold。npmでインストールしたテンプレートに従って、ディレクトリとか最低限必要なファイル群を構成してくれる。 Grunt→Build及びタスク実行。CoffeeScript、ビルドしたり、テスト実行したり、特定ファイルの変更監視して、ページの自動ロードしたり。すごいみたい。 Bower→HTML、CSS、JavaScript
こんにちは。Grunt 宣教師のイナオです。 先日、社内で Grunt 勉強会第 2 回を開催しました。この時、Mac OS X にインストールされた Node.js をアンインストールする必要が生じました。 少してこずったので、共有しておきたいと思います。 対象対象となる Node.js は公式サイトのダウンロードページからダウンロードできる Macintosh Installer (node-0.10.10.pkg みたいなファイル名) です。 下記リンク先の StackOverflow で回答されているコマンドを使用してアンインストールします: lsbom -f -l -s -pf /var/db/receipts/org.nodejs.pkg.bom \ | while read i; do sudo rm /usr/local/${i} done sudo rm -rf /usr
Mac OS X Mountain Lion に Homebrew をインストールしたときのメモです。Homebrew のインストール、アンインストール、パッケージの更新、Homebrew と MacPorts どちらを使うかの考察を紹介します。 動作確認環境 OS X Mountain Lion 10.8.2 目次 Command Line Tools for Xcode をインストール Java をインストール Homebrew をインストール /usr/local/bin に PATH を通す 動作確認 git をインストール Homebrew を最新版に更新 Homebrew の使い方は? Homebrew でインストールしたパッケージを更新する Homebrew をアンインストール Homebrew と MacPorts どちらを使うか Command Line Tools fo
Boxen を使い続けて半年近く経ちましたが、当初の目的であるアプリケーションの設定完全自動化には至らず、一部のアプリケーションはインストール自動化のみにとどまっています。自分の未熟さゆえmanifest書くのむずかしい…精進します。 自由に使えるMacもう1,2台ほしいな買ってくれないかな! ある日、アプリケーションのインストール自動化であればBoxenに限らず Homebrew-cask を使うのもいいよねと思い、homebrew-caskを試してみることにしました。 まあこの作業で環境がぶち壊れたとしてもちゃんとBoxenのmanifestが書いてあるなら取り返しつくし、いける!(死亡フラグ) Homebrew-caskとは Homebrew-cask は HomebrewのコマンドでGoogleクロームやAdiumをインストール、アンインストールなど管理するものです。 cask は
はじめに GruntやGulpを使う際にnode.js使ってますよね。npm(Node Packaged Modules)はbundlerのようにグローバル・ローカルインストールできますが、node.js自体のバージョン管理をしていなかったのでnodebrewを使ってみることにしました。rubyのrbenvのようなものですね。 パッケージ版のnode.jsについて パッケージ版のnode.jsをすでにインストールしている場合はアンインストールします。アンインストールするとnodebrew側のnode.jsにnpmのパッケージを再インストールしなければいけません。これだけ注意してください。 パッケージ版のnode.jsを削除するコマンド このページを参考に削除してください。全体をコピペして実行してください。 lsbom -f -l -s -pf /var/db/receipts/org.no
Bootstrap3からレスポンシブデザイン(可変レイアウト)がデフォルトになりクラス設定が変更されています。 Bootstrap2からBootstrap3に変更する場合は注意して下さい。 基本的な考え方は変わっておらず以下の通りとなります。 containerで表示枠を設定 rowで割付枠を設定 col-**-**でカラム数を設定(カラム数の合計は12で以前と同じです) 表示デバイス(ウィンドウサイズ)によりレイアウトが変わってきます。 基本的にPCでコーディングし表示確認を行うと思いますが、最低でもブラウザのリサイズを行い各表示デバイスサイズの表示確認をして下さい。 グリッドシステムの設定 可変レイアウトで表示する カラムを入れ子にする オフセットカラムの指定 カラムの表示順を指定
Lightbox・モーダルウインドウ関連 / Bootbox.js / Bootstrap-modal他...全17件
「Responsive Web Design JP」を運営されているA40さんのまとめ記事ここまでできる!Bootstrapで作られた国内のレスポンシブWebデザインのサイトまとめ20個が今日のGunosyで取り上げられていましたが、twitter Bootstrapを使ったレスポンシブWEBデザインのウェブサイトの事例が国内でもかなり増えてきました。 当社で制作した化粧品ブランド リボーテ -Re:beaute-様のサイトもありがたいことに、このまとめ記事に取り上げて頂いています。 いろいろなメディアに取り上げていただく中でのフィードバックとして、「twitter bootstrapがレスポンシブWEBデザインに便利なのはわかっているけど、どうやったらbootstrapっぽくないデザインにできるのかわからない」という声をよく聞きます。 僕も最初はそう思っていました。 一回触ってしまえば、
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く