2011年3月11日、なぜ「Twitter」は落ちなかったのか？ 多くの人が知らない、意外な真実。 | TABI LABO
東日本大震災から4年。 新聞、テレビをはじめ多くのメディアが当時を振り返り、未曾有の災害がもたらした被害を忘れまいと結んでいる。しかし、ここで振り返るのは、災害そのものや被災地についてではない。2011年3月11日、アメリカでの出来事だ。 あの日、 Twitterがライフラインだった 震災直後、電話やメールがつながらない状況下で、大きな役割を果たしたのがSNSだった。とくにTwitterは、被災地の状況や安否確認などにおいて重要な役割を果たした。 一説によると、震災から1週間で投稿されたツイートは約1億8千万。震災を機に、多くの人がTwitterをはじめたという記録も残っている。 ここでひとつ、素朴な疑問。電話回線がパンクし、ケータイメールも送受信できない中で、どうしてTwitterだけが機能したのだろう？ 爆発的に利用が増えたのだから、サーバーがダウンしてもおかしくなかったはずだ・
大きな背景画像を使った魅力的なWebサイトを作ろう
2014年9月9日 CSS, Webデザイン 以前このブログで背景に動画を使ったWebサイトの作り方を紹介しましたが、やはり動画を準備するのは少しハードルが高いと感じる人もいますよね。そこで今回は導入しやすく印象に残りやすい、大きな背景画像を用いたWebサイトの作り方を紹介します！ ↑私が10年以上利用している会計ソフト！ 背景に大きな画像を使うメリット・デメリット 大きな背景画像のメリットは、なんといってもその迫力です。言葉を使わずとも、そのWebサイトを通じて伝えたいイメージをストレートに表現できます。その写真が高画質で、クオリティが高いほど印象にも残りやすいので、近年海外を中心に多くのサイトで用いられている手法です。 しかし、いくつかの注意点をおさえておかないと、どんなに素敵な写真であっても効果が半減してしまいます。ひとつは画像が大きければ大きいほど、ページの読み込みに時間がかかって
[CSS]文字にちょっとかわいいエフェクトを加えるスタイルシート -Opening Type
画像は一切使用せず、その文字をホバーするとパタっと開くエフェクトを実装するスタイルシートを紹介します。 単に開くだけでなく、シャドウも開きに応じて変化してるのがスゴイ！ 日本語、しかも漢字でもOK 実装はこんな感じになります。 HTML 文字はspan要素で配置し、上に表示されるホワイトの文字はdata-letterに記述します。 <div class="foo"> <span class="letter" data-letter="A">A</span> <span class="letter" data-letter="B">B</span> <span class="letter" data-letter="C">C</span> ... ... </div> 日本語は、こんな感じです。 <div class="foo"> <span class="letter" data-lett
webやぎの目（林雄司 個人サイト）
Bigfacebox 顔が大きくなる箱。MakerFaireなどで展示しました。作り方も公開しています。 地味ハロウィン 地味な仮想限定のハロウィンを2014年から開催しています。 ▲避難訓練の負傷者役 出版 サイトをもとにした本から書き下ろし、売れてる本からそうでもない本まで手広く出しております。 1971年 東京都練馬区生まれ。デイリーポータルZ株式会社代表。 1996年から東京トイレマップ、webやぎの目などの個人サイトを作り始める。1999年にサイトを元にした「死ぬかと思った」を出版。以降、執筆、イベントの活動が増えていくる。 2002年 デイリーポータルZを立ち上げる。以来ずっとサイトで執筆、編集を行う。2023年デイリーポータルZ株式会社を設立し、2024年からデイリーポータルZを承継。 ネットでの活動のほか、「地味ハロウィン」などのリアルのイベントも主催。 好きな食べ物はホタ
文章をデザインする – 段落や箇条書きをより読みやすくするために ｜https://wp.yat-net.com/name
文章を読み易くする為に段落を用いてレイアウトすることは非常に多く、いかに読みやすく、いかに見やすいかを考えて構成する必要がありますね。 1.段落の使い方 2.読みやすい改行位置 3.箇条書きについて 4.文章をデザインするという事 段落の使い方 このブログではある程度の長さで1段落を設定し、一つ一つのブロックが長過ぎないようにある程度の調節を心がけています。 しかし可読性や視認性の事を考えると当然これだけでは駄目ですよね。もっと考えるべき点があります。 今回はちょっとその辺りについて考えをまとめてみたいと思います。 読みやすい改行位置 まず文章を構成するにあたり、必ず考えるべきなのは改行の位置です。Webに限らず紙媒体でも同じで、どこで改行すれば読みやすいのか・見やすいのかを意識するのはとても大切な事ですよね。 基本的に改行は句読点位置で行う事。これが一番シンプルではないでしょうか？あと、
[CSS]box-sizingを使ったIE8+対応の画像やテキストを画像に置換するテクニック
img要素やhr要素、テキストなどをHTMLは変更せずに、スタイルシートで画像に置換するテクニックを紹介します。 img要素で配置した画像を別の画像に、hr要素を画像の区切りに、見出しなどのテキストを見出し画像に変更できます。 Replace the Image in an <img> with CSS 下記は、ポイントを意訳したものです。 元のHTMLファイル 事の発端は、HTMLやJavaScriptを編集できない状態で、画像を変更する必要にせまられたものです。どのように画像を変更したか紹介します。 HTML HTMLはこんな感じです。 .headerに子要素で画像が配置してあります。background-imageは無しです。 <head> <title>Really Cool Page</title> </head> <body> <div class="header"> <img
Evernoteのテキストを暗号化する方法
本日早朝に、Evernoteが外部からの攻撃を受けて、ユーザ名、メールアドレス、パスワードハッシュ値（ソルト付きハッシュ）にアクセスされたという報告（セキュリティ関連のお知らせ：Evernoteでのパスワード再設定のお願い）がありました。 Evernoteのユーザは、このお知らせの指示にしたがい、パスワードをリセットしましょう。問題は、Evernoteのコンテンツ（ノート）にアクセスされたかどうかですが、Evernote社では、以下のように、ノートにはアクセスされた形跡はないと主張しています。 弊社セキュリティ調査の結果、Evernote に保存されているコンテンツが外部からアクセス・変更・消失された形跡は確認されませんでした。また、Evernote プレミアムおよび Evernote Business のお客様の決済情報がアクセスされた形跡も確認されていませんのでご安心ください。 一応こ
まるで画像。テキストを曲線上で表現する·CSSWARP MOONGIFT
CSSWARPはテキストをベジュ曲線や円に沿って表示するJavaScript/CSSライブラリです。 Web Fontの登場によってWebサービスのロゴをテキストで記述するサイトも増えています。しかしまっすぐではなく多少のイフェクトをかけようと思ったらIllustratorのようなソフトウェアを頼らざるを得ませんでした。そこでCSSWARPを使って複雑な文字の描画を実現しましょう。 これがテキストというのが驚きです。 ちゃんと文字として選択できます。 こちらは自分で文字を作れるデモ。 ビジュ曲線でぐりぐり動かせます。 回り込みもできます。 円に沿って描いています。 その結果のHTMLを取得できます。IE9/Opera/Firefox/WebKit対応です。 CSSWARPはベジュ曲線などに沿って文字が描けます。テキスト、曲線の動き、フォント、フォントの配置など細かく変更が出来ます。後は生成
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
侍魂
Basic Design Note
ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP