タグ「Webデザインクリップ」

タグ Webデザインクリップ

新着順人気順 5 users 10 users 50 users 100 users 500 users 1000 users

(1 - 25 / 52件)

いままでまとめたHTML5の勉強をしたさいに作成したまとめ　～HTML5の新要素の説明からマークアップの基本まで～ | Webデザインクリップ｜Web制作に便利な情報を集めたまとめサイト

2011/12/14 1655 users 勉強新要素マークアップ HTML5 説明

今回は僕がHTML5を勉強するにあたりもう一つのブログ「HTML5でサイトをつくろう」でまとめたページをまとめました。初めて作るならここからやるといいかなとおもったHTML5の新要素、コンテンツモデルやアウトラインについて、xhtmlとHTML5で同じフォーマットをマークアップして違いを比べたりしました。現在WEB制作で仕事をしながら勉強している人やゼロからやってみようと思う人に仕様書を全部読む... 続きを読む

僕がRSSに登録して情報収集や勉強の際に日々見ているWEB系ブログあつめました | Webデザインクリップ｜Web制作に便利な情報を集めたまとめサイト

2012/05/21 1472 users Web制作 RSS 勉強日々情報収集

4月から学校にも新しい生徒がたくさん入って来ているので、そういった人たちに向けて僕がWEBの勉強や情報収集するためにRSSなどに登録しているサイトをまとめました。仕事でもすぐには使わないなーと思っていてもあとでそれに関連した仕事が入ったときにあの時見たなーと思うけど忘れちゃうこと多いですよね？旬なキーワードやこれから勉強しないといけなそうなキーワードなどの記事があったらブックマークやevern... 続きを読む

WEBデザインを制作する際の参考にしているWEBデザインまとめサイトをまとめました【2012年版】 | Webデザインクリップ｜Web制作に便利な情報を集めたまとめサイト

2012/05/10 1018 users Web制作参考まとめサイト 2012年版見出し

以前、「HTML5でサイトをつくろう」のブログでwebデザインをする上で普段、参考にしているまとめサイトをご紹介させていただいたのですが、見れなくなってしまったサイトなどもありましたので、今回2012年度版として優良なwebサイトを紹介しているWebデザインまとめサイト(国内・海外サイト)や見出しやナビゲーション・ボタン・バナー・制作に役立つサイトを追加分も含めてまとめました。国内編 strai... 続きを読む

とにかく最新のHTML5やJSを使用したサイトをたくさん見たい時に便利！国内外のWEBデザインサイトのタグリストをまとめました | Webデザインクリップ｜Web制作に便利な情報を集めたまとめサ

2012/06/20 1009 users まとめサ Web制作国内外デザタグリスト

リリースされる最新のHTML5やJavascriptを使用したサイトは常にチェックしたいですが、案件に必要な参考サイトを探している時に項目別に一気に見れたり比較ができればより便利です。そんな時に、いつもチェックしているHTML5やCSS3、Javascriptといった国内外WEBデザインサイトのタグリスト別のデータサーチを紹介します。先日ご紹介したWEBデザインを制作する際の参考にしているデザ... 続きを読む

デザイン始めたばかりの人にオススメ！学校で紹介して評判の良かったデザインの本と雑誌あつめました | Webデザインクリップ｜Web制作に便利な情報を集めたまとめサイト

2011/11/14 976 users 評判雑誌 Web制作学校おすすめ

デザインって本を買って学べるものなの？そう思われる方も多いとおもいます。昔からDTPやグラフィックデザインなどは美術・デザイン系の学校で基礎をしっかり学んでデザイナーになった方も多いとおもいますが、ここ数年WEBデザイナーの需要が多く高まって色々な方面の仕事をしていた人がWEBデザイナーになっているとおもいます。僕の学校でもそうなのですが、そういう方の悩みの一つにデザインの基本も学びたいけどどう... 続きを読む

MdN Design Interactiveにて連載した「ゼロからはじめるHTML5でのサイト制作」全12回まとめ | Webデザインクリップ｜Web制作に便利な情報を集めたまとめサイト

2012/05/30 963 users MdN Design Interactive Web制作

以前MdN Design Interactiveに連載させていただいた『HTML5でサイトをつくろう！ゼロからはじめるHTML5でのサイト制作』が12回で完結しました。この連載ではHTML5でのマークアップが初めての方向けにHTML5で変更になった点や新要素の使い方、使い方がわかりにくいといわれていたsection要素やarticle要素の使い方、ブロックレベルやインラインの変わりとなるカテゴリ... 続きを読む

