配置をマスターして「機能するレイアウト」を作る大切なポイント
ページに配置するエレメントの特質を理解し、1/3ルールやスペースやグリッドなどのデザインルールを取り入れ、「機能するレイアウト」を作るポイントを紹介します。 Using Landmarks Makes Page Layout Easy 下記は各ポイントを意訳したものです。 はじめに レイアウト、あるいはページのコンテンツの配置はウェブデザインの成功にとって重要です。レイアウトは一つのエレメントから次のものに向けるためにコンテンツの優先順位をつけます。 もしレイアウトが正しく機能していれば、ユーザーはコンテンツに興味をもち、他のものには気をそらさないでしょう。ここではあなたのデザインで機能するレイアウトを作るためのヒントをいくつか紹介します。 下記の例では、多くの人が最初に写真あるいは見出しに目がいき、その後にテキストに、そして最後にリンクの順番になるでしょう。 このレイアウトでは、見出し、
WordPressプラグイン「BuddyPress」でSNSサイトを作成
2017年6月29日 Wordpress SNS（ソーシャルネットワーキングサイト）でユーザー同士がコミュニケーションを取れるサイトを作りたい！そんな時に役立つのがWordPressプラグイン「BuddyPress」。メンバーになると友達の申請やメッセージの交換、グループ（コミュニティ）の作成など、Mixiライクなサイトを作ることができます。さらにWordPress3.0のマルチサイト設定をすれば各メンバーがブログの作成可能！そんな便利なプラグインを紹介します。 ↑私が10年以上利用している会計ソフト！ BuddyPressでSNSサイトを構築 目次 BuddyPressでなにができるの？ BuddyPressをインストールする WordPress3.0でマルチサイトの設定 フォーラムを追加する BuddyPressのテーマを変更する 1. BuddyPressでなにができるの？ Word
名刺デザインのインスピレーション向上によさ気なギャラリーいろいろ+α
ビジネスデザイン名刺 名刺を新しくしようと考えていて 少しギャラリーを見て周ったので すが、もう一度見なしそうなので ついでにメモ。ギャラリーや、名刺 のまとめられているサイトをいくつか。 名刺を新しくしようと考えていて 少しギャラリーを見て周ったので すが、もう一度見なしそうなので ついでにメモ。ギャラリーや、名刺 のまとめられているサイトと、発注 する時にいいかも、と個人的に 思った名刺屋さんをいくつか。 まずはデザイン名刺のインスピレーション向上用のギャラリーやFlickrのグループなどのまとめから。 Creattica とりあえずデザインといえばここですね。ロゴでもお世話になっているギャラリーサイトです。 Creattica-Business Cards Card Nerd 凄く綺麗にまとまっているギャラリーサイトです。シンプルでとても見やすい。上4つは広告です。 Card Ner
はてなブログ | 無料ブログを作成しよう
来年も作りたい！ふきのとう料理を満喫した 2024年春の記録 春は自炊が楽しい季節 1年の中で最も自炊が楽しい季節は春だと思う。スーパーの棚にやわらかな色合いの野菜が並ぶと自然とこころが弾む。 中でもときめくのは山菜だ。早いと2月下旬ごろから並び始めるそれは、タラの芽、ふきのとうと続き、桜の頃にはうるい、ウド、こ…
iPhone4、HTC EVO 4G、Droidといった最新のスマートフォン等のPhotoshop素材:phpspot開発日誌
iPhone4、HTC EVO 4G、Droidといった最新のスマートフォン等のPhotoshop素材 2010年07月03日- Ultimate Roundup of 95 Free Gadgets PSDs Downloads iPhone4、HTC EVO 4G、Droidといった最新のスマートフォン等のPhotoshop素材が多数紹介されたエントリのご紹介です。 各種スマートフォン用のアプリケーション紹介サイトの素材や、サイトがiPhone対応している旨を知らせる画像なんかのテンプレートとして使えそうです。 どれも精巧に出来てますね。 で、スマートフォンだけではなく、モニターやラップトップ、メディアプレイヤーやマウス、キーボード等ガジェットに関するPSDも満載となっているようです。 関連エントリ ノートやソフトウェアパッケージ等が色々のPSDテンプレート集 DVDケースやCDケース
jQuery＆HTML5＆CSSでリッチな動画プレイヤー実装jQueryプラグイン「osm player」:phpspot開発日誌
jQuery＆HTML5＆CSSでリッチな動画プレイヤー実装jQueryプラグイン「osm player」 2010年07月06日- Plugins | jQuery Plugins jQuery＆HTML5＆CSSでリッチな動画プレイヤー実装jQueryプラグイン「osm player」。 次のようなリッチな動画プレイヤーがノンFlashで実装できるプレイヤーです。HTML5非対応ブラウザ用にFlashでフォールバックも可能。 Youtube、vimeoの埋め込みもOKです。 jQuery UI Theme-Roller を使ってテーマの変更も容易だそうです。 HTML5の動画プレイヤーは色々出てますが選択肢のひとつとして覚えておいてもよさそうですね。 関連エントリ CSSでスキン作成が可能なHTML5動画プレイヤー実装JSライブラリ「Video JS」 HTML5で動画や音声再生を可能
楽しく続けて英語力アップ！毎日取り組める英語学習法 - はてなニュース
なかなか始められない、始めても三日坊主になってしまいがちな英語学習。必要に迫られないと、なかなか学習のモチベーションを保ちにくいですよね。でも、実は、ちょっとした工夫で、日々楽しみながら英語学習を続ける機会を作ることができそうです。今回は、「日常で英語に触れる機会を増やす」「楽しく勉強を続ける」という観点から英語の学習方法を紹介します。 楽天やファーストリテイリングで社内の公用語を英語にしようという動きがあり、注目が集まっています。 ▽ http://www.toyokeizai.net/business/interview/detail/AC/810ee47297d49033c2a4b43a0a5216e0/page/1/ ▽ http://mainichi.jp/select/biz/news/20100624k0000m020123000c.html 「勤めている会社で公用語が英語に
【Photoshop】ペンツールで浮かび上がる光を表現してみる | バシャログ。
人生の早い段階で英語をあきらめた私が、PSDTuts さんのチュートリアルをやってみました。 1.背景色を決める グラデーションツールを使って、こんな感じに背景を着色します。 2.背景に宇宙っぽいモヤをかける 新規レイヤーを追加し、描画色を白、背景色を黒に戻してから「フィルタ」→「描画」→「雲模様2」を実行。 さらに「フィルタ」→「スケッチ」→「クロム」をかけて、雲模様をぬらぬらした質感に変換します。 このレイヤーの描写モードをオーバーレイ/不透明度40％にします。 3.ペンツールの軌跡にブラシツールの勢いをプラス ペンツールで何も考えずに好みの曲線を書きます。 ペンツールからブラシツールへ変更し、ブラシの太さを選択します。 描写色は気にしなくても大丈夫。 ふたたびペンツールに持ち替えたら、新規レイヤーを追加して、先ほど書いたパスを右クリックします。 「境界線を描く」メニューを選択します。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
なかなか使えそうでNewなハイクオリティフォント20:phpspot開発日誌
Loading...