デザインの参考にしたい！404エラーページ（not found）33選 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
404（Not Found）と表示されるエラーページってあまり見ないですよね。 404ページとは、サーバに接続できたものの、要求に該当するページ情報がサーバが見つけられなかった場合に表示されるエラーページです。 エラーなので普段目にすることは無いのですが、ふとしたタイミングで見た時にカッコ良くデザインされた404ページだと、「ここまでこだわるのか！！」と、サイトの好感度が上がります。 そんな小技の効いた404ページをピックアップしてみました。 404ページデザイン 33選 1. BLIZZARD ENTERTAINMENT https://us.blizzard.com/en-us/error.html 2. Henrik Hedegaard https://henrikhedegaard.com/404/404.html 3. DIL BERT https://www.dilbert.c
Blog on Digital Media › Web メディア とるべき5つのデザイン戦略
Web メディアの姿が変わろうとしている。 ユーザー体験（UX）とビジネスの視点から とるべきデザイン戦略を具体的に提言する。 「2013年 “ビジネスとしてのメディア” 方程式をどう解くか」で、台頭するデジタルメディアの新潮流を整理しました。 中でも読者（ユーザー）に、いかなる体験を提供するかという、メディアが最も重視すべき領域に新たな流れが台頭していることが注目点です。 以下に再度整理をしておきます。 新しい Web メディア（本稿で後述） 電子書籍／電子雑誌 アプリ型メディア 従来であれば、これら3つは交わる要素は少なく、それぞれ独立した出版テーマでした。 書籍出版社は電子書籍を、雑誌出版を主とする出版社は Web、そして電子雑誌を……という具合で、それぞれはあたかも独自ドメインを形成し、そこに積み上げられるノウハウも異なっていました。 上記拙稿の視点は、これらが別々のも
Kotaku - The Gamer's Guide
This week, we’ve been assaulted with a barrage of 5G “news” and announcements, but without a real good reason for why things are happening now. Companies like Samsung, OnePlus, Xiaomi, and others have been out talking big about making 5G capable phones, while wireless carriers—most notably AT&T and Verizon—have been…
脱Flash！素人でも簡単にHTML5アニメが作成できるMacアプリ「Hype」を使ってみた。なにこれ超楽しい！
Web制作に携わっていると頭を悩ませる項目の一つが「Flash」への対応。 動きのあるコンテンツを作成するにはやはりまだまだFlashが便利なわけですが、iPhoneをはじめとするiOSでは再生できない（一部再生できるブラウザアプリはありますが）ので、困った困ったなのです。 そこで次代を担う（であろう）コンテンツがHTML5を使用したムービー。 先日も、「Form Follows Function」と言うHTML5で作られた、動きのあるコンテンツを紹介したWebページをご紹介したばかりですが、ここまで複雑なものは出来なくとも、私のような初心者でも超簡単にHTML5アニメが作れると噂のMacアプリ、HypeをDLして使ってみました。 タイムラインを使って簡単にHTML5アニメを作れる！ 起動。 Welcome to UNDERGROUND… 「Watch Getting Started Vi
スマホの中に自分だけの水族館が作れるサービスをサンシャイン水族館でやるってよ
超絶行きたい！ やってみたい！ 東京は池袋にあるサンシャイン水族館で、スマートフォンに水族館の情報を取り込み各種SNSと連携して楽しめるサービスが、2月7日より始まります。 来館者は、水族館に設置されているNFCタグまたはQRコード付きのスマートポスターを使い、専用アプリ｢Ikesu｣をダウンロード。Android版とiOS版があります。 あとは、水族館の水槽脇に設置されている魚名板に取り付けられたNFCタグやQRコードを使って、魚の情報をスマートフォンに取り込んでいきます。スタンプラリーみたい。 集めた魚の情報でオリジナルの魚類図鑑を作ったり、スマートフォンのなかに自分だけの水槽を作って魚を泳ぎ回らせたりできるそうです。この様子はFacebookで共有が可能です。 あーーーーーーー、いってみてーーーーーーーー!! スマホの中に水槽作りてーーーーーー!! サンシャイン水族館、久しく行ってな
日本人なら欲しくなる…自作したという「和風コンセントカバー」がすばらしすぎる : らばQ
日本人なら欲しくなる…自作したという「和風コンセントカバー」がすばらしすぎる 以前らばQでご紹介した「面白インテリア」の記事の中に、ドアのついたコンセントカバーというものがありました。 これに触発されたという読者の方が、なんと障子やふすまで和風コンセントカバーを作ってくれました。 そのすばらしい出来をごらんください。 まずこちらが「面白インテリア」の記事（18番）でご紹介した、ドア付きコンセント。 そして以下が、読者の方が作ったという障子型コンセントカバーだそうです。 1. まず両開きの障子タイプ。 2. 開けるとちゃんとコンセント差し込み口がでてきます。 3. 正面から見た感じ。 4. コンセントを使用していないときに、こうして隠せるのがいいですね。 5. 材料はホームセンターで購入したそうです。 6. 取っ手のところや障子部分の模様が、凝っていますね。 7. こちらは横へスライドドアの
商品化に期待、e-inkキーボード
液晶ディスプレイ付きのキーボードというアイディアは今までにもありましたが、e-inkを代わりに使うというのはいいかもしれません。 デザインしたのは、Maxim MezentsevとAleksander Suhih。Kindleなどに使われているe-inkを使っているのが特徴です。キーボードにPhotoshopやWordなど使っているアプリケーションのショートカットが表示されます。自分でカスタマイズしたレイアウトやフォントを表示することもできます。 このアイディアは前からあったものとは言え、使えるレベルになったのはe-inkのおかげです。e-inkのいい所は、なんと言っても電池消費量が少ないことです。LEDのものでは考えられなかった、ワイヤレスキーボードも作ることができます。 またe-inkにとってはキーボードが良い相手です。e-inkはリフレッシュ速度で批判されがちです。でもキーボードだっ
明石家さんまの言葉に学ぶ「自分を伸ばす仕事術」 | ライフハッカー・ジャパン
「ビジネスで成功するためには、成功者からそのノウハウを学べばよい」（「はじめに」より）というわけで、お笑いタレント、司会者、俳優、歌手と多方面で活躍する明石家さんまに学ぼうと提案するのが『なぜ、明石家さんまは「場を盛り上げる」のがうまいのか？』（内藤誼人著、大和書房）。 どうも職場で人気がいまひとつで困っている どうも初対面の人とうまく打ち解けることができない がんばっているのに彼女ができない 仕事のやり方がわからない というような悩みはみんな「さんまさんが解決してくれる」と、心理学者である著者はいいます。第3章「さんま流『自分を伸ばす仕事術』」から要点を引き出してみましょう。 ダメだったら3打数1安打でいいよと開き直るか、きょうは客が"重い"と人のせい。 （『ザ・テレビジョン』1990年7月13日号での発言。88ページより） 笑ってもらえなかったら、お客に責任転嫁してしまえという大胆な発
Digital products for the education sector — Float
We help the education sector transform their digital products. Recent articles Pathways: Labour Market Information in your college websiteT-levels and Labour Market InformationDesigning college websitesBuilding a multi-site system for university networksOur research process when working with colleges It was a pleasure to work with the team from Float. Their consultation process with a wide range o
山田 祐一郎について | KIJI フリーライター 山田 祐一郎
はじめまして。山田祐一郎と申します。 福岡県宗像市にある製麺工場の長男に生まれ、「麺」と縁の深い人生を歩んできました。 現在、日本で唯一(※本人調べ)のヌードル（麺）ライター（物書き）として活動し、 九州を中心に、各地の麺を食べ歩き、原稿を執筆。 2019年からは製麺所「山田製麺」の代表として麺づくりにも取り組んでいます。 モットーは“１日１麺”です。 これからも楽しく、美味しく、どこまでも深〜い麺の道を追求してまいります。 やまだゆういちろう●1978年福岡県大牟田市生まれ。西南学院大学商学部商学科卒。2003年、福岡市内の編集プロダクションに就職し、ライターとしてのキャリアをスタート。2012年8月【ＫＩＪＩ(キジ)】を設立し、同時に、ヌードルライターという肩書きで活動を開始。飲食関連の専門誌、情報誌、ウェブマガジン、各種MOOK、企業のホームページ及び販促・宣伝ツール(パンフレット)
第1回 「カメラアングル」を使い分けて写真に変化を与える
街で面白い写真を撮るにはただ何となくシャッターを切るのではなく、構図や撮り方にちょっとした工夫が欲しい。そんなスナップ撮影のコツを伝える連載の第1回はカメラアングルについて。 【スナップ】 「スナップ」とは何でしょうか。辞書には「スナップショットの略。手早く写真を撮ること。その写真」（岩波国語辞典）とあります。手早く撮るといっても、安易にシャッターを押すだけでは面白いスナップ写真は生まれません。何らかの工夫やこだわりを持って、自分自身が楽しみながら面白いスナップ写真を撮る。そのコツを探っていきましょう。 基本となる3つのカメラアングル 初めて訪れた撮影スポットでは、その土地全体が見渡せる高い場所をまず探すようにしている。たいした理由があるわけでなく、単に私が高所から撮るのが好きだからだ。都内の主要な展望台はすべて制覇したし、大人になった今でも飛行機では必ず窓側を選ぶ。中でもいちばん好きなの
ネガティブな批判は、質問をすることでポジティブに解決する | ライフハッカー・ジャパン
クリエイティブな仕事やパフォーマンスの後で、悲しいかな散々な意見や感想を聞くことがあります。そのような時、すぐに反論してしまう人も多いかもしれません。クリエイティブ系メディア「99U」では、ネガティブな意見や批評を本当に活かすには、反論ではなく問題を解決するような質問をするといいとあります。批判を聞くのはつらいものです。ただ単に相手の好みや気に入らないというような内容であれば、思わず反論したり、ムキになって反撃したりしてしまいます。しかし、そのような意見も自分の身になるように活かしたいのであれば、正しい質問をすることで問題を解決できます。 問題の解決につながるような質問をするには、考えられる解決案について説明し、それが相手にも受け入れられるかどうかを聞きましょう。例えば、最近やった仕事を承認してもらうには... 「その見た目が気に入らないのはわかりました。しかし、お客さんはこの方がいいと言
[HTML5 入門]実制作で迷わない為のマークアップ例：会話文
文書構造を意識したマークアップ例 今回から始める不定期連載です。HTMLのコーディングのやり方はリファレンスサイト等で例文を用いて行われることが多いですが、どうも抽象的だったり、実際の運用に即していない印象のものが多く見られるように感じています。 仕様に関する解説やコードの書き方も、遠まわしだったり、「だから結局どう書けばいいの？」という感は拭えません。また、ドキュメント自体が書かれた地域の文化を基準にしており、我々日本のweb制作現場の実際にそぐわない場合もありますよね。 こういったことについて、一つ一つ実際の事例や具体的な使われ方を挙げながらHTML、CSSのコーディングについて解説したいと思います。 また、この連載にはブログの記事と同じく私個人のHTML5のマークアップに対する考え方が強く織り交ぜられることと思います。もし見解の相違などありましたらご意見頂きたいと考えています。 シン
![[HTML5 入門]実制作で迷わない為のマークアップ例：会話文](https://cdn-ak-scissors.b.st-hatena.com/image/square/7ad9c1f78cd469d6befc307d0ea1a7cddb12ebc2/height=288;version=1;width=512/http%3A%2F%2Fwebcre8.jp%2Fwordpress%2Fwp-content%2Fuploads%2F2013%2F02%2Fhtml5-semantic-dialogue-01-150x150.png)
Macをより便利にするQuick Look無料プラグイン10選+α。Finderでスペースバーを叩くだけでファイルプレビューができるQuick Look機能を強化！[Mac] | MacWin Ver.1.0
Macをより便利にするQuick Look無料プラグイン10選+α。Finderでスペースバーを叩くだけでファイルプレビューができるQuick Look機能を強化！[Mac] プラグインのインストール方法。 Quick Lookプラグインファイル（.qlgenerator）は以下の場所にコピーするだけでインストールできます。 /Library/QuickLook /Users/ユーザー名/Library/QuickLook インストール後、以下のコマンドをターミナルで実行するとQuick Lookが最新の状態更新されます（情報元）。 qlmanage -r 1.タイトルバーに画像サイズや容量を表示する「qlImageSize」。 JPEGやTIFF、PSDなどの画像ファイルをプレビューした時、タイトルバーに画像サイズや容量を表示できます。 【ダウンロード先】Nyx0uf/qlImageSi
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Create a 3D Book Animation with CSS - Inspect Element
サービス終了のお知らせ
BLOGTIMES｜ブロガーリレーションサービス
小学生が世の中のすべてを貯金箱化するコンクール