いま、見ておきたいウェブサイト 記事一覧 | gihyo.jp第178回画期的な動画生成AIの「Sora」「Veo」の登場を導いた新技術と、これから私たちが向き合うべき生成AIの課題 Lançamento 2024-05-22 第177回Adobe Fireflyは、生成AIの問題点と普及の課題を克服できるか Lançamento 2023-12-05
Function Design Blog - Resources & Inspiration for Designers & Developers
Seamless Vector Subtle Grunge Patterns Mar 23rd, 2020 · by Liam McKay
web開発者のための さまざまな動きを表現できるチュートリアルまとめ「30 Fresh Articles and Tutorials for Web Designers」
web開発者のための さまざまな動きを表現できるチュートリアルまとめ「30 Fresh Articles and Tutorials for Web Designers」 webサイトを魅力的に見せるためには、デザインはもちろん、動きにも力を入れたいもの。シンプルなフラットデザインが主流となっているため、特に重要な要素となってきているのではないでしょうか？今回はそんな時に参考にしたい、さまざまな動きを表現できるチュートリアルまとめ「30 Fresh Articles and Tutorials for Web Designers」を紹介したいと思います。 Stylish CSS Buttons いろいろなパーツに動きや、エフェクトを加えられるチュートリアルが多数まとめられています。気になったものをピックアップしましたので、下記よりご覧ください。 詳しくは以下 Page Preloading
Appleがトップページで自動送りカルーセルをやめた理由
残念ながらページ全体のキャプチャをとっていなかったので下までお見せできませんが、ページのメイン要素となるカルーセルの下にはフッターしかありませんでした。ほんとですw そして、おぉ、さすがApple。 ここでも思い切った選択をしたな〜と思っていたわけです。 ところが！ 数日後にもう一度トップページを見てみたら、あの懐かしの4つのボックスが戻っているではないですか！？ 実は、このレイアウト（巨大ヒーローイメージと4つのフィーチャーボックス）が、何年も続いたAppleの鉄板レイアウトだったわけですが、先日のリニューアルでこのフィーチャーボックスがなくなっていて「ついに、あれもお亡くなりになられたか」と、密かに悲しんでおりました。 その後のこの華麗なカムバックです。 かなり興奮してしまいました。 しかも、スタイルも細かいスペースや背景の扱いがよりシンプルなものに更新されています。 iPadでみると
「iOS 7」で採用されるかもしれない「フラットデザイン」とは何か？
Windows8やWindowsPhoneでタイルが並ぶ特徴的なメトロデザインで採用された「フラットデザイン」は、非常に分かりやすく、「iOS 7でも採用されるのではないか？」と予想されているのですが、Designmodoでは現在トレンドになっている「フラットデザインとは何か」ということを6つの原則としてまとめており、ウェブデザインやプロジェクトのデザインなど、デザインを行う人や興味のある人にとって知っておくと非常に役立つ指針となっています。 Principles of Flat Design - Designmodo http://designmodo.com/flat-design-principles/ ◆01：余計なエフェクトがない フラットデザインの特徴として挙げられるのが、余計な装飾物がないこと。影や傾斜、エンボス、奥行きをつけたりせず、画像のフレームからボタン、ナビゲーション
デザイニング・ウェブナビゲーション
TOPICS Web , Design 発行年月日 2009年05月 PRINT LENGTH 388 ISBN 978-4-87311-410-1 原書 Designing Web Navigation FORMAT PDF ウェブサイトが提供する情報やサービスを、ユーザーが適切に探し出し、利用できるようにすることは、ウェブサイトを構築する上で非常に重要な目標です。本書は、使いやすいウェブサイトの構築において、根幹をなすテーマであるナビゲーションのデザインについて、理論から実践まで、豊富な実例と共に解説した書籍です。 本書は、3部構成となっており、まず第1部ではウェブナビゲーションの概要と、ナビゲーションをデザインする上で考慮すべきポイントを学びます。続いて第2部では、評価、分析、アーキテクチャ、レイアウトなど、最適なナビゲーションを構築するためのフレームワークを解説します。さらに、第3
PC版トップページリニューアルの狙いと成果 - クックパッド開発者ブログ
メディア事業部の須藤です。 8/26より、PC版クックパッドのトップページをリニューアルしました。 公開から約3週間が経過しましたが、お試し頂けましたでしょうか？ この記事では、今回のリニューアルを通して解決したかった課題や、新しいチャレンジ、 また、それらを具現化する過程で考えた事を、実際の結果と合わせて書いてみたいと思います。 今回のリニューアルで伝えたかったこと 今回のリニューアルで強く意識したのは、「食にまつわる全般を扱うポータルサイト」として、 クックパッドを再認識して頂けるトップページにすることでした。 クックパッドでは２年程前より、従来のレシピサービスとは別の価値を提供する、新規事業・サービスの開発に注力してきました。 例えば、ECサービスである「産地直送便」や、近所のスーパーの特売品が分かる「特売情報」、クックパッド認定の料理教室を展開する「料理教室」などがあり、 それぞれ
閲覧者の印象に残る、赤を基調としたウェブサイトデザイン35パターン
パッと見ただけで閲覧者の印象に残りそうな、「赤」を基調として構成されているウェブサイトデザイン35パターンです。赤は印象的な分だけ上手に使わないとサイトの見た目がうるさくなってしまいがちですが、うまくまとめることで魅力的なウェブサイトデザインを作り出せます。 A Round up of Red-Colored Websites Design 1：Cafe Rouge 赤い鍋と背景がよくマッチ。 2：MetroStation 小ぎれいにまとまっているウェブサイトデザイン。 3：Intensity in Ten Cities ロケットが印象的です。 4：Grafik さまざまな濃さの赤が使われています。 5：Northern Classics 背景が暗めの赤。 6：New Hampshire Distributors, Inc. 渋めの赤によってどこか落ち着いた高級感のある雰囲気に。 7：Th
連載：独学で極める “Webデザイン”の技と心｜gihyo.jp … 技術評論社
運営元のロゴ Copyright © 2007-2024 All Rights Reserved by Gijutsu-Hyoron Co., Ltd. ページ内容の全部あるいは一部を無断で利用することを禁止します。個別にライセンスが設定されている記事等はそのライセンスに従います。
独学で極める “Webデザイン”の技と心：第10回 CSS Spritesでサイトを高速化｜gihyo.jp … 技術評論社
今日は、CSSを使ってサイトを高速化するテクニック「CSS Sprites（CSSスプライト）」についてのお話をさせていただきます。 サイトの高速化というと、プログラムの最適化を行ったり、サーバのチューニングを行ったりというイメージがあるかと思います。実はCSSを上手に使うことによっても、サイトの高速化を行うことができます。しかも、かなりの効果が期待できるのです。 CSS Spritesとは？ 通常、ウェブページを制作する場合、デザインファイル（psdやpngなどの画像）をスライスし、HTMLのimg要素として埋め込んだり、CSSの背景画像として指定していることと思います。 それらの画像を一つにまとめ、１度の読み込みでのリクエスト数を減らすテクニックのことを「CSS Sprites」と呼びます。 このテクニックは、以前からマウスオーバーメニューを実現する際にも使われていたものでもありま
デザインスキルを無料動画でマスター｜Schoo（スクー）デザイン学部
学部とは？ 各学部に関連するコンテンツを公式授業および公認団体放送が提供しています。 メールで最新情報をお知らせ 所属すると、学部の最新授業やカリキュラム進捗状況をお届けします。
水交デザインオフィス
Concept制作コンセプト あなたの問題解決のために。 あなたは、あなたのウェブサイトになにを求めていますか？ ウェブデザインにかぎらず、デザインとはあなたのかかえている問題、とくに、あなたとそのお客さまのコミュニケーションの問題を解決する方法だとわたしたちは考えています。 ですから、わたしたちはあなたがウェブサイトという道具を使って、どんな問題を解決したいのかということをなによりも大切にし、おたがいの理解を深めるために最大限の努力をします。 「あなたのお客さま」のためのサイトづくりを。 ウェブサイトは、お客さまにアクセスしてもらい目的の情報を引き出してもらうという性質をもっています。 ですから見た目のよさはもちろんですが、ウェブデザインには、お客さまにとっての「使いやすさ」が要求されます。どんなに華美なデザインをほどこしていても、お客さまが必要としている情報にたどりつけなければ、そのデ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Amazon.co.jp: デザイニング・ウェブナビゲーション ―最適なユーザーエクスペリエンスの設計: James Kalbach (著), 長谷川敦士 (監訳), 浅野紀予 (監訳), 児島修 (翻訳): 本
Redirecting to Animate.css
フラットUI
Cargo
MSN Japan - ニュース, 天気, メール (Outlook, Hotmail), Bing検索, Skype
KORG (Japan)
資生堂パーラー
Geospectrum | Employee Portal
