ゆめいろデザイン｜ブランドマネージャー・Web/UX/UIデザイナー・デザインコンサルタント ヒガシナオヤ
最近、某記事を書いてから問い合わせが何件かありましたが、レスポンシブWebデザインのワークフローを理解していない人も多いようです。 そこで、テーブルレイアウトからCSSレイアウトへの移行と比較して、（デザイナー・コーダーだけではない、広義な意味での）ワークフローからレスポンシブWebデザインを考えてみます。 2005年くらいから、それまで使われていた「テーブルレイアウト」に変わって、「CSSレイアウト」が使われはじめました。 それまでは、CSSの実装がまだ未成熟だったため、本来は表組に使うべき「table要素」をWebデザインの表現のために使われていたのです。 では、「テーブルレイアウト」ではなく「CSSレイアウト」が使われはじめてから、何が変わったのでしょうか？ 制作者（デザイナー・コーダー）側では、コーディングするときに、「CSSでレイアウトを構成する」ように変わりました。 一方、ワー
Responsive Layouts, Responsively Wireframed
What's this all about? Responsive layouts, responsively wireframed Made with HTML/CSS (no images, no JS*) this is a simple interactive experiment with responsive design techniques. Use the buttons top-right to toggle between desktop and mobile layouts. Using simple layout wireframes, this illustrates how a series of pages could work across these different devices, by simulating how the layout of e
安価で日本の妖怪の絵を描くよ！ : まめ速
1：以下、名無しにかわりましてVIPがお送りします：2012/08/09(木) 14:36:03.35ID:5BdYbVWD0 デフォルメしたりしなかったりで描くよ！ サンプル >>5 5：以下、名無しにかわりましてVIPがお送りします：2012/08/09(木) 14:36:50.91ID:hhytnNBN0 妖怪千葉市 6：以下、名無しにかわりましてVIPがお送りします：2012/08/09(木) 14:36:58.93ID:Ba/1QI/y0 ろくろ首 9：以下、名無しにかわりましてVIPがお送りします：2012/08/09(木) 14:39:03.89ID:5BdYbVWD0 >>5それはさすがにあれなんで>>6描きますね＞＜ 18：以下、名無しにかわりましてVIPがお送りします：2012/08/09(木) 14:59:12.50ID:wS27WFnr0 素晴らしい 20：以下、名
WordPress カスタムフィールドの使い方とその力 | hijiriworld Web
目次 1. カスタムフィールドとは？ 2. カスタムフィールドの使い方 3. カスタムフィールドの表示方法 4. カスタムフィールドのちょっとした小技 5. 拡張プラグイン Custom Field Template 6. 拡張プラグイン Advanced Custom Fields 1. カスタムフィールドとは？ WordPressの投稿フォームには、「タイトル」と「本文」の2つがあります。 ただのブログであればこれで十分ですが、CMSとしてWebサイトを構築しようとしたら不十分です。 WordPressには、投稿フォームに「カスタムフィールド」を追加できる機能があります。この任意の情報は「メタデータ」と呼ばれ、「名前」とその「値」の組み合わせからなっています。 つまり、「タイトル」と「本文」以外に、任意の入力フォームを追加できる機能といえます。 ↑目次に戻る 2. カスタムフィールドの
[webサービス]2012年7月リリースされた(話題になった)webコンテンツまとめ
細かい性質などは気にせず、webで完結する、遊びやコミュニケーション、便利なサービス、ツールなどを集めています。必ずしもwebcre8自身が使える、と思ったものとは限りませんが、まずはこうして存在を知ってもらうこと、webcre8自身の学習のためまとめています。基本的に日本語で利用できるもの限定です。iphoneアプリ等のモバイル端末専用サービスは今のところチェックから外しています。 2012年7月のwebサービス総括 今月ちょっと数が多いので、さらっと行きます！一つ一つについてはそんなにコメントしませんよ！…しません多分…ｗ コンテンツ・マーケティング 最近と言うか、昔からあるんですけど、特に最近このコーナーでも『コンテンツ・マーケティング』と分類されるべきものが多くなってきました。ものによってはかなりあざとくなったりしますけど、どちらかと言うとこのシリーズ自体はあくまで新しく公開された
![[webサービス]2012年7月リリースされた(話題になった)webコンテンツまとめ](https://cdn-ak-scissors.b.st-hatena.com/image/square/59fc4b8cf1c794158aa358a703d709cadeff33bf/height=288;version=1;width=512/http%3A%2F%2Fwebcre8.jp%2Fwordpress%2Fwp-content%2Fuploads%2F2011%2F11%2Feyecatch-collection-150x150.png)
SNSボタンをオリジナル画像で設置する方法
TwitterやFacebookへのボタンは公式サイトでボタンを作れますが、そのボタンはそれぞれオリジナルのボタンで設置することもできます。 ボタンの仕組みが変わると動かなくなるかもしれませんが、以下の方法で設置できます。今回紹介しているのはTwitter・Facebookシェア・mixiチェック・Google+です。 Twitter コードは以下になります。 <a href="http://twitter.com/share?count=horizontal&original_referer=ページのアドレス&text=ツイートさせたいテキスト&url=ページのアドレス&via=Twitterアカウント" onclick="window.open(this.href, 'tweetwindow', 'width=550, height=450,personalbar=0,toolbar=
最近のウェブサイトで見かける背景のスタイルとトレンドのまとめ
Hannah & Jeremiah 洋服や髪型にもトレンドがあるように、ウェブデザインにもトレンドがあります。そして背景は特にトレンドがあります。上にあげた例のいくつかの写真やイラストの背景はシャープで分かりやすいですが、いくつかは解釈することが難しいものもあります。ソリッドな背景は人気が高く、ぼんやりとしたブラーな背景もあちこちで目にするでしょう。また、ブラックやホワイト（時代遅れな使い方ではなく）だけでなく、単一のカラーの背景で奥行きをコントロールしエレメントを目立たせるように使っているサイトもあります。そして、パターンやテクスチャもよく機能する背景で、これは最近形の大きさが変化したように思われます。パターンは大きいけれど、繊細なテクスチャのように低いコントラストのアイテムを使っています。 1. シャープなイメージ 背景にシャープで強いイメージを使うことは定番と言っていいでしょう、ポイ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
