WebページをRetina対応させるテクニック～基礎知識編：jQuery×HTML5×CSS3を真面目に勉強（4）（1/2 ページ） iPhoneのRetinaディスプレイは、Webページの制作フローにも大きな変化をもたらした。WebページをRetina対応させるにはどうすればいいのだろうか。 はじめに 2010年6月に登場したアップルのiPhone 4には「Retinaディスプレイ」と呼ばれる、それまでの常識を覆した高精細なディスプレイが搭載されました。それ以降、スマートフォンやタブレットといったモバイル端末のディスプレイはより解像度の高いものへと進化していき、2013年の初めにはサムスン電子のGALAXY S4やソニーモバイルのXperia Zなど、フルHD画質対応（1920×1080ピクセル）のディスプレイを搭載したスマートフォンが登場するまでになりました。 高精細ディスプレイの登場

レスポンシブwebデザインからグリッドデザインまでよく使われているwebデザインのレイアウト用語をまとめました。 レスポンシブwebデザイン エラスティックレイアウト リキッドレイアウト フレキシブルレイアウト 固定幅レイアウト グリッドレイアウト 可変グリッドレイアウト レスポンシブwebデザイン(Responsive Web Design) PCやスマートフォン、タブレット事に複数のデザインを制作するのではなく、 ディスプレイの幅に合わせてデザインを最適化する方法。 CSS3のMedia Queriesを利用してディスプレイサイズに応じてデザインを変更します。 メリット 一つのソースで複数デバイスに対応できるのでメンテナンスが容易です。 また今後デバイスの種類が増えてもそれに対応できます。 それぞれのデバイスに合わせた形で調整できるのでユーザーエクスペリエンスも高くなります。 デメリッ

なかなか面白い試みだったので 備忘録。現在数多くのjQueryを 使用したギャラリーが存在し、その 中には多くのLightbox風ギャラリー が存在します。今日、ご紹介する のはそんなギャラリーを作成する ソフトウェアです。 jQueryを使用したギャラリーを作成するジェネレーターになりますね。ちょっとこの発想はありませんでした。 オンラインのジェネレーターではなく、ローカル環境で動かすソフトウェアです。使い方も凄く簡単ですよ。 言語も日本語に対応しています。 わずか3STEPで作成出来ます。 STEP.1 使い方はDLページにも書いてありますが、簡単にご紹介。おそらく直感で作成出来ます。ソフトウェアをDLしてセットアップすると上記画面が立ち上がります。ここにギャラリーにしたい画像をドラッグ＆ドロップしていきます。 STEP.2 画像を決めたら、上部のPublishをクリックします。すると

paperboy&co.は2011年1月18日、レンタルサーバーサービス「ロリポップ！レンタルサーバー」を機能強化したことを発表した。機能強化により、最も安い105円/月のプランでもユーザーが取得した任意のドメイン名（独自ドメイン名）を利用可能になった。 「コロリポプラン」（月額105円）と「ロリポプラン」（月額263円～）の二つの既存プランについて、ユーザーが利用できるディスク容量を増量し、複数個の独自ドメイン名を利用可能にした。 ディスク容量については、コロリポプランでは1Gバイトから2Gバイトへ、ロリポプランでは8Gバイトから13Gバイトへ増量。独自ドメイン名については、従来コロリポプランでは利用できず、ロリポプランでも最大一つまでしか利用できなかったが、機能強化によってコロリポプランでは最大20個、ロリポプランでは最大50個まで設定可能になった。 一つの独自ドメイン名当たり設定でき

ブロッキング、ネット検閲、傍受という文脈で真っ先に思い浮かべるのは中国の金盾でしょうが、最近のインターネットでは、中国以外でもそれらが徐々に増加しています。日本も例外ではなく、来年4月から児童ポルノを対象としてISPによるブロッキングが行われる予定であると思われます。来年から開始すると言われているブロッキングですが、「ISPによる自主的な取り組み」というのが大きなポイントの一つです。 児童ポルノを取り締まるということそのものは正しいだと思いますし、通信の秘密とブロッキングに関して今まで非常に時間をかけて検討がなされてきたこともわかります。しかし、技術的な視点で言えば、今まで存在していなかったブロッキングの仕組みがISPに入ることになり、日本のインターネットに大きな変化が発生すると言えます。 フィルタリングとブロッキングの違い この話題では、まず最初にフィルタリングとブロッキングの違いを理解

