タグ

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

  • 様々な有名Web系企業が採用した「ブランドカラー」をコレクションしている・BrandColors

    AmazonYahooVimeo、Google などなど、様々なWeb系の企業 が採用したブランドカラーを コレクションしているWebサイト ・BrandColorsのご紹介。気分 転換に如何でしょう。 よく目にする有名Web系(だけじゃないですけど)企業が採用したブランドカラーをコレクションしているサイトです。インスピレーション向上に如何でしょうか。 有名企業のブランドカラーのコレクションサイト。ブランドカラーと企業名が羅列されており、カラーコードはコピーできるようになっています。 SkypeとかGithubとかDropboxとか、どこかで見た名前がかなり揃っています。 シンプルなサイトですけどありそうで無かったサイトかもしれませんね。7~80くらい揃ってます。日の企業もそろそろ入るようになって欲しいですね。 BrandColors

    様々な有名Web系企業が採用した「ブランドカラー」をコレクションしている・BrandColors
  • スタイリッシュでシンプルなデザインのWordPressテーマを無料配布する・WPEXPLORER - かちびと.net

    スタイリッシュでシンプルなデザイン のWordPressテーマを無料配布している WPEXPLORERのご紹介。基的には有料 ですが、一部を無料で配布してくれて いますので、好意にあやかろうかと 思います。 スタイリッシュで完成度も高いので組み込まれたスクリプトやコードも参考になりそうですよ。僕は独学なので、多くのコードは配布されているテーマから学びます。 以前は配布テーマを紹介していたそうですが、自分で作ったほうがいいのが出来る、という事で方向転換したそうです。その中で、一部を無料で公開(勿論GPLです)してくれているんですが、どれも有料のテーマ並みの出来で凄く参考になりますよ。 数自体は20個あるか無いかくらいですがどれも素敵なデザインです。以下に一部ご紹介します。 Showcaser クリーンでミニマルな2カラムギャラリーのテーマ。 CleanMag マガジン系のテーマ。無駄の無い

    スタイリッシュでシンプルなデザインのWordPressテーマを無料配布する・WPEXPLORER - かちびと.net
  • WordPressのオリジナルテーマ作成フロー・基本マニュアル

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

    WordPressのオリジナルテーマ作成フロー・基本マニュアル
  • Tumblrライクに画像やテキストを気軽にクリップ出来るWebサービス・Gimme Barが結構便利だったので使用レビュー - かちびと.net

    ちょっと個人的に好みだったのでメモ。 Tumblrのように、画像や動画、ページの キャプチャ、テキストの引用など、何で もクリップできるGimme Bar。インター フェースがとっても素敵でなんだか使い たくなってしまいます。 こういったWebサービスは僕は見た目が結構大事だったりするのでそれだけでも結構お勧めなんですが、手軽にクリップ出来る割に機能も充実していて結構便利そうです。人気のDropboxにクロスポストも出来るみたい。 [note]【追記】 今日から完全招待制になってしまった模様です(´・ω・`)[/note] こんな感じのインターフェースクリップしたアイテムはこのように時系列を崩さずに綺麗なグリッドで並べてくれます。クリップできるものは ページ全体のキャプチャ テキスト 画像 動画 となっており、一般的な需要はカバーしてくれています。これだけでなく、カテゴリ分けがとてもしやす

    Tumblrライクに画像やテキストを気軽にクリップ出来るWebサービス・Gimme Barが結構便利だったので使用レビュー - かちびと.net
  • レイアウトや配色等をインタラクティブに設定できるWordPressテーマを作る為のフレームワーク・PressWorkちょっとやばい - かちびと.net

    その場でインタラクティブにレイアウトや配色を 調整出来るようなテーマを作る為の開発者向け WordPressテーマフレームワークのご紹介。 久々に凄いなーと感じて脊髄反射的に記事に。 PressWorkで作られたテーマならユーザーが 直感でレイアウトを作る事が出来ます。 以前、直感でWebサイトを作成できるフリーWebサービスという記事を書いたんですが、このサービスのように、インタラクティブにレイアウトやカラーなどを決める事が出来るWordPressテーマ。というだけでも凄いんですが、これがフレームワークとして配布されているのでちょっと驚きでした。 HTML5で出来ています。管理画面に入る事も無く、FTP不要で直感的に、インタラクティブにレイアウトを組む事が出来ます。やばい。 以下に解説を少し。 テーマをアクティブにする 最初にテーマをアクティブにします。外観でPressWorkを選択する

    レイアウトや配色等をインタラクティブに設定できるWordPressテーマを作る為のフレームワーク・PressWorkちょっとやばい - かちびと.net
  • 新しくリリースされたフリーのWordPressテーマSimple Organizationが凄く気にいった - かちびと.net

    先日、リリースされたばかりの フリーのWordPressのテーマ、 Simple Organizationが凄く 僕好みでしたので脊髄反射で ご紹介させてください。シンプル で可読性も高く、ライトな感じで 使いたくなります。 Simple Organizationは画像を殆ど使わない、僕が理想とするSEOとデザイン性を兼ね備えたテーマです。ユーザビリティ的にもかなり優れてる気がします。これはどこかで必ず使ってみたいな、と思いました。 ロゴの位置、メニューの場所もかなり理想です。ご覧頂けると納得していただけると思うのですが凄く見やすい。すぐ下にはちょっとしたお知らせや、サイトの概要などの記述スペースもあります。記事スペースは2カラム。 フッターも綺麗にまとまってます。 コーポレートサイト用のブログなんかにもそのまま使えそうな気がします。区切り線の使い方なんか絶妙。殆どテキストメインなので動作

  • Twitterのつぶやきを、3行のコードでWebサイトやブログに表示させる

    お問い合わせを頂いたのでついでに ご紹介。Twitterのウィジェットのような ものをお探しだったようですが、現在の 公式のウィジェットではなく、色々とcss でカスタマイズ出来るようにしたいとい うご希望でした。Twitterの投稿を表示す るだけなら3行もあれば実装出来ます。 タイトルはやや釣りに近いです。知らない方向け。 Webクリエイターボックスさんで表示されてるような感じにしたい、というご希望でした。なぜ僕に質問して頂いたかは謎ですがお答えさせて頂きます。 ウィジェットやjQuery、RSSを使って~等、色々と方法はありますが、自分で表示もデザインしたい、シンプルでいいというのであれば3行もあれば表示させる事が出来ます。 APIキーを取得して~等の面倒な手順も要りません。 [note]statuses/user_timeline/ユーザーのアカウントID.jsonの形式のjson

    Twitterのつぶやきを、3行のコードでWebサイトやブログに表示させる
  • 素敵な名刺デザインいろいろ

    個人的に好みの名刺デザイン の例をメモ。いつか書きたいと 思っていましたが、なかなか 機会がありませんでした。 個人的に好みの名刺デザイン の例をメモ。いつか書きたいと 思っていましたが、なかなか 機会がありませんでした。 たまたま、先日名刺の話題を Twitterでしていたのでついでに エントリー。 一貫性もコメントも何も無い、個人的なメモ(ギャラリー)です。 Paper Napkin Designs Paper Napkin Designs i Draw Designs i Draw Designs caddyshack putters caddyshack putters ed ed doTerra doTerra Andy-Westwood Andy-Westwood Bridge Photographic Bridge Photographic Tecknogr▲fick™ Te

    素敵な名刺デザインいろいろ
  • 直感でWebサイトを作成できる6つのフリーWebサービス - かちびと.net

    気になって調べたのでメモします。 HTMLCSSの知識を必要とせず、 ドラッグ&ドロップで作成するなど 直感操作でWebサイトを作成できる フリーのオンラインサイトビルダーを いくつかご紹介致します。 基的に、作成したサイトはそのサービスのサブドメインまたは独自ドメインを登録して運営します。使用して気が付いた点をメモしておきますが全ての情報ではありません。 yola ネタ帳さんの記事(有料ソフトとデザイン作業を無力化させる30のブックマークまとめ)で知ったサービス。直感で操作、独自ドメイン(yulaで取得、年19$程度)の利用も可能。日語も文字化けしません。 yola Moonfruit ドラッグ&ドロップで作成。HTMLCSSの知識も不要。日語は使えませんが、上記のように、画像や特殊なテキスト部分も変更できる。 Moonfruit weebly 独自ドメインの利用も可能。メール

  • 1