WEBデザインリンク集｜Good Design Web » キャンペーン(6 votes, 6.5) You need to be a registered member to rate this post.
アイコンフォントからSVGへ！より手軽にベクター画像を表示しよう
2014年7月3日 SVG ベクター画像を表示する際とっても便利なSVG。名前を聞いたことのある方も多いのではないでしょうか？SVG自体は10年以上前から存在するのですが、HTML5の普及とともに多くのブラウザーでサポートされるようになり、今年に入ってから徐々に見かける機会が増えてきました。今回はそんなSVGにフォーカスしようと思います。 ↑私が10年以上利用している会計ソフト！ 2014年7月3日 追記：SVGスプライトの書き方について修正＆追記しました。 SVGってなに？ SVG（Scalable Vector Graphics）はIllustratorで作成したようなベクター画像を表示する技術です。Web上で一般的に使われる画像形式であるJPEGやPNGなどのビットマップ形式とは違い、ベクター形式の画像は、拡大縮小しても画質が劣化しません。 Appleがレティナディスプレイを発表して
BrandColors
Close Modal About BrandColors BrandColors was created by DesignBombs. The goal was to create a helpful reference for the brand color codes that are needed most often. It's been featured by Smashing Magazine, CSS-Tricks, Web Design Depot, Tuts+, and over 2 million pageviews. There are now over 600 brands with 1600 colors and the collection is always growing.
AppleがiOS 7向けアプリのUIデザインで「すべきこと」や「してはいけないこと」などをまとめたサイトをオープン - GIGAZINE
iOS 7ではユーザーインターフェース(以下、UI)がフラットデザインになり、見た目も操作方法もこれまでのiOSとは違うものになりました。そんなiOS 7向けアプリを開発するデベロッパー向けに、AppleがUIデザインで気をつけるべき点やガイドラインなどをまとめています。 Designing Great Apps - Apple Developer https://developer.apple.com/design/ このサイトは登録済みiOSデベロッパー向けのもので、iOS 7向けアプリをデザインする上で必要な要素を、複数のページとApple World Wide Developer ConferenceやTech Talksのムービーを使って解説してくれます。 例えば、UIデザインのヒントを集めているのが以下のページ。 UI Design Dos and Don'ts - Apple
Photoshopをより便利に利用できる無料プラグインいろいろ
2013年12月17日 Photoshop, 便利ツール デザイナーにはかかせないツール、Adobe Photoshop。Creative Cloudになってどんどん便利になってきましたね！そんなPhotoshopをさらに使いやすくしてくれる無料プラグインが多数配布されています。私はPhotoshop CC ver. 14を使用しており、そのバージョンで使えるプラグインを中心に紹介していきます！ ↑私が10年以上利用している会計ソフト！ Photoshopプラグインの使い方 最新版のAdobe Extension Managerをダウンロード＆インストール ダウンロードしたPhotoshopプラグイン（.zxpファイル）をダブルクリック 自動的にAdobe Extension Managerが起動するので、そのままプラグインをインストール。自動的に起動しない場合はAdobe Extensi
ウェブサイトやブログによくあるリストデザインが流行のグリッドデザインよりも有効なわけ
「ウェブの未来を担う次のUIデザインは『カード』にあり」と言われるなど、ウェブサイトを格子状にレイアウトしたグリッドデザインは人気で、多くのアプリやウェブサイトで採用されていますが、実際にグリッドデザインと以前からあるリストデザインの2種類をテストしてみたところ、「リストデザインの方が明らかに見やすく、ユーザーの反応がいい」という結論が出ました。 List Beats Grid: Linear Feeds Perform Two to Three Times Better Than Grids http://blog.getprismatic.com/list-beats-grid-linear-feeds-perform-two-to-three-times-better-than-grids-2/ グリッドデザインとリストデザインのどちらが本当に効果的なのか？ということを調査したのはソ
dfltweb1.onamae.com – このドメインはお名前.comで取得されています。
このドメインは お名前.com から取得されました。 お名前.com は GMOインターネットグループ(株) が運営する国内シェアNo.1のドメイン登録サービスです。 ※表示価格は、全て税込です。 ※サービス品質維持のため、一時的に対象となる料金へ一定割合の「サービス維持調整費」を加算させていただきます。 ※1 「国内シェア」は、ICANN(インターネットのドメイン名などの資源を管理する非営利団体)の公表数値をもとに集計。gTLDが集計の対象。 日本のドメイン登録業者(レジストラ)（「ICANNがレジストラとして認定した企業」一覧（InterNIC提供）内に「Japan」の記載があるもの）を対象。 レジストラ「GMO Internet Group, Inc. d/b/a Onamae.com」のシェア値を集計。 2023年10月時点の調査。
【保存版】海外のおしゃれなFacebookプロフィール&ヘッダー写真【サイズ情報あり】 | エンタメウス
プロフィール写真とカバー写真（自分のFacebookページを開いた時に、一番上に出てくる大きな写真）がもっと個性的でおしゃれになればいいな、と悩んでいる人は少なくないかと思います。そんな時、まずは海外で流行っているものを参考にしてみてはいかがですか？ Facebookによると、カバー写真のサイズは851px×315px（参照）、プロフィール写真のサイズは180px×180px（参照）とのことです。 参考にしたい、海外のFBデザイン重なる写真 ものとのコラボ ウェブサイト風 アプリ風 プロフィール&ヘッダーで一枚の写真に！ 自分の意見を言う場として （ここのスペースを「広告スペース」として売り出す人が出てくると思うんだ） （覚えておこうと思ったんだけど、ああ、うっかり忘れちゃった） （うーむ…今日僕が悩んでいることは何だい？） （これは、私が 感じること・見ること・聴くこと・愛すること・嫌う
こいつは便利！FacebookやTwitterの最新のレイアウト用のPSD素材がすぐに利用できるPhotoshopの機能拡張 -Social Kit
Facebook, Twitter, Google+など、主要なソーシャルサービスの各ページ用のPSD素材が1クリックで利用できるPhotoshop用の機能拡張を紹介します。 アップデート機能も備えているので、常に最新のものが利用できるのは便利ですね。 機能拡張もPSD素材も無料で利用できます。 Social Kit Social Kitのインストール・使い方 各ソーシャルサービスのテンプレート Social Kitのインストール・使い方 Photoshop CS6 for OS Xの日本語環境に入れてみましたが、問題無く使用できているので、簡単にインストール方法を紹介します。 まずは、Social Kitのインストーラーをダウンロードします。 ページの中央「Download from source」ボタンをクリックします。 Social Kit ダウンロードする際は、Twitter, F
Webデザインの参考にしたい遊び心あふれる「ページトップ」ボタン9個 / SQUEEZE - Web Design Studio -
Webサイトを閲覧中に、ページ上部に戻るための「ページトップ(スクロールトップ)」ボタン。ページの機能としての重要性は低く、あまり目立たない(目立たせない)ものです。そんな中でも、おっと思わせる遊び心のあふれる「ページトップ」ボタンをご紹介します。 ページトップ(スクロールトップ) ボタン女子旅つくるプロジェクト｜JTB × KOBE COLLECTION / TOKYO RUNWAY http://jtpj.jp/ 旅のサイトということで、滑走路と雲が現れ、飛行機が離陸します。 台東区でウェブ制作なら 株式会社LIG [リグ] http://liginc.co.jp/ 凄い勢いで飛び出るアニメーションは、広告バナー付き。 ブランディング、デザイン｜アートディレクションカンパニーDONGURI http://www.don-guri.com/ 一見、普通のボタンですがクリックすると、どんぐ
サイトマップのページは必須か？ | Accessible & Usable
公開日 : 2013年3月2日 (2016年10月22日 更新) カテゴリー : ユーザビリティ サイトマップとは、Web サイトを構成する各セクション/各ページへのリンクを一覧表示したページです。数多くのサイトが備えていますが、以下に図示するように、各コンテンツの位置関係 (階層構造) が整然と並んでいるのが一般的です。 サイトマップの例 (アップルの Web サイト) ユーザビリティのガイドラインとして、このようなサイトマップのページを設けることは必須である、という話を聞いたことがある人も多いと思いますが、ここ最近、私自身の中で「果たしてサイトマップは本当に必須なのか？」「サイトマップがないとユーザビリティが本当に阻害されるのか？」と自問自答する機会が度々あったので、考えをまとめてみようと思います。 サイトマップの必要性 サイトマップの効用としては、以下のようなことが、よく言われていま
苦手を克服！効果的なフォームが簡単に作れてしまうツールやテンプレートまとめ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは。デザイナーのハルエです。 最近涼しくなってきましたね。私は自分があまり風邪をひかないせいか、「健康」に対して軽視しているところがあります。いつまでたっても自分は風の子元気な子だと信じきっています。そのせいかは分かりませんが、今は鼻水が止まらずのど飴を過剰に摂取しながら書かせていただいています。 ほんと健康って大事。 さてWEBデザイナーのみなさん、フォームのデザインって悩みませんか？ 登録フォームやお問い合わせフォームなど用途は様々ですが、最近はブラウザ標準のフォームを使用せず、CSS3やらプラグインやらを使っておしゃれに工夫されたフォームのまぁ多いこと。きれいで使い勝手のいいフォームデザインがしたい。でもコーディングに時間が・・ってことありますよね。私はちょっと苦手意識があったりします。 でも、サイトの窓口ともなるフォームは、WEBサイトを運営するにおいてとても重要な役割を持
【楽天市場】ホワイトデー特集｜喜ばれるホワイトデーのお返し・プレゼントが見つかる！自分へのご褒美も
楽天市場 ホワイトデー特集は終了いたしました。 たくさんのご利用ありがとうございました。 次回は2025年2月頃リリース予定です。お楽しみに！
iOS 7 colors
包茎手術を受ける際には、どこのクリニックで手術をするかということも大事ですが、まず受けるか受けないかということも考える事から始める事になるでしょう。 最終的には包茎手術をしてよかったという口コミが多数ですし、そういった結論になる方が多い傾向がありますが、ネットの口コミは非常に参考になります。 腕の悪いクリニックや保険適用で泌尿器科で包茎手術をした方の満足度は、低い傾向がありますので要注意です。 まずは料金の事だけではなく、幅広いポイントをチェックするべくネットの口コミを見てみると良いでしょう。 色々と見えてきます。 包茎手術は痛い？痛くない？口コミをチェック 包茎手術はペニスの手術になりますので、想像するだけでも悶えてしまうという男性は多いのではないでしょうか。 ちょっとぶつかったり打ったりしただけでも相当痛いのに、その部分に麻酔をして手術をするなんて考えられないと思っていてもコンプレック
PCよりも重視すべきモバイルサイト最適化--ユーザーローカルの分析と工夫
PC向けよりもスマートフォン・タブレット向けのウェブサイトを先行開発する「モバイルファースト」方針を掲げる企業が増えてはいるが、ほとんどの企業ではPCでの閲覧を前提としたウェブサイトを以前から長らく運営しており、PC向けサイトで提供していた情報を再編集する形でモバイルサイトを設計していくことになる。CNET Japan Live 2013では、ウェブ解析ツールの開発・提供を行っているユーザーローカルのコーポレートセールスディレクター・渡邊和行氏が、モバイルサイトの分析事例を紹介しながらスマートフォンユーザーへの効果的な情報提供の手法を説明した。 最近のスマートフォンは高性能なプロセッサや高解像度のディスプレイを搭載しており、PC向けのウェブサイトを表示する能力は備えている。しかし、画面サイズは4〜5インチ程度と物理的に限られているため、PCと同じ情報をそのまま表示しても十分なユーザビリティ
無料イラスト・PowerPointテンプレート配布サイト【素材工場】
This website uses cookies to improve your experience while you navigate through the website. Out of these, the cookies that are categorized as necessary are stored on your browser as they are essential for the working of basic functionalities of the website. We also use third-party cookies that help us analyze and understand how you use this website. These cookies will be stored in your browser on
P-ralay
Amoeba Animation02-PowerPointワイドテンプレート パワーポイントの無料テンプレートです。グラフィックを背景にしたデザインです。使いやすい抽象的なモチーフにしました。ベースは白にして鮮やかな色を加えました。size-16:9format-.pptx F... Amoeba Animation01-PowerPointワイドテンプレート パワーポイントの無料テンプレートです。グラフィックを背景にしたデザインです。使いやすい抽象的なモチーフにしました。ベースはダークカラーにして、鮮やかな色味を加えました。size-16:9format-...
【高品質】海外のパワーポイント無料デザインテンプレート｜IT情報局
いまや、パワーポイントで取引先へプレゼンテーションをすることはもちろん、社内の人間へプレゼンをすることも多くなっています。もちろん海外に向けてのプレゼンをする人も多いでしょう。 パワーポイント自体にもデザインテンプレートはありますが、あまりデザイン性に優れていなかったり自分の好みに合わない場合もあります。 案件に合ったデザインに近いデザインテンプレートがあれば自分で一から作る必要がなく、手間とコストがかなり節約できます。以下のデザイン性に優れたPPTテンプレートからお気に入りのものを探してください。 関連サイト： 【2019年版】パワーポイント素材が無料ダウンロードできるサイトまとめ【アイコン・イラスト】 海外のPPTデザインテンプレート presentation magazine 【海外サイト】 45,000以上のテンプレートがある海外のサイトです。詳細から特に会員登録やSNS投稿など必
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://motoshige.net/blog/archives/5427
http://nh-lab.com/footer_design_web_20/
