タグ

ブックマーク / kachibito.net (10)

  • 日本の良デザインなFacebookページを収集しているデザインギャラリーサイト・520PX facebookmark - かちびと.net

    今日は3連休最後ですね。個人的には 全然関係ないので普通に記事を書き ます。日もかなりFacebookが浸透 したようですが、まだまだ数は少ない 印象です。企業もかなり参戦してきて いるので、Facebookページの需要も 少しあがってきている印象ですね。 そんな中で日のFacebookページで良デザインなページのみを収集しているギャラリーサイトがありましたのでご紹介。 こんな感じで国産のFacebookページが並べられています。カテゴリは結構細かく分けられていますが、いかんせんまだ数が少ないのでまだ必要ない状態ではありますね。 VOGUEJAPANはコンテンツが充実してるので結構好きです。 520PX facebookmarkにも書いてありますが、まだ数が少ないのが日の現状です。こちらのギャラリーも厳選しているため、まだ100に満たない状態です。もちろん審査有りですが、自信のあるF

    日本の良デザインなFacebookページを収集しているデザインギャラリーサイト・520PX facebookmark - かちびと.net
    keikoyamada1223
    keikoyamada1223 2013/01/15
    日本の良デザインなFacebookページを収集しているデザインギャラリーサイト・520PX facebookmark
  • WordPressのオリジナルテーマ作成フロー・基本マニュアル

    初めてWordPressオリジナルテーマの作成にトライしたい、という方向けの基のマニュアルです。マニュアルというほど大袈裟なものではありませんけど、ある程度敷居が低くなると嬉しいなぁという思いを込めて記事にします。 この記事の内容はあくまで基中の基で、初心者・ノンプログラマー向けとなっていますので応用的な情報は殆どありません。また、説明の仕方も分かりやすさ重視で、厳密的にはちょっと違う点もあります。 初心者さん向けに、もう少し情報があってもいいかなと思って、書いてみることにしました。僕もまだまだ初級レベルなので一緒に学んでいきましょう。初級者レベルでこんな記事書くなって話ですけども。 目次 目次です。各セクションで必要と思う場所から見るようにしてください。 はじめに 作成するWebサイトの目的と構造 テーマ作成前に用意するものと環境 テーマの構造を(触り程度だけでも)理解する HTM

    WordPressのオリジナルテーマ作成フロー・基本マニュアル
    keikoyamada1223
    keikoyamada1223 2012/12/21
    WordPressのオリジナルテーマ作成フロー・基本マニュアル
  • jQueryを使用している良デザインなWebサイトを集めたWebデザインギャラリー・Best jQuery - かちびと.net

    jQueryをうまく取り入れた良デザインなWebサイトを収集しているデザインギャラリー・Best jQueryのご紹介。jQueryを使用するWeb制作者さんには、インスピレーション向上だけでなく、コードやUIも参考になるかもですね。 普通にWebデザインギャラリーとしても良さそうですが、jQueryを使用している、という共通点を持っていますのでそちらの面でも参考に出来そうです。 jQueryを利用している良デザインなサイトを収集しています。AWWWARDSで見かけるようなサイトが多い印象です。 以下のようなWebサイトが紹介されています。 Tatchies EVB Nerisson 他にもいろいろ。100サイトほど紹介されています。 Webサイトのコンテンツでのカテゴリ分けしかされていないのでギャラリーの機能としては探すのに少し弱いかもですけど、選択肢の一つとしてはありじゃないかなと思い

    jQueryを使用している良デザインなWebサイトを集めたWebデザインギャラリー・Best jQuery - かちびと.net
    keikoyamada1223
    keikoyamada1223 2012/09/07
    jQueryを使用している良デザインなWebサイトを集めたWebデザイン
  • ロゴに関する情報まとめ・チュートリアルとかギャラリーとかツールとか - かちびと.net

    ロゴの作成に困った時に役立ちそうだな、と思ってローカル環境にまとめていたロゴデザインに関するリンク集です。連休前なので時間が出来る方も多いかと思ったので公開してみます。 まとめ方は結構中途半端です。 インスピレーション LogoPond creattica LogoFaves LogoSauce Logo Of The Day / 日替わりでロゴを紹介 Logospire / ロゴを作成して投稿し、評価し合う Wolda LogoMoose.com Logofi LogoGala / 美しいロゴのデータベース Logo From Dreams Awards / ロゴを厳選して紹介 Logo Galleria Logo Ideas Gallery Photoshop & Illustrator How to make an awesome logo 素材を生かしたロゴの作成 Photosho

    keikoyamada1223
    keikoyamada1223 2012/08/08
    ロゴに関して
  • ロゴデザインのインスピレーション向上に役立ちそうなサイトいろいろ - かちびと.net

    ロゴデザインのインスピレーション 向上に役立ちそうなギャラリー等の まとめです。ロゴデザインで困る事 が多いようでしたらギャラリーなど で制作例を見ればアイデアが浮か ぶかもしれません。 個人的な備忘録も兼ねてまとめます。順不同です。 logopond とにかく大量のロゴがあります。現在18000ほど。 logopond logofaves サムネイルが大きいのが嬉しい。 logofaves logomoose こちらもサムネイルが大きいです。ブログ形式でアワードなども開催。 logomoose creattica 有名なギャラリーサイトのロゴカテゴリ。他に、名刺や広告デザインなども。 creattica logoheroes デザインも凄いギャラリー。数は多くはありませんが今後に期待したいですね。 logoheroes logofi ベーシックなギャラリーで探しやすいです。 logofi

  • フッターやヘッダー、ナビゲーションなど、パーツ別のデザイン例のまとめ

    Webデザインパーツごとのデザイン例 ヘッダーだけ、フッターだけみたい、 というように、部分的にデザインの 例を見たいことが多いのでそんな 記事をまとめました。 ヘッダーだけ、フッターだけみたい、 というように、部分的にデザインの 例を見たいことが多いのでそんな 記事をまとめました。まとめのまとめ です。少し重いかもしれません。 主にブログデザインになってしまいますが、ヘッダー、フッター、ナビゲーション、フォームデザインなどなど部分的なデザインを参考にしたいとこに役立つまとめ記事を備忘録としてまとめています。 ヘッダーデザインユーザーにインパクトを与えるヘッダー。派手なデザインが多めです。 30 Creative Website Headers クリエイティブなヘッダーのデザインを30個ほど。凄いのばっかり。 30 Creative Website Headers 27 Stunning

    フッターやヘッダー、ナビゲーションなど、パーツ別のデザイン例のまとめ
    keikoyamada1223
    keikoyamada1223 2012/07/18
    フッターやヘッダー、ナビゲーションなど、パーツ別のデザイン例
  • Pinterestっぽいレイアウトを作ってみる

    以前、レンガ風に要素を配列するレイ アウトを凄くよく見かけるようになり、 それから一種のブームのように様々な リソースが出回りました。最近はあま り見かけなかったのですが、Pinterest の登場で、また似たようなレイアウト のリソースが出てきている印象です。 Pinterestのように時系列を崩さず、ボックスを配置するスクリプトにjquery masonryっていうプラグインがあるのですが、同じようなプラグインでWookmark-jQueryというのを昨日見かけましたので、空いた時間になんとなくPinterestっぽいレイアウトを作ってみる事にしてみました。 Sample ソース調べるほど真面目な記事でもないので見た目を勘に頼って似せただけ。 ※あくまで「っぽい」です。 Sample コード<script src="js/jquery-1.7.1.min.js"></script> <

    Pinterestっぽいレイアウトを作ってみる
    keikoyamada1223
    keikoyamada1223 2012/03/21
    レンガ風に要素を配列するレイアウト
  • 色を指定すると、トーン表や同系色など、その色に関連した情報を抽出してくれるカラー提案サービス・colllor - かちびと.net

    ちょっと便利そうだったので備忘録的に。 色を指定すると、その色に沿ったトーン表 や同系色などを提案してくれるWebツール。 こういうの便利だけど結局あんまり使わな い事も多いんですけど、、色は苦手なので 飛びついちゃいますねw 最近この手のツール減りましたけど・・・前は良く見かけましたね。色相環を使ったカラースキーム作成ツールは個人的に使い勝手が悪くて疎遠してたんですが、これは機能もシンプルで割と楽です。 ベースカラーが決まってるならいい提案してくれそうなツールです。カラーコードを指定すると、関連する色合いをいろいろと出してくれます。コードを入れなくてもピッカーがありますのでインスピレーション向上にもなりそうですね。 こんな感じ。 色を指定すると、色合い、トーン表、他カラーのミックス、同系色を抽出してくれます。抽出されたカラーをクリックするとそのカラーコードがクリップボードにコピーされます

    色を指定すると、トーン表や同系色など、その色に関連した情報を抽出してくれるカラー提案サービス・colllor - かちびと.net
    keikoyamada1223
    keikoyamada1223 2012/02/11
    色を選んでくれる
  • コンテンツにエフェクトを掛けるjQueryプラグイン10個 - かちびと.net

    個人的に必要になるかもと思ってメモ。 テキストや画像にエフェクトを与えて Webサイトを動きのあるサイトにする 手助けをしてくれるjQueryのプラグイン をいくつかご紹介します。 コンテンツに対するユーザーの興味を高めたり、画像を使用せずテキストを装飾したりと、使い方次第でいろいろ用途がありそうです。 Sliding Door Effect マウスオーバーで画像が4隅に開きます。動きも素敵。 Sliding Door Effect / デモ Rainbows テキストにグラデーションや影をつけます。これは凄いですね。 Rainbows / デモ Opacity to Show Focus マウスオーバーしたコンテンツ以外に半透明のエフェクトを掛けるjQueryプラグイン。テキストでも可能。 Opacity to Show Focus / デモ Color Changing Text an

    keikoyamada1223
    keikoyamada1223 2012/01/12
    コンテンツにエフェクトを掛けるjQuery
  • jQueryで動かすアニメーションエフェクトが素敵なプリローダー・CUSTOM PRELOADER EFFECT - かちびと.net

    ちょっとお洒落なプリローダーを探してた という方の参考になるかな・・と思ったの と、自分でも使いたかったので備忘録です。 アニメーションエフェクトが素敵なプリ ローダー・CUSTOM PRELOADER EFFECTの ご紹介です。 エフェクトはjQueryとeasingで動かし、エレメントはcssで作成しています。コードも軽量で分かりやすいし、エレメントはcssベースなのでなかなか使い勝手がいいんじゃないかと思います。 動きがなかなか素敵なんでs・・と言われても動き見ないとですよね。以下、公式サイトのサンプルです。 Sample ドットはcss3でサークル上を形成、位置はランダムとなっています。 コード <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js' type='text/java

    jQueryで動かすアニメーションエフェクトが素敵なプリローダー・CUSTOM PRELOADER EFFECT - かちびと.net
    keikoyamada1223
    keikoyamada1223 2012/01/12
    jQueryで動かすアニメーションエフェクトが素敵なプリローダー・
  • 1