ここまでできる！Bootstrapで作られた国内のレスポンシブWebデザインのサイトまとめ20個 | A40
レスポンシブWebデザインのサイトは国内でも増えてきましたが、制作するとなるとかなり手間がかかります。 そんなとき役に立つのがレスポンシブWebデザイン対応のフレームワーク。中でも「Bootstrap」は、多彩な機能を備え、その使いやすさから広く知られています。 そこで今回は、国内の秀逸なレスポンシブWebデザインを集めた「Responsive Web Design JP」から、Bootstrapを使って作られたサイトをご紹介したいと思います。 whiteSTOUT フォトクリエイティブを中心としたマネージメントオフィスのサイトです。トップに大きな画像を使い、洗練されたイメージとなっています。 AGATHA E-SHOP アクセサリーブランド「AGATHA」のECサイトです。有名ブランドの、しかもECサイトにもBootstrapが使われています。 ACTUS online こちらは有名イン
サイトをスマホ対応した時に意識したこと5つ - Design Color
もくじ サイト幅はリキッドレイアウト&リンク領域は大きめに 動画やGoogleマップも画面サイズに応じて伸縮するように なるべく画面遷移をしないように PC版のデザインでも見れるように 最後までスクロールした後のことも考える 1.サイト幅はリキッドレイアウト&リンク領域は大きめに サイト幅は基本的には320px想定で作っています。ですが、一言で「スマホ」といっても様々な解像度がありますよね。特にAndroidとか！しかも、スマホを横向きにするとまた解像度が変わってきます。 なので、ある程度どのサイト幅でも対応できるようにリキッドレイアウトで画面サイズに応じてサイト幅が変わるようにしています。 また、スマホは指で操作するため、リンク領域はなるべく大きめにするよう心がけました。（とはいえ、タグやはてブのリンクまでは大きくできなかったのですが）一部を除いては基本的にはリンク要素は「44px以上」
スマホ向けサイトのユーザビリティとランキングを低下させる12個のマイナス要因
[対象: 中〜上級] さまざまなモバイル向けサイトの研究中に出くわした、ユーザビリティを大きく損ねる12個の要素をE-consultancyがブログで解説しました。 ユーザビリティの悪化だけではなく、なかにはGoogleのランキングを下げる原因にも繋がるスマートフォンサイトの構成ミスも含まれています。 モバイル対応が必須になっている現在のサイト運営において、とても参考になる記事なので紹介します。 なお直訳ではなく、僕なりの言葉で要点を説明します。 英語がわかる方は原文も読んでください。 モバイルサイトのユーザビリティを損ねる12個の欠陥 1. 突然デスクトップ向けサイトに切り替わる モバイル向けのページを閲覧していたのに、デスクトップ向けページに突然移動させられてしまうサイトは確かにありますね。 モバイル向けのデザインだったのに、ページを移動したら何の前触れもなくPC向けのデザインに切り替
20 beautifully designed smartphone apps
It's no secret that designers must start designing for mobile. With more and more people starting to browse the web from their phones, web designers have to get hip to making sites good and viewable on smartphones. It's imperative because we're not just taking a look online, but we as consumers are beginning to purchase, request info and more from our phones. And we have to be set up, as businesse
UI/UXが学べる神スライド7選 | Find Job ! Startup
FINDJOB! 終了のお知らせ 2023年9月29日にFINDJOB!を終了いたしました。 これまでFINDJOB!をご利用いただいた企業様、求職者様、様々なご関係者様。 大変長らくFINDJOB!をご愛顧いただき、誠にありがとうございました。 IT/Web系の仕事や求人がまだ広く普及していない頃にFind Job!をリリースしてから 約26年間、多くの方々に支えていただき、運営を続けてまいりました。 転職成功のお声、採用成功のお声など、嬉しい言葉もたくさんいただきました。 またFINDJOB!経由で入社された方が人事担当になり、 FINDJOB!を通じて、新たな人材に出会うことができたなど、 たくさんのご縁をつくることができたのではないかと思っております。 2023年9月29日をもって、FINDJOB!はその歴史の幕を下ろすこととなりましたが、 今後も、IT/Web業界やクリエイティブ
6 Addictive Ways To Play Around With Color And Spice Up Your Photography
Just like any other creative art, photography also needs its steroidal shots of inspiration. I guess, just like a writer has a Writer's Block, a photographer could have his own version of an idea famine. Thankfully, the world around us gives enough clues to show the way. Color is a definite topic for a photographer to pick upon. Yes, just simple color. If abstract artists can explore a single colo
いつか真似したい！ユニークで楽しい「404 Page Not Found」30選 | Find Job ! Startup
なるべく減らしたい「404 Page Not Found」。しかし、リンク切れや意図しないアクセスなど、404エラーが発生してしまうのは避けられません。 そんな時にも笑いや同情を誘いユーザーを虜にする「404 Page Not Found」を30個、選りすぐってお届けします。ピンチをチャンスに変えて、ファンを増やしましょう！ニュースメディア １.ハフィントン・ポスト いまにも泣きそうな404。 ランダムで別バージョンもあります。 企業 ２.LIG 「そんなページねえよｗ」と強烈なLIGの404。このあたりがイラッとしないラインかも……！ ４.サクラクレパス ワザあり！ 商品（消しゴム）のアピールにも役立つ404。 ３.KAYAC デザイナーズブログ カヤック意匠部のマスコットキャラクターがお出迎え。 ５.タカラトミー 黒ヒゲ危機一髪！ ６.ミスタードーナツ こちらはポンデライ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Online Mockup, Wireframe & UI Prototyping Tool
Flat UI - Free Bootstrap Framework and Theme
Flat Inspire
iPhoneデザインボックス
Web屋商売あがったりの無料ホームページ作成サービスまとめ
ここ最近読んで勉強になったWeb制作関連のスライド10選（2013年6月～7月）
Placehold.it - Quick and simple image placeholders
UIデザインについて改めてしっかりと学ぶために参考になるスライドまとめ
http://shingekidesign.com/?p=187
【黄金比・計算サイト ★★★】 - Metallic Ratio
ENTACL TECH LAB.
場面に合わせて使いわけよう！デザイナーなら知っておきたい、美しい和文フォント10選 - Moxbit
レスポンシブWebデザインを学びたい人が読むと参考になるスライド
