タグ

ブックマーク / webdesignrecipes.com (7)

  • これからPhotoshopでWebデザインをしたい初心者さんのためのツールパネルとかいろいろ

    Webデザインをするときにいつも使っている Photoshop ... あまりに高機能なので、ツールパネルだけでもボタンがいっぱい。はじめて Photoshop に触れる人にとってはちょっと難解なインターフェイスかもしれません。Photoshop を始めたばかりの初心者さん向けの、ツールパネルのまとめです。 Webデザインするときに、いつも使っている Photoshop。でも当にはじめて Photoshop を使い始めた人にとっては、Photoshop の画面に並んだ、たくさんあるボタン類からして意味がわからないんだと思います…。そー思ってツールパネルのボタンを端から見ていくと、自分でもコレなんだっけ?っていうのがいくつか …。 実は最近友達が Photoshop を使い始めました。全く Photoshop を使ったことのない彼女に使い方を教えてあげるって約束しちゃったので …。 そんな

  • 使えるギャラリーにする方法

    WordPress のギャラリー機能使っていますか? 使いにくい WordPress のギャラリーをちょっと使えるようにするカスタマイズです。 ものすごく長くなってしまいました ... できるだけ簡単にまとめてみたので興味があるひとはぜひ読んでみてくださいね! Webサイトで写真を一覧表示したいときに、よく使われているギャラリー。WordPress のテーマにも、Webサイト全体をギャラリーみたくするものも、数多くありますよね!でも普段はブログや一般的な Webサイトとして使っていて、その中の数ページをギャラリーページとして使いたい … ってこともあると思います。 私の場合、ギャラリーを jQuery のプラグインと組み合わせて作成する事が多いので、WordPress のギャラリー系のプラグインは使ってません(おすすめのギャラリー系、画像管理系のプラグインがあったら教えて欲しいです)。 ま

  • ミニマルなWebデザインをする時に心がけたい注意書き

    ミニマルなWebデザインをする時に気を付けたいなーと思ういくつかを注意書きとしてまとめてみました。ミニマルなWebデザインって簡単そうで一番難しいんじゃないかと感じてる今日この頃。もっとミニマルなデザイン上手になりたいです。最近ミニマルなデザインという言葉をよく目にするようになりました。 (昔からある言葉ですし、最近じゃなくて前から言われてたぞという人もいると思いますが…) 初めて聞いたときは、ミニマルなデザインってどんなデザイン?と思って検索したものでした。 ミニマル(英: minimal)とは、「最小限の」という意味である。 ミニマリズムとは美術・建築などの造形芸術分野において、1960年代のアメリカに登場し主流を占めた傾向、またその創作理論であり、最小限(Minimal)主義(ism)から誕生し、必要最小限を目指す手法である。装飾的な要素を最小限に切り詰め、シンプルなフォルムを

  • CSS サンプル集 Vol. 2|Webデザインレシピ

    サンプル集|積極的に取り入れたい9のCSS3(+jQuery)テクニック 1. 画像ホバー時にオーバーレイ Chrome、Safariのwebkit系、Operaではアニメーションしながらオーバーレイが表示されます。 コード 2. 画像ホバー時にオーバーレイ+ブロック要素 Twitter facebook Delicious Twitter facebook Delicious Twitter facebook Delicious Chrome、Safariのwebkit系、Operaではアニメーションしながらオーバーレイが表示されます。 コード 3. 画像ホバー時にインフォメーション

  • 積極的に取り入れたい9つのCSS3(+jQuery)テクニック

    CSS3(+jQuery)を使った、ちょっといいかも!と思うエフェクトを集めてみました。 まだまだ非対応ブラウザが多い CSS3 ですが、できるだけ積極的に使ってみたいなーとも思ってます。 まずはいろいろ試してみることからはじめてみましょう! CSS3 の登場で、いろんな CSS のトリックを使ったエフェクトが考えられてます。まだまだ CSS3 に非対応のブラウザも多いので、全てを CSS3 で表現する訳にはいかないのが現状ですが、私的には積極的にどんどん取り入れていきたいなーとも思ってます。 海外ブログなどで、色んな CSS3 を使った Tips が紹介されているので、その中からいくつかご紹介します。どれもサンプルを作って試してみたものばかりです。以下の環境で動作確認もしています。 Mac : firefox、Safari、Chrome Win : firefox、IE8、Safari、

  • WordPressをカスタマイズするなら絶対覚えておきたい条件分岐やカスタム投稿タイプなどいろいろ

    WordPress をカスタマイズするなら覚えておきたい条件分岐タグと、カスタマイズにとっても便利なカスタム投稿タイプについて、簡単にまとめてみました。 WordPress をカスタマイズするなら、必ずと言っていいほど使うのが条件分岐タグ。ブログとして Webサイトを構築するなら、とってもよく使う … というほどではないかもしれませんが、一般的な Webサイトを WordPress で構築していくとなると、動的な Webサイトであればあるほど、条件分岐タグはよく使います。 また、話は変わっちゃいますけど、WordPress 3.0 から格的に採用された新機能、カスタム投稿タイプも、WordPress でのサイト構築にはかなり便利です。おなじみの条件分岐タグから、カスタム投稿タイプ、タクソノミーまでを、メモっぽくまとめてみました。 WordPress サイト構築 Tips 目次 WordP

  • 同色系でまとまりのある配色、WebデザインにするためのTips

    いろいろな色相を使わずに、ひとつの色相の彩度違い、明度違いなどでデザインしていく同系色デザイン。 多くの色相を使わない同色系デザインは、たくさんの Webサイトでも使われている人気の配色です。 同色系でデザインしていくと、ページの統一感がでて色の持つ力を印象付け易いというメリットがあるだけでなく、初心者でも比較的まとめやすい ... という作り手側のメリットもありますね! 同色系でまとめられたデザインは、ページに統一感があって、よくまとまって見えますよね。そして色の持つメッセージを、強く印象付けるのにとっても効果的だと思います。いろいろな色相を使ったデザインに比べて、比較的まとめ易いし、色的な効果を発揮しやすい同色系デザイン。同色系は簡単 … というか、カラフルデザインに比べれば簡単かもですけど、配色における基的なポイントは、他の配色方法にも通じています。今日は基的なところを押さえなが

  • 1