タグ

ブックマーク / kana-lier.com (8)

  • 覚えて効率アップ!PhotoshopでWebデザインをする私がよく使うショートカット

    Web制作でのデザインにはPhotoshopを使っています。Kanaです。 ショートカットを使ってPhotoshopを操作しているのですが、作業中、 「え、そんな便利なショートカットがあったの?」といわれることがありました。 Photoshopを使ってデザインされている方の参考になればと思い、私がよく使うショートカットをまとめました:) ショートカットを使うと、マウスの操作が減るので、とても便利ですよ! あくまで私がよく使うショートカットですので、同じ動作が他のショートカットで出来たり、このショートカットがあるのに、あのショートカットはない…ということがあるかもしれません。 1.ファイル管理系ショートカット1-1.新規作成1-2.キャンバスサイズの変更1-3.上書き保存1-4.別名を付けて保存1-5.ウィンドウを閉じる1-6.アプリケーションを終了2.基ショートカット2-1.コピー2-2

    覚えて効率アップ!PhotoshopでWebデザインをする私がよく使うショートカット
  • 6つの無料Webサービスで効率良く情報収集!私が使っているのはコレ!

    Webは情報収集も大切。日々目まぐるしく進歩・進化する業界なので、情報のチェックは欠かせません。 大切な「情報」ですが、ネットの海には情報が溢れかえりすぎています。闇雲に収集を行なっていては、情報に飲まれてしまい、良いインプットになりません…。 情報太りにご用心、無料Webサービスを使って効率的に行ってみてはいかがでしょうか。 今回の記事では、私が情報のチェックに使っているWebサービスをご紹介したいと思います:) Twitterはてなブックマーク関連GunosyvingowiSoople Twitter 情報の速さといえば、Twitterではないでしょうか。 私は、WebやIT、デザインに興味・関心を持っている方をフォローしています。 情報共有として、タイムラインに有用な記事がツイートされます。 勿論、そればかりでもなく、いつも楽しくタイムラインを見ているわけですが… 同じ方向にアンテナ

    6つの無料Webサービスで効率良く情報収集!私が使っているのはコレ!
  • WordPress初心者がオリジナルテーマを作って困った5つのこと

    2013/02/20:アイキャッチの箇所について新たな情報をいただきましたので、記事を修正しました。 こんにちは。Kanaです。 このブログKana-Lierは、WordPressのテーマをオリジナルで作りました。 「WordPressでオリジナルテーマ??WordPress全然わからないんだけど…」 そんな私がオリジナルテーマを作るにあたって、つまづいたことを書き留めたいと思います。 今回私は、どのテーマも流用せず、白紙の状態からテーマを作ることにしました。 functions.phpも0からはじめています。そのため、なぜそんなところで躓いた?!というなところで躓いてしまっていることもありました…X( オリジナルテーマを作りたいけど、まず何をしたらいいの? まずは、Webクリエイターボックスさんの記事を読んで、ブログのテーマを作っていきましょう。 WordPress オリジナルテーマの作

    WordPress初心者がオリジナルテーマを作って困った5つのこと
  • ガーリー好きがお届けするガーリーデザインのポイント5つ | Kana-Lier カナリエ

    ブログがとってもガーリーだね、と嬉しいお言葉を頂くことが多いKanaです。 とっても可愛いガーリーなデザインは、作っていても見ていても幸せな気分になるので大好きです。 そんな私がガーリーデザインをする際、気をつけているポイントをご紹介します。 1.配色は甘く、優しく。スイーツのような彩りを。2.テクスチャを利用して、やわらかさや、素材感を加えてみる!3.パターンを使うだけでガーリーに!ストライプとドットが素敵!4.安定感よりも、繊細なイメージを意識する。5.かわいい小物をコラージュしたり、装飾を加えて、可愛らしさをアップ! 1.配色は甘く、優しく。スイーツのような彩りを。 ガーリーデザインの配色を考えるときは、甘く優しい色使いを意識しています。 今ひとつピンと来ない時は、googleの画像検索でスイーツ、ケーキ、マカロン、アイスクリーム、ジェラート等を検索しイメージを沸かせます。 私が好き

    ガーリー好きがお届けするガーリーデザインのポイント5つ | Kana-Lier カナリエ
  • やさしさゴシックの魅力|可愛くて温かい商用可フリーフォント #LOVEFONT Advent Calendar 2012

    今回、WEBCRE8.jpの優さん企画の#LOVEFONT Advent Calendar 2012というイベントにお誘いいただきました。 愛するフォントの魅力を語る・詳しくなくても構わない、と優しい声をかけていただいて勇気がでたので、私も参加させていただくことになりました。 今回の企画、Advent Calendarと#LOVEFONTについては、WEBCRE8.jpさんの記事をご覧ください。 2012年、今年こそはAdvent Calendarに参加しよう!! |WEBCRE8.jp#LOVEFONT | WEBCRE8.jp#LOVEFONT Advent Calendar やさしさゴシックって…?その名の通り、やさしい雰囲気の「やさしさゴシック」。 好きなポイントはいろいろあるのに、そのフォントについて知っていることは、とても少なかったので調べてみることにしました。 やさしさゴシッ

    やさしさゴシックの魅力|可愛くて温かい商用可フリーフォント #LOVEFONT Advent Calendar 2012
  • はじめてスマートフォンサイトを作る人へ。制作で気をつけたいポイント5つ

    スマートフォンの普及に伴い、スマートフォンサイト制作案件が増えてきている方も多いと思います。かくいう私もその一人です。 最近は一人でカバーしきれない程のご依頼をいただくようになり、新たに担当者を増やすことにもなりました。 普段私が気をつけている点、どういったことを考えてスマートフォンサイトを制作しているかを伝えることになったので、ついでに記事にしてしまいたいと思います。 私がスマートフォンサイトを制作するときのポイントは、以下のとおりです。 1.そのサイトはいつ・誰が・どんな時見るのか2.実際のサイズ感を考えて、使いやすさを確かめる3.死角と押しやすい位置を意識する4.CSS3で実現可能なデザインを5.ユーザは当にスマホサイトを求めているのかそれでは、詳しくお話していきたいと思います。 こんなの当たり前だよ!ということばかりかもしれません。 案件やサイトのジャンルによっては当てはまらない

    はじめてスマートフォンサイトを作る人へ。制作で気をつけたいポイント5つ
  • 簡単便利!CSSセレクタ厳選8個まとめ

    2013/01/24:解説に一部誤りがありましたので、修正致しました。 こんにちは。古いブラウザを気にせずにセレクタを使い放題できると、すごく幸せになれるKanaです。 今日は、スマートフォンサイトのコーディングで私が必ずといっていいほど、よく使う簡単便利なCSSセレクタを厳選してご紹介したいと思います。 いつも忘れがちなので備忘録もかねていますXD それではどうぞ! セレクタとはセレクタとは、スタイルシートを適応させる対象を指し示す部分のことです。 CSSの書式は、以下の図のようになっています。 例えば、pタグに対し、文字色を黒とする場合のCSSは以下のようになります。 p{color:#000;} pがセレクタ、colorがプロパティ、#000が値になります。 セレクタは上記のように単一のものにを指定するだけではなく、複数の指定ができたり、条件を指定することができます。 (1):fir

    簡単便利!CSSセレクタ厳選8個まとめ
  • スマートフォンサイト制作にdisplay:tableとdisplay:table-cellが便利!

    2012/10/18:画像に一部誤りがありましたので、修正致しました。 こんにちは。 スマートフォンサイト制作案件が増えて楽しいKanaです。 スマートフォンサイトのコーディングは、古いブラウザ (ie6とかie6とかie6とか!)のことを考えるとできなかったCSSの指定ができるので、とても楽しいですね! スマートフォンサイトの制作はリキッドレイアウト。 ナビゲーションの数が奇数!…均等にするにはwidth指定面倒だな〜画像とテキストを横に並べなきゃ…縦方向の揃え位置を指定できたらいいのに…。と思ったことはありませんか? そんな時の強い味方がdisplay:tableと、display:table-cellです。 スマートフォンサイトのコーディングを頻繁にされている方は、既にご存知かもしれませんが、これからスマートフォンサイト作るよ!という方には、とても便利だと思います! display:

    スマートフォンサイト制作にdisplay:tableとdisplay:table-cellが便利!
  • 1