サイトデザインをする上で、デザインがワンパターンになったり、煮詰まったりすると思います。そんな時、Instagram を使わない手はありません世界中のインスピレーション溢れるアート系の発信やデザイン系のイメージがたくさん参照できます本記事ではデザインのヒントになること間違いなしの海外のアートデザイン系の Instagram アカウントをご紹介します。
![Flipsblog.jp](https://cdn-ak-scissors.b.st-hatena.com/image/square/c5f0e27768eca54cede48d384d2f62a57d51bee3/height=288;version=1;width=512/http%3A%2F%2Fflipsblog.jp%2Fwp-content%2Fuploads%2F2014%2F05%2F201402250100.jpg)
レスポンシブWebデザインでサイト構築をする際に、今までのWeb構築で「当たり前」や「こうすべき」と思っていた感覚とは少し異なった設計でサイトを構築しなければなりません。 これまでのWebにおけるUI/UX これまで、PCのブラウザをメインにネットをする層が中心だった時代では、マウス操作が基本になっていました。 当たり前ですが画面上のマウスを操作して、クリックをしたり、ドラッグ・アンド・ドロップで対象を動かしたりする動作がメインになります。 UI/UXで言えば、ボタンをクリックするにしても、マウスでカーソルを移動させればボタンの色が変わったり、カーソルの矢印が人の指に変わったりするマウスオーバーアクションと言われるものです。 テキストリンクであれば、カーソルを対象に持って行くと、テキスト下線が消え、カラーが変わるなどの変化が当たり前になっていました。すべてはマウスでの移動させることが中心に
2013年09月14日~2013年09月20日の、Web担でアクセス数の多かった記事のランキングを発表! 見逃している人気記事はありませんか? [ Facebookページ活用 実践ガイド ] 企業Facebookページ制作マニュアル:18個の手順 【タイムライン対応・制作編&集客編】 [ 海外&国内SEO情報ウォッチ ] SEOに関するくだらない質問にはもう飽き飽きだ。なぜなら…… など10+4記事 [ 衣袋教授のGoogleアナリティクス入門講座 ] 入力フォームのどこで脱落したのか? Googleアナリティクスで評価する――実例で解説!イベントトラッキング(3)[第68回] [ 海外&国内SEO情報ウォッチ ] WordPressはSEOに強い? レスポンシブは正義? 気になる12の疑問にグーグル社員が回答 など10+4記事 [ ad:tech tokyo特集 ] 【9/17更新】アド
先日、僕の恩師のウェブ制作会社で開催された勉強会で「レスポンシブWebデザインのワークフロー」についてお話させていただいたんですが、その際に「意思決定層との密なコミュニケーションをとり、スムーズに開発を進めていくために、苦労した点や工夫した点」について質問をいただきました。その回答をまとめたので、このブログでも共有したいと思います。今回まとめたものはレスポンシブWebデザインでの制作に特化した内容ではないですが、以下に挙げるようなWebディレクターとしての基礎知識やスキルが、レスポンシブWebデザインのような柔軟な対応を強いられる制作では大切になると感じています。 Question: 意思決定層との密なコミュニケーションをとり、スムーズに開発を進めていくために、苦労した点や工夫した点を教えてください。 Answer: どれもディレクターとして基本的な内容になりますが、僕は以下のようなことを
gridpakは、レスポンシブWebデザインに対応したグリッドレイアウトジェネレーターです。従来のグリッドジェネレーターにブレークポイントを設定出来る項目が付いているので操作も楽に行えます。 gridpak
Responsifyは、レスポンシブWebデザインに対応したWebサイトのテンプレートを作成出来るジェネレーターです。グリッドのカラム数やブレークポイントなどを指定してからダウンロードします。 Responsify
Top Drawer - A smooth dropdown menu for responsive web design | Experiment #5 レスポンシブなCSSベースのドロップダウンメニュー「Top Drawer」 JavaScriptを使わずCSS transformsを使ってレスポンシブなドロップダウンをアニメーションさせつつ表示できます。 シンプルなサイトな作りにしたい場合は使ってみてもよさそう 非対応ブラウザでは表示できない点は注意が必要ですが、CSS3でこういうことが出来るというところは覚えておいて良さそうです 関連エントリ 最初からレスポンシブなCSSデザインのHTMLテンプレート35 レスポンシブ&タッチフレンドリなWEBベースの音楽プレイヤー実装デモ WEBデザインする人なら入れておきたいレスポンシブWEBサイト作成に役立つブックマークレット「Viewpor
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く