2013年3月23日 Web関連記事, 海外情報 以前「日本向けのウェブデザインというのはあるのか?」という記事を読み、「逆に海外のサイトは具体的にどう違うかなあ?」と思ったので、私が感じた海外のWeb業界やサイトの違いを並べてみます。海外向けのWebサイト制作を考えている方、海外で働こうと思っている方の参考になればと思います! ↑私が10年以上利用している会計ソフト! 追記:ここで紹介する「海外」とは、私が滞在・就労経験のあるカナダとオーストラリアを指しています。 海外Webサイトの特徴 URLを直接入力 日本ではURLバーに直接入力する人は少ないかと思われますが、海外では目的のブランド名がわかっている場合、とりあえず「.com」をつけてWebサイトを開きます。海外で .com が人気な理由はこのへんにありそうです。そのため、新たに会社やサービスを立ち上げるときは、そのブランド名とドメイ
パラグラフ・リスト・見出しなど [ad#ad-2] UIパーツの使い方 下記の3つのステップで、これらのUIを自分のページで利用できます。 IEへの対応 IEにHTML5を理解させるために、2つの重要なファイルを使用します。 <!--[if IE]> <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script> <link rel="stylesheet" href="ie.css" type="text/css" /> <![endif]--> CSSのインクルード スタイルシートファイルをインクルードしてください。もし使用するエレメントが限られているのであれば、その箇所のみで大丈夫です。 <link rel="stylesheet" href="reset.css"
CSS3の潜在能力をヒントにした、新しいレトロ・ヴィンテージなスタイルのウェブデザインのトレンドを紹介します。 Trends: the new retrò web design and the "CSS3 style" [ad#ad-2] 下記は各ポイント意訳したものです。 1. 明るいカラーとパステル 2. 円形のロゴ 3. テクスチャ 4. ジオメトリックなフォント 5. シェードしたテキスト おわりに:トレンドの乱用はしない 1. 明るいカラーとパステル このグラフィックスタイルは、Web2.0で使用されていた明るいカラーとは異なります。放射状のグラデーションやスポットライトなどには、もう居場所はありません。
HTML5でサイトを作成する時に必要なHTML5の雛形、jQuery, Modernizrなどのスクリプト、CSSのリセットなど一式を自分用にカスタマイズして作成できるオンラインサービスを紹介します。 Initializr - Start your HTML5 project in 15 seconds! [ad#ad-2] InitializrでHTML5のテンプレート一式を作成する方法 HTML5用のテンプレート一式を作成するのは、わずか数秒で簡単にできます。 トップページにアクセスし、4つの選択項目から自分の必要なものをチェックし、最後に「Download」をクリックするだけです。 Initializr - Start your HTML5 project in 15 seconds! 選択項目のキャプチャ [ad#ad-2] Initializrで作成されるHTML5のテンプレート
2017年6月30日 インスピレーション, 名刺 その人、その会社の第一印象でもある名刺デザイン。海外では多くの名刺デザインが紹介されていますが、日本国内だとなかなか見つかりませんよね。という事で、オフ会で直接頂いた名刺の中から素敵なデザインのものを一挙紹介します!シンプル・ポップ・エレガントなど、様々なデザインがあるので、ぜひ参考にしてみてください! ↑私が10年以上利用している会計ソフト! オフ会に参加しました ホームページを作る人のネタ帳のYamada氏が東京に遊びに行くという情報をキャッチしたので、それにあわせて私もオーストラリアから帰国!1月29日に「ネタ帳とWebクリエイターボックスの上京を歓迎してくださいの会」と題し、オフ会を開催しました!総勢約80人とあって、めまぐるしく挨拶まわりを…。もしお話できなかった人がいたら本当にごめんなさいです…。 素敵な名刺頂きました そのオフ
はてブ ツイートする シェアする 他のギャラリー ファビコンギャラリー 見出しデザイン ウェブコレクション このサイトについて いろんなWEBサイトのフッター(ページ下部も含む)部分を集めました。デザインの参考に。掲載サイトがリニューアルした場合はご紹介のフッターが使用されていない場合があります。 連絡先:manage.hp+footer@gmail.com copyright © footer-design.com All Rights Reserved.
ユーザーがウェブサイトを訪れる時間はわずかなものです。その短時間の間に、ユーザーの注意を惹きつけ、印象に残るようにするための7つの方法を紹介します。 Billboard Web Design: How to Win Your Audience's Attention [ad#ad-2] 下記は各ポイントを意訳したものです。 元記事では他の事例やビルボードの素材も紹介しています。 はじめに 1. クリエイティブとユニーク 2. 説得力のある見出し 3. 巧妙さと辛辣さ 4. ブランディングを印象づける 5. 注意を惹きつけるアイキャッチ 6. ポイントはクリーンでシンプルでストレートに 7. 明快さとコントラスト はじめに 人の目を惹くビルボードスタイル(立て看板)の広告は目にした瞬間、簡単に人々の記憶に残り、楽しいものです。イメージのカラーやフォントも重要ですが、アイデアにもユニークがあり
10 Excellent WordPress Themes for Portfolios and Galleries | Resources WordPressでポートフォリオやギャラリーを構築する際に使えそうなテーマ10 シンプルですがかなりいい感じのポートフォリオ、ギャラリー用のテーマがあつまっていました。 そうしたニーズに応えるために覚えておいてもよさそう Work On Assignment Photography Portfolio Blogfolio 全部見る 関連エントリ かなり美麗なフリーのWordPressテーマ60 スモールビジネス向けのWordPressテーマ10 iPhone等のモバイルデバイス向けWordPressテーマ色々 会社でも使えそうなWordPressテーマ20
15 Free PSD Website Templates いい感じのフリーのWEBサイトレイアウト用Photoshopテンプレート15がまとまっています。 それぞれインパクトのあるデザインになっていて使えそうです。 ほんとにフリーでいいの?というクオリティですが、こうしたものがフリーである以上、WEBデザイナー専業でやっている人は何か付加価値をクライアントに提供していくためのスキルを身につけておきたいですね。 関連エントリ WEBデザイナーという肩書きを使う場合にあったらいいかもなスキルとWEBで見れる無料教材とリソース集 そのまま使えるWEBレイアウトのPhotoshopテンプレート40 かなりクールなフリーのWEBサイトPhotoshopテンプレート「BlueMasters」 無料で使える綺麗なWEBサイトPhotoshopテンプレート
Updated: 2011-08-30 (new items highlighted below) CSS3 Examples (including Media Queries) http://www.html5rocks.com/tutorials/flexbox/quick/ https://github.com/doctyper/flexie http://thebox.maxvoltar.com/ http://hardboiledwebdesign.com http://lostworldsfairs.com http://www.informationarchitects.jp/ http://colly.com http://hicksdesign.co.uk http://jordandobson.com/better_rounded_border_demo/ http:/
どーもキンモクセイぷんぷん香る自由が丘からaoizmです。 秋満開!スマートフォンまっさかり!(強引) KAYACでもiphoneアプリ制作のお仕事が増えてきております。 WEBデザイナーがiphoneアプリのデザインをする際に、やっぱり気になるのがWEBとの違い。 画面サイズが小さく持ち歩けるデバイスiphoneは、デスクトップ上のアプリやWEBサイトとは 使用環境もその操作方法も異なるため、WEBとは違ったインターフェイスが求められます。 その違いを認識した上で、違いを活かしたデザインをするためには? iPhoneアプリのUIデザインまとめてみました。 WEBサイトとiphoneアプリの違い 状況 持ち歩けるがゆえそのシチュエーションもさまざま 「会議で」「合コンで」「移動時」「就寝時」... 状態 そのときユーザーはなにをしている? 「歩きながら」「話しながら」「運動しながら」...
Five Useful Design Techniques and Coding Solutions For Web Designers [ad#ad-2] 下記は各ポイントを意訳したものです。 PHPはWordPressでのものとなっています。 1. 複数の項目がある棒グラフのエフェクト 2. ホバー時に追加情報を表示 3. カテゴリごとに異なるカラーを適用 4. ちょっと面白い画像のキャプション 5. ウェブのための印刷風デザイン おわりに -developersではなく、designers 1. 複数の項目がある棒グラフのエフェクト 下記のサイトで使用している棒グラフでは、上:タグの種類と数、下:コメントのついた記事と数、をそれぞれ素晴らしいエフェクトで実装しています。 こういった数値化されたデータは、ユーザーに対して有用なコンテンツの手がかりを提供し、ユーザビリティを改善することに
フルFLASHサイトを紹介するエントリーがありました。 多分「いいね」ボタンがあったら、みんな押しちゃうんじゃないかな? FLASHでできたWebサイトには、いろんなワクワクがありますよね。 そして、こういうサイトを見るときにはユーザビリティの事を一度忘れて見ましょう。そのほうがぐっと楽しめるはずです。 私が選ぶBEST7 20 Flash Sites for Your Inspiration 20個のうち、私が是非見ておいてほしいなと思うものは7つ。 全体的に音出るサイト多めなので、ご注意ください。 1)thibaud.be デザイナーさんのポートフォリオサイト。 私の中ではキングオブデザインです。使いやすさ、見易さ、さわり心地、どれをとっても最高です。 このアイデアはかなりいいかもしれない。 と言うか惚れる。 2)nadinefeghaly.com イラストポートフォリオの中でも、非常
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く