2013年を代表するクリエイティブなWebサイト総まとめ今年も多数のWebサイトが作られてきましたが、そ... / 国内のWebサイト / 保田窪整形外科病院他...全32件 今年も多数のWebサイトが作られてきましたが、その中でも特にクリエイティブの高い、今までにない独創的なUIで、Webデザイン界隈で記憶に残るWebサイトを、『筆者の独断と偏見』でまとめました。
キヤノンのウェブサイトにおけるアクセシビリティへの取り組み
「CEATEC JAPAN 2013」会場にて開催された「アクセシビリティセミナー2013」のセッション1「企業のWeb担当者、Web制作者必見！ 企業WebサイトにおけるJIS X 8341-3:2010対応の実践例」の資料です。講師および資料作成を担当したのは、ウェブアクセシビリティ基盤委員会 作業部会2委員で、キヤノンマーケティングジャパン株式会社の澤田氏です。 なぜアクセシビリティに取り組むのか、その理由をキヤノンサイトの歴史を紐解きながら解説。取り組みの具体的な内容については、2013年のリニューアルにおける施策を中心に紹介。JIS対応で得られる効果や苦労している点は、企業のWeb担当者の方々にとって大変参考になる内容かと思います。Read less
素早く確実にWEBデザインをするための手順
新人から「どうやってデザインをしていいか、わからない」という声をよく聞きます。 私も新人の頃、他にデザイナーがいなかったので、 どのような手順でデザインすればいいか、わかりませんでした。 また、自分のやり方が正しいのか不安でした。 今までの経験から、ある程度、素早くデザインするための、 私なりのコツはつかめましたので書いてみたいと思います。 一つの例として参考になればと思います。 はじめに 今回は、カンプ用のデザイン、グラフィックとしてデザインの手順です。 まず、私が求められているスキルとして ・スピード ・クオリティの安定感 があります。 クライアントの求めるデザイン傾向として ・わかりやすい ・一般受けする があります。 また、私は奇抜なデザインや、先進的なデザインをするタイプではありませんし、アーティスティックなタイプでもありません。 どちらかと言えば、定番のデザインをきっちりしてい
iPhoneやiPadでページを見ながらウェブデバッグが可能に！iOS 6から搭載された「Webインスペクタ」が超絶便利！ | gori.me（ゴリミー）
【img via iOS 5.1 Update. by MJ/TR (´･ω･)】 iPhoneやiPad向けにウェブ制作をしている人は知らないと損！ 最近頻繁にgori.meのチューニングを行なっているのだが、iPadで見ると崩れてしまう表示を長らく修正できずにいた。というのも、Macで見るとどのブラウザでも問題なく表示されていたから。 そんなところに先輩が「Safariのウェブインスペクタを使うと良いよ」と。基本的にGoogle Chromeで開発をしている僕としては「なぜわざわざSafari？」と思っていたが、iOS 6搭載端末を繋げるだけでSafariのウェブインスペクタはGoogle Chromeの何倍も便利になる。iOS 6からの新しい機能で、iPhoneやiPadでページを見ながら直接ウェブデバッグができるのだ！！ そもそも「Webインスペクタ」って何？ そもそもWebインス
SEOで成果を出すために必要な知識と実践方法の全て
ユーザーに届ける価値を徹底的に追求する マーケティングを提供します © Copyright 2022 バズ部. All rights reserved. SEOとは、「Search Engine Optimization」（検索エンジン最適化）という意味で、今の日本においては主にGoogleの検索エンジンで上位に表示されるための一連の施策のことだ。（Yahoo!やBingなどの検索エンジンも対象となる）わかりやすくいえば「自社サイトを1位に表示させるための対策」とも言える。 このページでは、よりビジネスを成長させたい方にSEOを攻略するために必要な具体的な知識とスキルを解説している。 ここで解説している通りに、真剣に取り組んでもらえれば、どのような業種の方でも今までをはるかに上回る流入と、コンバージョンを実現することができるようになるだろう。 現在、思うようにサイトにアクセスが集まらなくて
Webデザインの配色について学ぶときに読んでおきたい14の記事
このブログをみてお分かりのように、私は思い切った色使いがなかなかできません。どうせセンスがないしと諦めても仕方ないし、恐らくセンスがないのではなく勉強していないだけですし、言い訳はせず勉強することにしました。 ということでWebデザインの配色について学べる記事を集めてみました。 基礎的なものから並べてみましたので、順番に読んでいけば色についての知識は深まると思います。「センスがない」という言い訳をして、実は勉強していなかっただけだということに気付く人もいるかも。 色彩センスのいらない配色講座 基本から分かりやすくまとめられているスライドです。サブタイトルの「色は理論的に説明できる」っていうのがなんかかっこいい。 絶対に覚えておきたいwebデザインの配色・カラー3つの基本と基礎 | 秋田県webデザイナー【weblog】 基本的な内容を親切に分かりやすく説明してくれていますので、これから勉強
ランディングページの失敗はどこで発生するのか？ | Lean Startup Japan LLC
サービスのコンセプトが決まったら、すぐにランディングページを作成して、サービスがローンチしたタイミングで通知してくれるサービスが増えてきました。 Ash Mauryaの”Running Lean“でも、リーンスタートアップの実践方法として、ランディングページの早期立ち上げを推奨しています。 私も様々なサイトを訪問して新サービスを日々試しているのですが、このランディングページの作り方には、いつも共通した問題（間違い）があると感じているのです。 それは・・・ サービスのコンセプトや利用手順ばかり紹介されていて、なにを解決してくれるのかさっぱり分からないのです。 もっと簡単に言うと、そのサービスを利用した後に、自分がどのように幸せになるか、まったく想像できないのです。 「新感覚のソーシャルメディア」 とか言われて、そのサービスを使った後の自分の幸せな姿って想像できますか？ 初めてサイトを訪れたユ
HTML5でモダンブラウザのCSS3バグを回避するためのハック方法 | ゆっくりと…
将来、何かの役に立つかもしれないので、メモとしてエントリー。 IEなんかの古いブラウザに対応するための CSS ハック方法は古くから知られていますが、CSS3 への過渡期の現在、（本当は使いたくない）ベンダー・プレフィックスや Modernizr なんかを使って新しいデザインにチャレンジしている人も多いことでしょう。 それでもなお、特定ブラウザの、特定バージョンで思った通りのデザインにならないことがあれば、やはり何かしらのハックに頼らざるを得ない状況は、今も昔も変わらないのかもしれません。 そんな場合のハックを An HTML5 boilerplate addon for CSS browser nitpicks から紹介です。紹介されているテクニックは、従来型の CSS 解釈時バグや CSS 属性のアリ／ナシといった特徴や機能ベースではなく、そのものズバリ、ユーザーエージェントによるブラ
シリコンバレーで学んだWebサービスを成功に導く10の原則 - パパパパ
シリコンバレーに来て80日が経ちました。僕がシリコンバレーに来た理由の一つは、世界中で使われるようなWebサービスがどうやって成功を収めたのか、ということを見聞したかったからです。滞在中に現地で活躍している人たちとコンタクトを取って、100名以上の方から様々な答えやヒントをもらってきました（元Pinterestデザイナーで現Gumroadのサヒル、「AJAX」という言葉を作ったGmailデザイナー、GoogleAdwordsのプロジェクトマネージャーなど）。今回のエントリーは、僕が約3カ月の滞在期間中にシリコンバレーで聞いた話を元に、タイトルにある「シリコンバレーで学んだWebサービスを成功に導く10の原則」を余すとこなく書き切りたいと思います。 気合を入れて書いた分、ものすごく長文になってしまったので、時間があるときに読まれることをオススメします。 Webサービスの成功は、多くのユーザー
【インタビュー】『Webクリエイターボックス』のManaさんに、“売れるブログのコツ”を教えてもらいました！ - PLROG
大人気ブログ『Webクリエイターボックス』を運営している、Manaさんに“売れるブログのコツ”を教えていただきました。 当サイトでは、 つらつらと“売れるブログ”にするためのTipsや豆知識をご紹介していますが、 「売れていないブログの人から教わってもねぇ…」ってなっちゃうわけです。 そこで考えたのが 「売れているブログを運営しているブロガーにインタビューしてみよう！」 といった企画です。 そんな第一回目のインタビュー企画に応えてくれたのは、 『Webクリエイターボックス』を運営する“Mana”さんです。 すべてのブロガーが共感する“読者”の存在 ジャガアポー： まずは闘病からの復帰、おめでとうございます。 何度か『Twitter』のつぶやきも拝見させていただきましたが、 とても大変な経験をされたようですね…。 私だけでなく、多くの人がManaさんの無事を祈っていました。
目からビームな画像を生成するWebサービスを作った - すぎゃーんメモ
ももいろクローバーZのニューシングル「Z女戦争」が6月27日に発売されます。 Z女戦争(初回限定盤A)(DVD付) アーティスト: ももいろクローバーZ出版社/メーカー: キングレコード発売日: 2012/06/27メディア: CD購入: 4人 クリック: 433回この商品を含むブログ (57件) を見る で、それに先立って公開された新衣装でのアー写が、何故かメンバーが目からビームを放っているものだった。 ももクロ「いいとも」テレフォンショッキングに再び登場 - 音楽ナタリー これに影響を受けて、周りのももクロクラスタの方々が次々にTwitterの自分のアイコン画像を加工して目からビームを放っているものに変更していたりしたのだけど、それなりに画像を加工するツールやテクニックがないと難しいし、手間もかかる。「もっとカジュアルに目からビームを放ちたい！」という需要もあるのではないかと思い、自動
最低限覚えておきたいWEB配色の基本２大原理と６つの配色パターン
ユーザーに届ける価値を徹底的に追求する マーケティングを提供します © Copyright 2022 バズ部. All rights reserved. WEBサイトのデザインは、誰もが頭を悩ませる部分だ。 「どういう配色なら良い印象を持ってもらうことができるのか？」「どのレイアウトならコンバージョンが上がるのか？」など、様々なところまで考えを張り巡らさなければいけないからだ。 そこで本日は、The Art of Color Coordination というインフォグラフィックをご紹介する。これを見れば、WEB配色の基本の２大原理と、今すぐに使える６つの配色パターンがすぐに分かる。 そして、初心者でも、統一感のある配色のWEBサイトを作るための大きな助けとなるはずだ。 WEB配色の２大原理と６つの配色パターン画像を拡大して表示する ※追記：インフォグラフィックの最後のクレジットの部分が途切
Webサービス開発で知らないと損する！登録フォームでユーザーを逃さないのために必要な5つの手法
Webデザイナーや開発者さんは、いかにして多くのユーザーに途中で断念することなく、登録を完了させてログインしてもらうかということに、日々頭を悩ませている人もいらっしゃると思います。 この記事では、最近のWebサイトやサービスに見られる、ユーザー登録のための導線手法を紹介します。ぜひ、新しいサービスを考える際に参考にしてください！ Don't miss it!。 手法1. モーダルダイアログを使う ※イメージは、ゲッティ イメージズのものです。 モーダルダイアログとは、↑のようなページの上にページを重ねたような効果を言います。実はアレは、カッコいいだけではないのです。 この手法では、別にユーザー登録ページを設ける方法に比べて、ページ遷移によって利用者の意識が外に移ることがありません。 また、利用者には、目的のゴールが後ろに透けて見えている状態になるので、いつでも元のページ帰れる安心感があり、
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
元ゴミ回収ドライバーが作るエロWebサービス
みなさんがHtml5をやらなくていい3つの理由
Loading...
Responsive Web Design JP（日本国内の秀逸なレスポンシブWebデザインを集めたギャラリーサイト）
https://design-spice.com/2012/06/13/responsive-web-design-image/