ついつい見続けてしまう！シネマグラフを取り入れたWebデザイン24選
シネマグラフ（Cinemagraphs）という手法をご存知でしょうか。シネマグラフとは、画像の一部にだけ動きを取り入れたGIFアニメーションのことです。GIFアニメーションを使ったホームページは以前からありましたが、最近では少し変わった形で使われています。 今回は、シネマグラフを活用したオシャレなサイトと画像をまとめてご紹介します。 GIF画像を使用するため、作り方や技術自体の難易度は高くありませんし、やる気次第では、ソフトを使って自分で作ることも可能ですので、ぜひチェックしましょう。 動くシネマグラフを使ったサイト、画像まとめ 株式会社 電通クリエーティブＸ http://www.dentsu-crx.co.jp/ 株式会社電通クリエーティブＸのホームページでは、社員や文具が永遠と回るシネマグラフをデザインに取り入れています。 トップページをはじめ、企業紹介から社員紹介、リクルートページ
Web Componentsの現状 | POSTD
Alex Russell が Fronteers Conference 2011 で初めて発表したWeb Componentsは、長きにわたり開発者の注目を集めてきました。その概念はコミュニティに衝撃を与え、発表以来、講演や議論のテーマとして多く取り上げられています。 2013年 Google は、Web Componentsをベースとするフレームワーク、 Polymer をリリースしました。その目的は、新規APIの動作を簡易的にチェックし、コミュニティからフィードバックをもらい、さらなる資金や評価を得ることでした。 導入から4年が経った今、Web Componentsは十分に普及している はず です。ところが実際は、”あるバージョン”のWeb Componentsに対応したブラウザは Chrome しかないという現状です。Polyfillがあっても、大半のブラウザでサポートしない限り、W
しっかりと理解しておきたい！レスポンシブWebデザインを使いこなすための9つの基本原則
レスポンシブWebデザインは、デスクトップやスマホやタブレットなどさまざまなサイズのスクリーンの問題に対する素晴らしい解決方法です。 レスポンシブWebデザインをより深く理解するための基本原則を紹介します。 9 basic principles of responsive web design 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様に許可を得て翻訳しています。 レスポンシブWebデザインのツールもリリースされているので、ぜひ！ FROONT -Responsive Web Design Tool レスポンシブとアダプティブ Webデザイン フロー 相対的なユニット ブレイクポイント 最大限と最小限の値 オブジェクトのネスト モバイルファースト or デスクトップファースト Webフォントとシステムフォント ビットマップ画像とベクター レスポンシブとアダプ
Reverse Proxyがなぜ必要か、勝手に補遺 - たごもりすメモ
「全体のリソース効率を上げましょう」というためのものである。 Reverse Proxy がなぜ必要か - naoyaのはてなダイアリー これは完璧に正しくて、ただ「リソース効率」という概念はあまり具体的な想像が追い付かない人がいそうだなと思ったので、ちょっとだけ補足しようと思った。 Reverse Proxyを入れることでリソース効率の向上を狙うんだけど、それは以下のような複数の場面におけるそれぞれのリソース効率向上を複合的に狙うものだ。 通常時のトラフィック配信におけるCPU・メモリ使用率を最適化する バースト時(過負荷時)のトラフィックをより細かく制御可能とする 障害時におけるダウンタイムおよび総合的な計算・配信能力の低下を極小化する 多数のサーバによる構成全体を増強・入れ替え・移動あるいは削減する際の自由度の向上を狙う 簡単にコンピュータの性能だけで言うと最初の項目だけをリソース効
Reverse Proxy がなぜ必要か - naoyaのはてなダイアリー
フロントエンジニアに知ってもらいたいリバースプロキシの重要性 | RickyNews この記事が目に入って読んでみた。なるほど、昨今は Reverse Proxy は便利な L7 ルーター的なものとして認識されているのだな、と思った。URL の Rewrite や、VirtualHost 云々。確かに Reverse Proxy の便利な側面ではある一方、それらは Nginx などの Reverse Proxy でなければ実装が不可能かと言えばそんなことはないものでもある。 自分は Reverse Proxy はもうすこしサーバー/インフラ的な側面でその役割を捉えている。今更何をというものでもあるが、昼休みがてら時間があるので簡単に書いてみよう。 Reverse Proxy はWebシステム全体のリソース最適化のためのパーツ Reverse Proxy のインフラ的な視点での役割は「Web
美大で紙媒体専攻してた人がWebデザインやることについて - MEMOGRAPHIX
ぼくは美術大学で4年間デザインを勉強してて、なかでも紙媒体のグラフィックデザインを専攻してた。所属研究室もプリントメディアを専門にやるところだったし、卒業制作も、なんか本みたいなの作ってた。だから、ぼくがWebデザインをやっていることについて、意外に思われたり、不思議がられたりすることがある。その研究室でわざわざWebデザインを志す人は殆どいないからだ。 しかし、紙で学んだことが無駄だと思ったことは一度もなくて、むしろWebデザインで非常に役立っている。ぼくが紙媒体を専攻してた理由は、紙は歴史のあるメディアだし、グラフィックデザインの基礎をちゃんと学ぶのに最適と思ったからだ。基礎というのは、タイポグラフィの扱い方とか、ジャンプ率とか、配色とか、そういうデザインの諸ルールのことで、そのルールはそのままWebデザインに通用する。今のWebデザインの流れを見ていると、フラットデザインとか、Web
これはウェブページです｡
たいしたページではありません｡ あるのは言葉だけ｡ それをあなたは読んでいます｡ オシャレなデザインや､レスポンシブなレイアウト､魔法のようなスクリプトに私たちは魅了されてしまいました｡ でも､ウェブで一番強力な道具は､今も昔も言葉です｡ 私が書いた言葉を､あなたが読んでいる｡これこそ魔法です｡ 私はブリティッシュコロンビア州の小さな都市にいますが､あなたは別のどこかにいることでしょう｡私は2013年6月20日の早朝にこれを書きましたが､あなたは違う日時にこれを読んでいることでしょう｡私はノートパソコンでこれを書きましたが､あなたは携帯電話でこれを読んでいるかもしれないし､タブレット端末やデスクトップ端末で読んでいるかもしれません｡ 私とあなたがこうして繋がることができたのは､私が書いた言葉をあなたが読んでいるからです｡ウェブとはそういうものです｡場所や端末､タイムゾーンが違っても､このシ
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
静的サイト生成という「古くて新しい手法」の復活 - モジログ
この数年くらいで、主にプログラマのあいだに、「静的サイト生成（static site generation）」への人気が復活しつつあるようだ。 「静的サイト生成」の「静的サイト（static site）」とは、ウェブサイトのすべてのページが、あらかじめHTMLファイルになっているようなウェブサイトを指す。データベースなどを使わず、HTMLファイルを手作業で作っているようなサイトは、すべて「静的サイト」である。 「静的サイト生成」とは、手作りで「静的サイト」を作るのではなくて、HTMLファイルをプログラム的に「生成」する手法を指す。データベースやテキストファイルにある「データ」と、デザインを定義する「テンプレート」をプログラム的に結合して、HTMLページを生成する、というのが典型的な手法だ。この生成プロセスを受け持つソフトウェアが「static site generator」である（以下、こ
パスワードの入力さえ不要なWebブラウザ用公開鍵認証技術·TrustAuth MOONGIFT
TrustAuthはWebサイトにおける公開鍵を使った認証システムです。 Webサイトを使う際の認証と言えばログインIDとパスワードを使ったものと相場が決まっています。問題があるシステムとは分かっていつつも未だにいい解決策が出てきていません。そこで新しい認証システムとしてTrustAuthを紹介します。 Firefoxアドオンをインストールします。 アドオンの設定です。特に変更することはありません。 こちらはデモサイトです。 ツールバーにビールのアイコンがあります。なぜかデフォルトでは表示されずツールバーのカスタマイズで追加しました。 Unlockを選んで最初にマスターパスワードを決めます。 後はパスワード無用です。demoとユーザIDを指定すればログインできます。 無事ログインできました！ TrustAuthでは公開鍵を使って認証を行います。サーバサイド、クライアントサイドの双方で用意し
トップレベルドメイン大幅増加へ、ICANNが申請リスト公開:Geekなぺーじ
ICANNが、新gTLDとして申請されたトップレベルドメインに関する情報を公開しました。 申請されたトップレベルドメイン数は1930、申請を行った組織は751でした。 全ての申請が通るわけではないのですが、これまで数年で数個程度しか増えて来なかったgTLDが大幅に増加することはほぼ確実です。 なお、ICANNでの審査費用は18万5千ドル（1ドル90円と考えると1665万円）です。 gTLDを取得した後にも、運用のために各種費用がかかります。 四半期ごとに6250米ドルの固定手数料および、その後のドメイン登録および更新ごとに発生する取引手数料0.20米ドルの２種類の手数料がかかります。 ICANN: Reveal Day 13 June 2012 - New gTLD Applied-For Strings AppleがAPPLE、GoogleがGOOGLE、MicrosoftがMICROS
高速WebサーバMighttpdのアーキテクチャ | IIJの技術 | インターネットイニシアティブ（IIJ）
IIJ-II技術研究所では、2009年の秋からMighttpd（mightyと読む）というWebサーバの開発を始め、オープンソースとして公開しています。この実装を通じて、マルチコアの性能を引き出しつつ、コードの簡潔性を保てるアーキテクチャにたどり着きました。ここでは、各アーキテクチャについて順を追って説明します。 ネイティブ・スレッド 伝統的なサーバは、スレッド・プログラミングという手法を用いています。このアーキテクチャでは、1つのコネクションを1つのプロセスかネイティブ・スレッドが処理します。 このアーキテクチャは、プロセスやネイティブ・スレッドを生成する方法で細分化できます。「プール」方式では、あらかじめ複数を起動しておきます。例としては、Apacheのpreforkというモードが挙げられます。「都度」方式では、コネクションを受け取るたびに生成します。このアーキテクチャの利点は、制御を
マシなインターネットを作る：malaさんインタビュー
こんにちは。今回はmalaさんのインタビューをお届けします。 malaさんはNHN Japanのエンジニアとして多くのウェブサービスの設計に関わるだけでなく、セキュリティやプライバシの観点から見たアーキテクチャについて、ブログでさまざまな情報や問題提起を発信されています。 特に昨年末に公開されたブログ記事「はてな使ったら負けかなと思っている2011」は、インターネットはどこへ行くかという私のもやっとした問題意識にピッタリとハマる素晴らしい文章でした。あの記事を読んで、これはぜひ一度お会いして、インターネットの現状やエンジニアの役割について、お話を聞いてみたい、と思ったのが今回の企画の発端です。未読の方は、まずそちらからどうぞ。 なお、インタビューは三月末に行われました。無職期間中に公開する予定で、ずいぶん時間がかかってしまいました。文中、私の所属する企業の話も出てきますが、例によってここは
「官邸ホームページ」のdis記事に思うこと | おごちゃんの雑文
首相官邸のホームページリニューアルに4500万かかったそうな。 首相官邸ホームページ、４５００万円かけリニューアル 俺の怒りが有頂天ｗｗｗｗｗｗｗｗｗｗ 首相官邸ホームページが4500万円かけてリニューアルｗｗｗｗｗｗｗｗ 首相官邸HP、リニューアルに4500万円 ネットで怒りの声 「もっと安くできる」 総じて「もっと安くできる」と言いたげで、２ちゃんの香ばしのはいつものことで、産経の政権への悪意は平常運転なのだが、本当にそーゆー「世論」で良いのか？ 官邸のホームページへの技術的なつっこみは、まぁいくつかあるだろう。私でさえ、「なんだこのコメントは」「Google analyticsなんか使っていいのか？」「外国語は英語と中文でいいのか？」とか思ったものだけど、まーその辺は良いことにしておく。どうもアクセス解析は今年の開発らしい。 【公募】首相官邸ホームページで利用するアクセス分析ツールの
web業界人がろくろ回してみた
motolevel: 本日は京都を拠点にフリーランスwebデザイナーとして活動されている完山さんにお話を伺っていきます。 完山：よろしくお願いします。 motolevel : 早速ですが、エアろくろ回しからリアルろくろ回しへと転身されたそうですね。エアからリアルへうつるきっかけは何だったのでしょう。 完山: そうですね。私もwebに携わる身として何度かエアろくろ回しを決めたことがありますし、世界でも多くの方が壮大なエアろくろ回しを決めておられますが、エアのままで留めることに危機感をずっと抱いていました。 motolevel : エアのままで留める？ 完山: はい。リアルに落とし込めていないといいましょうか。 近年webの世界はソーシャルメディアの普及により大きな変革が訪れています。それに合わせweb上だけで展開しているサービスやコンテンツをいかにリアルに落とし込めるか。それを体現するために
netpoyo.jp – このドメインはお名前.comで取得されています。
このドメインは お名前.com から取得されました。 お名前.com は GMOインターネットグループ(株) が運営する国内シェアNo.1のドメイン登録サービスです。 ※表示価格は、全て税込です。 ※サービス品質維持のため、一時的に対象となる料金へ一定割合の「サービス維持調整費」を加算させていただきます。 ※1 「国内シェア」は、ICANN(インターネットのドメイン名などの資源を管理する非営利団体)の公表数値をもとに集計。gTLDが集計の対象。 日本のドメイン登録業者(レジストラ)（「ICANNがレジストラとして認定した企業」一覧（InterNIC提供）内に「Japan」の記載があるもの）を対象。 レジストラ「GMO Internet Group, Inc. d/b/a Onamae.com」のシェア値を集計。 2023年10月時点の調査。
フィクションばかりを配信する謎のニュースサイト「虚構新聞」 その“真実”に迫る « 中の人直撃インタビュー « トレンド：@niftyビジネス
「リスモくんが毒りんごをかじり死去」という内容の記事。実際にauからiPhoneが発売され、「LISMO Music Store」のサービスが終了してしまったことから、「虚構が現実になった」とネットで大きな話題に。 「ツイッターが17字に」「『パジャマでおじゃま』モザイク規制」というようなニュースを、TwitterなどのSNSで見かけたことはないでしょうか？ もちろんコレは、実際に起こったニュースではなくすべて“虚構”のニュース。時事ネタなどを風刺したサイト「虚構新聞」が配信しているものなんです。 最近では、「嘘のようなニュースを見かけたら、まず虚構新聞だと疑え」なんて、ネットの常識として広まりつつあります。 はたして、この虚構ばかりを配信するサイトはどのような人物が運営しているのか？ 目的は？ 収益は？ そんな虚構新聞の“本当のところ”を探るため、社主であるUKさんに話を伺いました。
ワクワクメールのアプリの評判と口コミが最悪？その真実とは
免責事項：本サイトに含まれる情報は、一般的な情報提供のみを目的としています。情報はスペシャルベストによって提供され、当社は情報を最新かつ正確に保つよう努力しますが、いかなる目的においても、ウェブサイトまたはウェブサイトに含まれる情報、製品、サービス、関連グラフィックスに関する完全性、正確性、信頼性、適合性、利用可能性について、明示または黙示を問わずいかなる表明または保証も行いません。従って、これらの情報に依拠することは、あくまでもお客様ご自身の責任において行われるものとします。 当社は、当ウェブサイトのご利用に起因するいかなる損害についても責任を負いません。 本ウェブサイトから、スペシャルベストの管理下にない他のウェブサイトへリンクすることができます。当社は、それらのサイトの性質、内容および利用可能性を管理することはできません。リンクは必ずしも推奨するものではありませんし、リンク先で述べら
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
JPNIC インターネット歴史年表 
【Interop Tokyo 2013】村井純氏とティム・バーナーズ＝リー氏、HTML5やオープンデータについて対談 