Webデザインのアウトプットに役立つインスピレーションを得られるサイトを集めました | Webデザインクリップ｜Web制作に便利な情報を集めたまとめサイト

2012/05/23 817 users インスピレーションアウトプット未経験ヒント基礎

普段から様々な良質なデザインを見ることでWebデザインのアウトプットに繋がります。学校でもデザインを基礎から学んだわけではないし、美術系の学校に行っていたわけでもない人でもいい物をたくさん見てそこからヒントを得て作っていく人などは未経験からでもかなり伸びていきます。そして自分の好きなデザインだけでなく、幅広いジャンルのものを見ることも大切です。先日ご紹介したWEBデザインを制作する際の参考にし... 続きを読む

良いデザインを見て学ぶ！毎月チェックしたいWeb/アート/広告/デザイン雑誌まとめました【2014年版20誌】 | Webデザインクリップ

2014/04/14 777 users アート web デザイン雑誌広告良いデザイン

Webサイトやブログで膨大な情報が無料で手に入るので、なかなか本や雑誌を買わない人もいると思いますが、ネットではどうしても自分の好みの情報を取得してしまいがちなので、僕はいつも書店に行って雑誌をチェックして少しでも気になるものがあったら買うようにしています。 4月となり、デザイン関連の仕事で働き始める人や、学校でデザインを始める人達に、いつも自分がチェックしているクリエイティブ系の情報、デザインの... 続きを読む

いままで集めたFacebook関連のまとめ～Facebookページ作成方法から企業のFBページのまとめ～ | Webデザインクリップ｜Web制作に便利な情報を集めたまとめサイト

2011/12/05 757 users Facebook関連 Fbページ Facebook 企業環境

いままで集めたFacebook関連のまとめ～Facebookページ作成方法から企業のFBページのまとめ～企業から個人まで爆発的に増えたFacebookページですがただウォールだけ作るのもよいですが、他のと差別化として「TOPをオリジナルのデザインにしたい」「SSLが使えない環境でもFacebookページを作りたい」「ブログなどにFacebookのいいねをつけたい」と思っている人は多いとおもいま... 続きを読む

いままでまとめたWEBサイトやFacebookサイトまどのデザインや資料作成の参考になるまとめ15まとめ | Webデザインクリップ｜Web制作に便利な情報を集めたまとめサイト

2011/11/07 725 users エントリー資料作り HTML5 Web制作資料作成

『HTML5でサイトをつくろう』のブログ初めてからデザインの参考サイトを探したり、Facebookページ作りの参考にページを探したりしたエントリーを書きましたがこれからデザインや資料作りの参考になるサイトなどはこちらのブログの方にまとめていきますのでいままでまとめたエントリーをまとめました。自分的にもこのページがいままでのまとめの一覧になるので探しやすいかなと思っていて前のブログでまとめていたの... 続きを読む

良いデザインを見て学び、情報収集に役立つ！毎月チェックしたいWeb/アート/広告/デザイン雑誌まとめました。 | Webデザインクリップ｜Web制作に便利な情報を集めたまとめサイト

2012/11/07 715 users アート毎月 web Web制作書店

いまWebサイトで膨大な情報が無料で手に入るので、なかなか本や雑誌を買わない人もいると思いますが、ネットではどうしても自分の好みの情報を取得してしまいがちなので、僕はいつも書店に行って雑誌をチェックして少しでも気になるものがあったら買うようにしています。そこで今回はクリエイティブ系の情報やデザインの参考、広告事例などが見ることができる「Web」「デザイン」「広告」「アート」などの雑誌をまとめてみ... 続きを読む

サイトやアプリのデザインのアイデアに使えるUXを生み出すリッチなUIデザインの参考をまとめました | Webデザインクリップ｜Web制作に便利な情報を集めたまとめサイト

2012/07/25 711 users User Interface 復旧 UIデザイン課題アプリ

スマートフォンの復旧により、手でタッチできるという操作性とそのコンパクトさから、一目見ただけで操作方法がわかり使いやすさが伝わるようなUX（User Experience）は今後重要なものになっていきます。もちろん速さや機能性など技術的な部分でもUXを満たす課題はたくさんありますが、ユーザーの目にする部分で重要となるのがUI（User Interface）のデザインです。 Webデザインにもここ... 続きを読む

