圧巻！個性が爆発している超絶技巧サイト6選 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
どうもです！ ダンサー兼フロントエンドエンジニアのシスコです！ 最近、すっかり暑くなってきましたね！ 暑くて体がだるくなってきそうです。。。 今はそんなにですけど、よく「チョコモナカジャンボ」を2、3個ほおばりながら帰ってたころが懐かしいですね……。 そんなこんなで、今回はアニメーションの参考でWebサイトを漁ってるときに見つけた、個人的にオモシロい・イケてるなって感じたサイトを挙げてみます！！ ドラマの世界観をゲームで体感！「守り人クエスト」 守り人クエスト-精霊の守り人 NHK ONLINE 綾瀬はるかさん主演のNHK大河ファンタジー「精霊の守り人」の世界をゲームで体感できるサイトになってます！ 人生ゲームのように数字の書かれたルーレットを回して、ひたすら異形の者からマップを駆け回って逃げるというゲームです。先に進めば進むほど、異形の者の進むマスが増えるのと、分岐部分で分裂してくるので
ブログ消すんじゃねえ、休止でいつでも戻ってこいコノヤロー！ - 羆の人生記
ブログを更新し続けて３か月とか経過しちゃったユーは凄いよ、少数派。ほとんどの人は止めちゃうんだから。これまじ。ほら、最近見ないあの人、サイト遊びに行ってごらん？乾いたテンプレで「このサイトは存在しません」とか言われちゃうよ。不意打ち食らってビックリするなんて、良くあること。 まぁ、それにしてもだ。別にブログに飽きたか事情があって更新できないにしろ、削除するこた、ねえじゃん。休止で良いじゃんよ。なんで消したし・・・。 はてなブログでブログ止めちゃった知り合い見つけるパターン ブログは削除すんなよ、休止でいいじゃん ブログと人生の下り坂は相性抜群 はてなブログでブログ止めちゃった知り合い見つけるパターン サイトにちょいちょい遊びに来るユーザー発見 「お、また遊びに来てくれたんだ、嬉しー」 はてなスター付けていく 過去記事修正で、数か月後にスターを見てみる すると・・・ かつてはファビコンが表示
デザイナーも知っておきたい数字との付き合い方
数字と向き合う ビジネスに貢献するデザイナーとして、ある程度のデータ分析能力は必要です。「デザインが重要」と言われるようになったのは良いことですが、それを証明しなければ装飾するだけの仕事に逆戻りしてしまいます。「データ分析」と書いてしまうと、深い数学の知識が必要そうに聞こえますが、そんなことはありません。 まず、数値が存在しないところにデザインを評価するところが幾つかあります。Web サイトやアプリを使う体験は主観的かつ感情的なものですから、ユーザーからの生の声が聞ける窓口を築いたり、ユーザーインタビューやヒューリスティック評価をするといった定性分析が必要になります。 ただ、こうした定性分析にしても「これはどうですか？」といった質問から始めても、次に繋がる改善点が見つからないどころか、開発に混乱を招くことがあります。そこで、定量調査が大きな役割を果たします。ユーザーの動機や感情を数字から読
Big Sky :: ダウンロードの進捗プログレスバー実装は可能か
要求仕様から工数を出す側から言うと「ブラウザのダウンロード画面に進捗出てるから要らないでしょ」と言いたい所でしたが「出来ないのか」と言われると「出来るもん」と言わざると得ないエンジニア魂。 JavaScript - ブラウザから、ファイルをダウンロードしている途中で、プログレスバーを実装したい。完了したら、プログレスバーを閉じたい。(81363)｜teratail 前提・実現したいこと javaScript/HTML/CSSを利用しております。 目的は、ブラウザから、ファイルをダウンロードしている途中で、プログレスバーを実装したい。完了したら、プログレスバーを閉... https://teratail.com/questions/81363 通常、ブラウザからファイルをダウンロードする際は javascript からは制御できません。サーバからバイト列を JSON で Range っぽく返
2017年要注目！モバイルに必要なスクリーン画面のサンプル実例15個まとめ
スマートフォンの登場によって、私たちの生活に欠かせないアイテムのひとつとなっています。さまざまなアプリケーションによって、よりライフスタイルを楽に、そして快適にしてくれます。 デザイナーの仕事は、ユーザーのニーズを満たすUIデザインを作成し、快適で満足のいくユーザー体験を作り出すことです。効果的なUIデザインを構築するためには、モバイルアプリケーションの特徴をきちんと理解し、構成している要素や機能を学ぶ必要があります。 現在、モバイル業界は急速に発展しており、アプリ業界もしかり。この記事では、もっとも一般的なモバイルスクリーンのサンプル例15個を、必要なデザイン要素と一緒にまとめて紹介します。 2017年に人気となる、知っておきたいUIデザインのトレンド8個まとめ モバイルの使いやすさを劇的向上！参考にしたい7つのポイントまとめ ニュース系アプリから見る、参考にしたいUIデザインアイデア1
なぜ優れたユーザー体験においてデフォルトが重要なのか
Nickはロシアのセントピーターズバーグ出身のソフトウェアデベロッパー/ブロガーです。彼による他の記事はこちらをご参照ください。 デフォルトとは、初めから導入されている初期値や初期設定のことです。一見大したことないように思えますが、デフォルトはユーザーの決断を左右大きな力を持っています。 この記事では、アプリでより優れたユーザー体験を生み出すために、あらかじめ用意された入力フィールドやデフォルト設定をどのように利用するべきか述べていきます。 入力フィールドのデフォルト値 フォーム入力が長いことが原因で、ユーザーはフォーム入力がより簡単なサイトへ移ってしまうことがあります。適切なデフォルト値を提供することで、ユーザーがすべての選択肢を選ぶ手間を省くことができます。 大半のユーザーが必要なものにする もし事前に決めることが可能な場合は、あらかじめ値をフィールドに入れておくことをおすすめします。
ビジュアルデザインに必要な10の基本原則まとめ
ビジュアルデザインを学ぶうえでもっとも基本的なルール、原則10個を、現役ビジュアルデザイナーの José Torre が詳しく紹介しているので今回はご紹介します。 ずっと使える、デザインの基本まとめました。【2020年改訂版】 ビジュアルデザインに必要な10の基本原則まとめ #1 ポイント、ライン、シェイプ 点（英: Point）、線（英: Line）、形（英: Shape）は、どんなデザインにおいてもっとも基本的な構成要素です。シンプルなアイコンから複雑なイラストまで、これらの要素を組み合わせることでどんなデザインでも作成できます。 幾何学（英: Geometry）としては、ポイントはX座標とY座標の組み合わせで、Z軸を追加することで3Dになりますが、今回は２次元デザインについて詳しく知りましょう。 ふたつのポイントをつなげると線になり、無数の点でできた線を組み合わせることで、どんな形で
CSSの引き出しを増やしておこう！最近見かけたスタイルシートのアイデア・テクニックのまとめ
最近のWebサイトやスマホアプリで見かけるテクニックをはじめ、Web制作者としてよい刺激になるスタイルシートを巧みに使ったさまざまなアイデアを紹介します。 イラスト: Girls Design Materials CSSのみで実装されているのものもたくさんありますが、JavaScriptやSVGなどを必要に応じて使用されているものもあります。
Webサイトのヘッダー/フッター用アイデア満載！コピペできるHTML/CSSスニペット48個まとめ
ウェブサイトを訪れたとき、まずユーザーが目にする「ヘッダー」部分は、魅力的なデザインコンセプトを取り入れることで、オリジナル性の高い表現が可能になります。 今回は、魅力的なヘッダー/フッターデザインを実装できる、コピペ可能なHTML/CSSスニペット48個をまとめてご紹介します。ブログ記事向けレイアウトやランディングページ向けなど、5つのカテゴリに分けています。用途に応じて最先端のWebデザインテクニックを活用し、デザインの参考にしてみてはいかがでしょう。 2017年大本命！HTML/CSSで表現できる、参考にしたいカード型レイアウト60個まとめ コピペで利用可！思わず押したくなるボタンエフェクト用HTMLスニペット40個まとめ 【2017年版】HTML/CSSで表現できる、すごいテキストエフェクト66選 コンテンツ目次 1. 記事向けヘッダーデザイン 2. 記事向けフルスクリーン・ヘッダ
ウェブデザイナーが配色に困らない、実践向き無料カラーツール14個まとめ
配色は、デザイナーが扱うツールキットの中でも強力なアイテムのひとつで、習得するのが難しいコンセプトでもあります。 可能な色の組み合わせは無数にありますが、ウェブサイトやアプリで使用する色を決めるときに悩んでしまうこともしばしば。 デザイン作業を簡単にする、配色カラーパレット作成に適した無料ツールをまとめてご紹介します。制作時間の短縮につながる実践的なツールの使い方を学びましょう。 【2021年版】もう配色デザインには迷わない！すごい無料カラーパレットツール83個まとめ コンテンツ目次 1. インスピレーションの見つけ方 2. 色彩配色の決め方 3. カラー・アクセシビリティ 01. インスピレーションの見つけ方 自然から デザインのアイデアやインスピレーションになるものは、すでに自分のまわりにたくさんあります。ぐるりと周囲を見回してみましょう。プリントデザイン、インテリア、ファッションなど
モノクロで洗練された美しいウェブサイト6選HOUR BLOG | HOUR BLOG
ホームページ制作において、去年からじわじわとモノクロの人気が高まってきています。そこで今回モノクロのホームページを集めました。シンプルでホームページを洗練されたものにしてくれます。 １.Live Area http://livearealabs.com ロンドンに拠点を置くクリエーティブエージェンシーLive Areaのホームページです。細字のタイポグラフィとがシンプルでお洒落なデザインです。サイトの入ると波のような揺れるデザインが印象的です。 2.Cat Gracia photography http://www.catgarciaphoto.com ロンドンに在住の写真家 Cat Graciaさんのポートフォリオです。サイト内部は人物を中心に集められた写真のポートフォリオになっており、カラー写真もあってとても素敵なサイトです。 3.QLAFUR ARNALDS http://olafu
サイトURLを独自ドメインに切り替えて、地獄をみた話。はてなブログのサイト運営歴が長い方は、独自ドメインにしないほうが無難です。 - クレジットカードの読みもの
当サイト『クレジットカードの読みもの』では、2017年6月2日にサイトドメインをはてなブログドメインから独自ドメイン（cardmics.com）に変更をしました。 独自ドメインに切り替えをした目的としては下記記事の通り。将来に対する投資と、更なるアクセスアップを狙ってのものとなります。 私が『クレジットカードの読みもの』のURLを、独自ドメインに移行させた3つの理由まとめ！2017年5月のアクセス数報告とともに。 独自ドメイン移行後のアクセス数がボロボロ： では、気になる独自ドメイン切り替え後のアクセス推移は下記の通り。 ちょっと長期になりすぎて見難いので、5月30日からのグラフのみを抜粋するとこんな感じになります。 まぁ、見事なまでにアクセス数は急降下。 6月21日付けのアクセス数についても3万3,688ページビューしかない状況なので、ざっくり、従来の1/3しかアクセスが稼げていない状況
ノンデザイナーのビジネス職におすすめ！デザインを勉強できる本6選｜Goodpatch Blog グッドパッチブログ
一方で、グラフィックデザイナーやファッションデザイナーなど、時にはアート的な表現を含む、ビジュアルデザインをメインとするデザイナーも、世の中には多く存在します。 デザインには、「設計」と「装飾」という得て非なる二面があるようです。もう少し、深く勉強してみたくなりませんか？ そこで、社内のUIデザイナー、UXデザイナーに「デザインを理解するためのおすすめ本、教えてください！」と聞いてみました。 ビジネス職でキャリアをスタートさせたばかりの人や、デザイナー以外の職種の人が、「デザインとは何か」を勉強したい時に役立つ本をご紹介します。 初心者でも読みやすいものをピックアップしてみたので、参考にしてみてください。 おすすめ本、教えます 1. ノンデザイナーズ・デザインブック ノンデザイナーズ・デザインブック インタビューを開始して、デザイナーとエンジニアの両方から薦められたのがこの本です。 「基本
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ユーザーインターフェイス解剖学（公開版）
The Blog | Welcome to Adobe Blog