raitu @raitu 先輩に「人生のトリセツ」の話をしたら「学者タイプ」なんて世の中にほとんどいねーよって話になった。学者タイプってすごく他の人からステルスになるんだよなと。人生の主目的が「わかりたい」というインプットだから。こっそりものすごい読書量をしてる人とかかなりいるけど、全然目立ってない。 2010-12-16 09:12:32 raitu @raitu 王様タイプは人と関わる事でしかむしろ生きられないから凄く目立つ、軍人タイプは勝つための相手がいるから目立つ、職人タイプは何かを生み出し続けてないといけないから結構目立つ、しかし学者タイプって基本何も生み出さないから目立たない。人生の主目的が「わかりたい」というインプットだから。 2010-12-16 09:12:10 しろがねさん @whitebellsweet 目立つことは頭にないよね。むしろ透明人間になりたいのかなって、そ

アメリカ国土安全保障省がインターネット上のドメイン名を差し押さえしていると、ニューヨークタイムズが2010年11月26日に報じました。 差し押さえられたサイトは、DNS（ブラウザなどのソフトが、ドメイン名を元に実際にアクセスする先のIPアドレスを調べる仕組み）が変更され、ユーザーがアクセスしようとすると、差し押さえを示す画像が置かれたページが表示されるようになっています。 ニューヨークタイムズによると、差し押さえられているのは、映画や音楽を著作権者に許可なく配布しているサイトやそうしたファイルを検索しやすくしているサイトのほか、偽造ブランドや偽造DVDなどに関するサイト。広報担当官によると、これらの差し押さえは裁判所による令状に基づいて行われているものだとのこと。 差し押さえられたドメイン名はtorrent-finder.comのほか、rapgodfathers.comなど数十にのぼる模様

インドネシアではフェイスブックそのものがネットになっている。選挙、新商品プロモ、冠婚葬祭、公共広告等全てがフェイスブックを通じている。その理由は、お洒落で重いサイトだったら回線が切れてしまうから。お洒落でなく無機質だが無駄が無いFBの閲覧性が好まれているという。

2014年8月20日 CSS Webサイトを装飾していく時に無視できない要素、見出し・リスト・引用文。特にWordPressでオリジナルのテーマを作る時は、ブログ用にこれら基本の要素すべての装飾もすると思います。そんな時に使うコードのバリエーションをメモしていたので記事にしました。少し変えるだけで応用できると思うので、ぜひ使ってみてください！ ↑私が10年以上利用している会計ソフト！ 色、フォント、サイズなどを変えるだけで、どんなサイトでも使える見出し・リスト・引用文用のHTMLとCSSコードを紹介します。そのままコピペして使っちゃってください。少しはコーディングの手間が省ける…かもしれません。ちょいちょい使っている画像も保存して使ってもらってもOKです :) サンプル画面内の「HTML」「CSS」タブをクリックでコードが表示されます。IE6, 7, 8, FF, Chrome, Safa

書籍や雑誌をはじめとした印刷物。TVやラジオで見られるような広告。デスクトップで動作するソフトウェア。これらの制作プロセスは Web サイト制作において影響を与えてきてモデル。テクノロジーやノウハウが蓄積され独自性も多少出て来たものの、Webサイト制作プロセスは基本的なところは10年くらい変わらないのではないでしょうか。 配布してしまったら終わりの印刷物。一瞬でもインパクトがあればそれで良いテレビCM。企画といっても仕様や機能を決める話になり、始めたら後に戻りにくいウォーターフォール式のソフトウェア開発。いずれのプロセスも長所はありますし、それぞれの形に合っているから使われているわけですが、人と人、情報と情報、そして人と情報が常に双方向に繋がり続けている Web という有機体にはいずれの方法も適していません。 流動的に変化を続ける Web だからこそ、アジャイルソフトウェア開発が受け入れら