名刺作成の参考になるクリエイティブでかっこいい名刺が載っているサイト集めました | Webデザインクリップ｜Web制作に便利な情報を集めたまとめサイト

2012/05/08 597 users クリエイティブかっこいい名刺名刺作成 Web制作参考

最近会社に所属している人も活動用の個人の名刺をいただくことが多くなりました。ネットでデータを送ると名刺が送られてくるようなサイトも多くなってきましたし、紙も結構選べるので手軽に作るのに便利ですよね。細かい知識がなくてもベースのイラレデータにレイアウトすれば、お店の方で作ってくれるので楽々でした。僕も会社用の名刺の他に3つのブログのURLをまとめた名刺を作ろうと思って名刺の参考にかっこいい名刺... 続きを読む

Flashを使わなくてもここまでできる！HTML5で制作された国内外サイトをまとめました | Webデザインクリップ｜Web制作に便利な情報を集めたまとめサイト

2012/01/10 573 users Flash Web制作 http 前回 HTML5

以前「HTML5でサイトを作ろう」のブログの方で“HTML5で制作された国内企業のサイト”をご紹介いたしましたが、最近WEB業界でも大変注目されているということもありここ数ヶ月の間だけでもHTML5化されたサイトが増えております。そこで今回また新たに見つけた印象的なデザインと動きのあるHTML5のサイトを追加でご紹介していきたいと思います。前回紹介した記事はこちら http://www.htm... 続きを読む

PCサイトとスマートフォンサイトをどのように扱うか？国内のレスポンシブウェブサイトをまとめました | Webデザインクリップ｜Web制作に便利な情報を集めたまとめサイト

2012/04/12 502 users Web制作 SEO 共通 Webフォント選択肢

海外の企業サイトではレスポンシブルウェブサイトもだんだんと浸透しております。 Responsive Web Design を利用している企業サイトリスト毎日更新したり、記事コンテンツの多いサイトでは、全デバイスのソース管理や更新が1ソースでできるレスポンシブウェブサイトの導入は一つの選択肢として魅力的です。また共通のURLを使用することでSEOに強い面もあります。 Webフォントを使用すれば、... 続きを読む

flashを使わないでギャラリーサイトや写真ブログを制作する際のデザインが参考になりそうなサイト集めました | Webデザインクリップ｜Web制作に便利な情報を集めたまとめサイト

2012/01/23 460 users グリッド Flash JavaScript Web制作参考

今回は写真をメインにしたダイナミックなサイトや、グリットをうまく使った見やすく整理されたサイトをファッション関係・フォトグラファー・デザイン制作会社を中心に30サイト集めました。クオリティー高い写真を使用しているので見た目のデザインがかっこいいことは言うまでもないのですが、それだけでなく、HTML5やJavascriptを駆使したFlashのようなユニークな画面遷移の動きのサイトも多く見ている人... 続きを読む

可変グリッドレイアウト（リキッドレイアウト）のサイトやWordPressのテーマなど集めました | 52ページ | Webデザインクリップ｜Web制作に便利な情報を集めたまとめサイト

2011/11/09 457 users リキッドレイアウトブラウザウィンドウ見栄 Flash 表現

ブラウザウインドウにあわせてコンテンツが可変する可変グリッドレイアウト（リキッドレイアウトやフレキシブルレイアウト、海外ではFluid Grid Layout）と呼ぶそうです。以前はFlashで作成するサイトが得意とする表現でしたがJavascriptでできるようになったことから数年前にいろいろなサイトに使われていましたよね。ウインドウ全体に広がるのはインパクトあるので写真中心系のサイトは見栄... 続きを読む

CSS3で注目のWebフォントについて今から勉強するためのサイトあつめました | Webデザインクリップ｜Web制作に便利な情報を集めたまとめサイト

2011/11/16 446 users Webフォント CSS3 Web制作注目まとめサイト

CSS3のWebフォント機能を使うと、サーバー上にあるフォントファイルを使用するので、ユーザーのPCにインストールされていないフォントを表示できるようになり、ユーザーのフォント閲覧環境に依存しません。適用方法も簡単で、使用したいフォントファイルをサーバーにアップロードし、CSS3の@font-faceでフォントファイルを指定し読み込ませるだけで利用できます。これによりフォントによる自由な表現が可能... 続きを読む

グラフィック作成の参考になる化粧品業界のデザインがキレイなWebサイト集めました | Webデザインクリップ｜Web制作に便利な情報を集めたまとめサイト

2011/12/21 436 users Web制作化粧品業界参考 Flash デザイン

国内外の化粧品業界のサイトを厳選して集めてみました。女性をターゲットにしているだけあって各社ともモデルの写真を大胆に使った洗練されたデザインが多く、デザインの参考にもなります。また今回調べた17サイトの中でフラッシュサイト・HTMLサイト・モバイル対応しているサイト・SNSボタンがついているサイトがどのくらいあったか下記にまとめてみました。 Flashのサイト：5サイト HTMLのサイト：12サイ... 続きを読む

日本を旅したくなる！一眼カメラで撮られたムービーいろいろ | Webデザインクリップ

2014/03/03 430 users 一眼カメラ YouTube Vimeo GoPro 日本

YoutubeやVimeoなどで簡単にだれでも動画をアップできるようになったのと、一眼レフカメラでハイクオリティな動画が撮れるようになって来たことで、プロ・アマ問わずさまざまな旅のムービーがアップされてきています。日本を旅した外国の人の動画では、日頃住んでいる我々とは違う視点で表現されており、とても魅力的に見えます。旅といえば写真でしたが、これから一眼レフやGoProなどで映像作りにチャレンジ... 続きを読む

クリエイティブ脳が刺激される！見ているだけで心が弾んでしまうデザイン生活雑貨をまとめました | Webデザインクリップ

2012/12/28 416 users クリエイティブ脳コップスパイス椅子ヒント

繰り返す毎日の中で、人はどれくらいの”物”を使用しているのでしょうか？何気なく使っているコップや椅子。普段は余り意識しないものたちにも、ほんの少しのスパイスを足すことで生活をクリエイティブにする為のヒントがたくさん詰まっているように感じます。今回はそんな雑貨達の中から、眺めているだけでもクリエイティブ脳を刺激してくれそうなユニークなデザイン雑貨を大きなものから小さなものまで国内/国外問わずまとめ... 続きを読む

国内のFlashライクなJSのアニメーションを使用したサイトをまとめました | Webデザインクリップ｜Web制作に便利な情報を集めたまとめサイト

2012/04/23 404 users Flash スクリプトスマートフォ実例アニメーション

最近はjsのスクリプトやCSS3のアニメーションを使用してFlashに近い動きを実現しているサイトを最近よく見かけます。サイトを企画・提案・設計する上で、案件によってFlashとjsどちらを実装するのかは変わりますが、まずはjsでどの程度の動きが可能なのか実例を知っておくことが重要です。そこで今回は、国内のFlashライクなJSのアニメーションを使用したサイトをまとめてみました。スマートフォ... 続きを読む

僕がWEB製作の仕事やブログの記事をまとめる際に情報収集している方法をまとめました | Webデザインクリップ｜Web制作に便利な情報を集めたまとめサイト

2011/11/28 374 users WEB製作 Web制作情報収集 Flash 仕事

僕の仕事はWEB製作の企画制作、WEBスクールでの講師、セミナーや記事執筆などしておりますが、WEBの世界は技術の変化が激しいので常に勉強ということで、今なにが行われているか追っていかないとすぐに仕事にならなくなってしまいます。ここ数年あれほどリッチコンテンツの主流だったFlashでのサイト制作の機会もめっぽう減り、HTML5の時代になっていこうとしています。あれほど日本では流行るのは難しいといわ... 続きを読む

PCデザインの新しいカタチ「タッチジェスチャー」を意識したUIデザインのまとめ | Webデザインクリップ｜Web制作に便利な情報を集めたまとめサイト

2012/10/01 371 users タッチジェスチャースティーブン・シノフスキー氏欠陥品

windows8のUIがタッチジェスチャーを意識したデザインなのは皆さんご周知の通りかと思いますが、ここ最近、UIに合わせるようにPC/ノートPCでもタッチジェスチャーが可能になるモデルが次々と発表されています。 Windows開発部門トップのスティーブン・シノフスキー氏も「2年後、タッチできないPCは欠陥品に思われる」とコメントしており、今後のPCデザインもその部分を踏まえてUI設計する必要があ... 続きを読む

(1 - 25 / 52件)

次の25件 »