延べ1,198事例！Facebookウェルカムページの「デザイン」に悩んだら見るべき7サイト＋6記事 « 株式会社ガイアックス
a]:flex [&>a]:flex-row [&>a]:justify-between [&>a]:py-[18px] [&>a]:border-t [&>a]:border-lightgray [&>a]:border-opacity-20 [&_li]:my-1 [&_li]:list-['-_'] [&_li]:py-[18px] [&_li]:border-t [&_li]:border-lightgray [&_li]:border-opacity-20 [&_.Label]:transition-all [&_.Label]:w-fit [&_.content]:transition-all [&_.content]:h-0 [&_.content]:pt-0 [&_.content]:px-5 [&_.content]:overflow-hidden [&_.toggle:
良い話し手になるための６つのエッセンス | もっちブログ
IVSでの優勝時の写真 (出典:Techwave) 今年は『PRAY FOR JAPAN』の出版やLabitの創業もあって、新聞や雑誌の取材は月に2〜3回、講演やスピーチも20回近く引き受ける機会がありました。自分でサービスを作り始めてから、投資家向けや、同世代起業家とのピッチ大会でプレゼンすることも急激に増えました。僕は、もともと人前で話すのが得意ではなく、ごく平均的に緊張するタイプの人間です。人見知りで、自分の声や振る舞いにも自信がなく、電話や写真に撮られることが本当に苦手でした。上京して、社会が広がるにつれて「人前でもっと上手に話したい」と思うようになります。この記事は、僕が講演やスタートアップにおけるプレゼン（ピッチトーク）を重ねるなかで、気づいたことを備忘録としてまとめたいと思います。近況を交えて。 １．緊張しないための唯一の方法 12月初旬、京都のウエスティン都ホテルで開催され
How To Enable HTML5 In Chrome | Robots.net
Introduction In the ever-evolving landscape of web browsing, staying abreast of the latest technologies is crucial. HTML5, the fifth and current version of the Hypertext Markup Language, has revolutionized the way we experience the web. With its advanced features and enhanced capabilities, HTML5 has become the cornerstone of modern web development, offering a more seamless and interactive user exp
WEB屋が行き詰まった時、参考にすると何かが舞い降りるかもしれないサイト色々（主にデザイン系） | バンクーバーのうぇぶ屋
※煮詰まる× → 行き詰る○ なんかおもいっっきり日本語間違って使ってました。めっちゃごめんなさい＞＜ 更新が滞るとEvernote開いて整理整頓ついでに記事を書くのが日課になってしまったセナですこんにちは。 さて、数年WEB屋やってると、自分の作るものが単調になったなと思うことがたまにあります。WEBでも紙でも制作技術を学んでいた時はいろんなサイトを見て見まくって、「どうしてこんなに見やすいんだろう。」とか、「どうしてこんなに分かりやすいんだろう。」とか。そんなことを感じては、常に目にする物から何かを吸収しようと躍起になっていたものです。 何かを見る度、知る度に確実に何かを学んでいったあの感覚は、何時になっても忘れてはならないものだと常々思います。 アイデアに詰まっていたり、物づくりへの刺激が欲しい時なんかに見ると、やる気とかが舞い降りてくるかもしれません。 Dribbble クリエイタ
良いプレゼンを作る5つのポイント教えます | ライフハッカー・ジャパン
ダメなプレゼンは、プレゼンター、聴衆の双方にとって苦痛以外のなにものでもありません。ダメなプレゼンをしたくないなら、次にあげる「プレゼン5つの落とし穴」とその対策を参考にしてみてください。きっといいプレゼンができますよ！ ■ダメなプレゼンって？ プレゼンが失敗するサインってありますよね。長いなーと感じたり、時間を浪費していると感じたり（プレゼンターも聴衆も）...。ダメなプレゼンは聴衆の心に響かず、その使命であるはずの、説得したり教えたりすることができずに終わります。 ■誰でも良いプレゼンの作り方を学べます ツールのせいにしてはいけません。クリップアートやブーメランアニメーションは助けてくれるわけではないのです。どうせ私はプレゼンに向いてないんだ...といじけることも簡単ですが、昇給を望んでいたり、顧客へ提案する場合など、多かれ少なかれプレゼンをしなければならない機会はあるものです。ところ
歴代はてなブックマーク数の第1位〜第500位までのタイトルの傾向を調べてみてわかったこと｜男子ハック
JUNPです。男子ハックを始めて1カ月も経たず7万PVを超えました。PVが増えたからどうなの？って感じですが僕らとしてはとても喜ばしいことです。 僕たちがブログのアクセスアップのために意識したこと。それは「はてなブックマークされること」です。全てのブロガーさんに共通することかわかりませんが、はてなブックマークされるために意識したことをまとめたいと思います。 はてなブックマーク数が多い記事の全体的な傾向 はてなブックマークが多い順に記事のタイトルを見ていって、気になるタイトル（自分で思わずクリックしてしまうタイトル）を書いていったら全体的には以下のような共通点がある記事が多いように思えました。 理想と現実のギャップがあるタイトル（○○できなかった私の○○する方法） （例） C言語すら知らなかった私が２ヶ月でiPhoneアプリをリリースするまでにやった事。 | Last Day. jp 記事を
あなたの成功を妨げる8つの断ち切るべき悪習慣 » SEO Japan
コピーブロガーからあなたの成功を妨げる直すべき悪習慣を8つ紹介。精神的な部分を強調した内容で、なるほどと思わせることも多い内容です。 — SEO Japan “脳は素晴らしい器官である。朝起きるとすぐに働き始め、オフィスに入るまで活動を止めないのだから。” ～ロバート・フロスト 非常に頭の良い人たちだけが創造性に富んでいるというのは虚構だ。 事実、調査の結果では、IQ120位（平均より少し高い程度）を超えてしまえば賢さと創造性は全く関係しないことが分かっている。 それはつまり、たとえあなたが多くの人よりも賢くなかったとしても、まだあなたには驚異的な創造性のパワーを振りかざす可能性があるということだ。 それでは、なぜこんなにもわずかな人だけが非常に創造性に富んでいるのだろうか？ なぜなら、そこには人々が成長する過程で学ぶ、脳の中の独創的な経路を破滅させるという悪い習慣があるからだ。そして他の
あるお客様の「悩み」をそのまま入れるだけ！問い合わせが3倍になった簡単キャッチコピーの実力
岡本達彦（おかもと・たつひこ） 株式会社アカウント・プラニング代表取締役 販促コンサルタント 広告制作会社時代に100億円を超える販促展開を見て培った成功体験をベースに、難しいマーケティングや心理学を勉強しなくてもアンケートから売れる広告を作る広告作成手法を日本で初めて体系化する。業界を問わず、お金をかけないで簡単にでき、即効性もあることから、全国の公的機関、経済団体、フランチャイズ本部からセミナー依頼が急増し、社内に仕組みとして取り入れたいという会社からのコンサルティング依頼は後を絶たない。著書にアマゾン上陸15年「売れたビジネス書50冊」にランクインし、販促書籍のベストセラーとなった『「A4」1枚アンケートで利益を5倍にする方法 チラシ・DM・ホームページがスゴ腕営業マンに変わる! 』（ダイヤモンド社）などがある。 売れるキャッチコピーの秘密 「広告をつくってはみたものの、まったく反応
Webサイト制作でよく出てくるコンテンツとそれによく使うディレクトリ・ファイル名の一覧 - btmup Blog
Web 制作のことを中心に、ちょっとした Tips などを掲載しています。「自分用メモ」が基本スタンス。 btmup Blog ディレクトリ名とかファイル名って、ちゃんとしようとすると意外に時間がかかるもの。 ページタイトルを直訳すれば良いってもんでもなく、いくつかある候補から内容に一番合った単語を見付けてこないといけない。 いちいち英語を調べるのもメンドいし、かといって「gaiyo」とかじゃ気持ち悪いし、どうしたもんかねー、とずっと思っていました。 で、今回、勢いでざっくりとまとめてみたのでついでに公開します。 本当にざっくりなので抜けもあるだろうし「それくらい書かんでも分かるわボケ」なものもあるでしょうけど、まぁそれは追々。 ディレクトリ名やファイル名として使用することを前提としているので、文法とかは全く考慮してませんので悪しからず。 最近、医療・病院関係のサイトに仕事で関わることが多
複数のレイヤーを使用したウェブデザインのガイドラインと実例 | コリス
複数のレイヤーを使用したマルチレイヤータイプのウェブデザインのガイドラインと実例をNoupeから紹介します。 Multi-Layered Design: Guidelines and Examples マルチレイヤーのガイドライン 私たちは、マルチレイヤーのデザインがミニマリストのサイトよりビジュアル的により複雑であることを知っています。しかし、そのマルチレイヤーをどのように作成するべきかに多くを語っていません。 マルチレイヤーのデザインは、ミニマリストのデザインから始めた人にとってはなかなか踏み出せないものかもしれません。 テーマを決める 最も良いデザインは、全体的にテーマか美学的なものを持っています。決して任意のエレメントを急いで作っているだけではありません。例えば、汚した感じのグランジのエレメントは、より繊細に使用されます。 Team Fannypack 非常に明白なグランジデザ
よりリッチで、よりフレンドリーになったウェブデザインの現状 -2010年のトレンド
The Current State of Web Design: Trends 2010 下記は記事の意訳と実例をいくつか抜粋したものです。元記事では他にも多数の実例が紹介されています。 はじめに ウェブデザインとは移り変わりが激しい業界です。他のすべての芸術的な表現とまったく同じように、ウェブデザインは絶え間なく、そして驚くほど早いスピードで進化を遂げてきました。 そして現在、私たちはウェブデザインの黄金時代を経験しているところです。それはこれまでのところ、少なくとも最も良い期間です。主要なブラウザで利用できる新しいツール（CSS3, HTML5, 埋め込みフォントなど）、自由に利用が可能な多くのリソース、デザインコミュニティなど、ウェブのスタンダードの信頼性が高いサポートを持っています。 私たちはより良いインタラクションなデザインや審美的なデザインを見ています。そして同様に個人的で魅力
Appleのデザイン戦略をウェブサイトから学ぶ、15のデザインヒント
Appleの美しいウェブサイトから学ぶ実用的な15のデザインヒントをDesign Shackから紹介します。 15 Design Tips to Learn From Apple 下記は各ポイントを意訳したものです。 サイトのキャプチャは可能なものは日本サイトのものにしています。 はじめに Apple社は高級なデザインと類語です。Appleが発信する偉大なデザインを観察することから、学べることはたくさんあります。 ここにあげた15のポイントはあなた自身の仕事に活用されることを意図したものです。この素晴らしいサイトデザインをあなたのインスピレーションとして使用してください。 1. Keep it Simple アップル Appleのウェブサイトを一目見てください。そして、あなたの目に見えるものではなく、見えないものについて注目してみてください。 例えば、空港でトイレを探していると想像してくだ
50 Monochromatic Website Designs
Color choice is a key element to the success of any design. It invokes an atmosphere and sets the mood. One method for using color is to use only shades of a color, which is known as a monochromatic color scheme. Of all the color schemes, the monochromatic is one of the easiest to pull off successfully. This reason for such ease is that one shade of a color will naturally almost always work with a
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://designaholic.cc/2011/03/html535web.html
日本のサイトで使用しているサーチボックスのサイズとボタンの一覧
新着記事
新着記事
HTML5 & The Web Platform
デザイン性に優れたクリエイティブなフォームデザインのサンプル集:phpspot開発日誌
クリエイターに聞く「顧客と会わないウェブ制作には、何が求められるのか？」
