![【イニシャルB】HTTPSでデータを納品したい! StartComの無料SSLサーバー証明書をNASで使う](https://cdn-ak-scissors.b.st-hatena.com/image/square/9fcd5f0a88571cbd0f83f88322138379ef75bb76/height=288;version=1;width=512/http%3A%2F%2Finternet.watch.impress.co.jp%2Fimg%2Fiw%2Flist%2F678%2F715%2F106.jpg)
先週、httpvshttps.com というウェブサイトが公開されました。このウェブサイトでは、HTTP と HTTPS を用いてアクセスした場合のウェブページのダウンロード完了までにかかる時間の比較ができるのですが、多くの環境で HTTPS の方が HTTP よりも高速なことに驚きの声が上がっていました。 HTTP が TCP 上で平文を送受信するのに対し、HTTPS は TCP 上で TLS (SSL) という暗号化技術を用いて通信を行います。ならば、TLS のオーバーヘッドのぶん HTTPS のほうが遅いはずだ、という予測に反する結果になったのですから、驚くのも無理はありません。 実は、この結果にはからくりがありました。 Google Chrome、Mozilla Firefox、最近のSafari注1は、Google が開発した通信プロトコル「SPDY」に対応しており、HTTPS
jQueryでスクロールでトップに「戻る」リンクを表示する「PageTop」プラグインを公開します。 1.機能 ページのスクロールで右下に「戻る」を示すアイコンを表示します。 また、フッター部分が出現するとアイコンはフッターに固定されてスクロールします。 下記にサンプルを用意しました。 サンプル サンプルをスクロールすると、通過するsection要素に対応するサイドメニューの該当項目を反転表示します。 2.プラグインのダウンロード 下記のリンクからプラグインをダウンロードして、ファイル名を「jquery.pagetTop.js」にリネームしてください。 jquery.pageTop_0.0.1.js 以下、設定方法です。 3.HTML body開始タグ直後に下記のdiv要素を追加します。 <div id="relative"> また、トップに戻るためのリンクをbody終了タグ直前に次のよう
どうもハンサムクロジです。 iPhoneを使っているうえで切っても切り離せないのが、PCにインストールして利用する「iTunes」。 使用しているiPhoneのデータをバックアップ・復元したり、端末の管理や音楽の同期など様々なことができます。 今回は、この「iTunes」を使ううえで覚えておきたい5つの便利技をまとめてご紹介したいと思います! 1.Apple IDで認証したコンピュータをリセット Apple IDに紐付けられる端末は10台(うちPC5台)までとなっています。認証している端末がいっぱいになってしまった場合や、売却済みの端末が認証されたままになっている場合は、それら認証した端末のリセットを行いましょう。 iTunesを起動して右上にあるボタンをクリック。表示されるメニューからアカウント情報を選択します。 Apple IDとパスワードを入力してサインインしたら、ページをスクロール
優れたコンテンツ構成の鉄則を探る!優れたコンテンツとは顧客の悩みを解決できるため、検索やお気に入りから訪問者を獲得できます。そして、そのコンテンツは別のページに誘導する力があり、しかもゴールに結びつける力があります。 前回説明したように、こうしたコンテンツは、天才的なアイデアや人並みはずれた文章力で作られるのでしょうか。実際にはそうではありません。普通のビジネスパーソンが、普通に考え、普通の文章力で作ったものが成果を上げているのです。 意図的ではない分、成果が小さいことがもったいないのですが、これを意図的に行っていけば、狙った成果をより大きなものにできるはずです。それでは、コンテンツの成果が上がる構成とはどんなものなのか解説していきます。 コンテンツの見出しは画像を使わず2行のテキストで作る前回説明したように優れたコンテンツは、検索集客力が高く検索から顧客と出会う力を持っています。検索から
旧機種でも軽快にYosemiteを みなさん、こんにちは! B-CHANです。 ボクのMacは、 MacBook Air Mid 2012 というモデルで、約2年前のモデルです。 買った時には確か、 OS X LionというOSがインストールされていましたが、その後、Mountain Lion、Mavericksとバージョンアップし、現在は、YosemiteというOSを入れています。 最新のOSをスペックのやや低い旧機種に入れるわけですから、多少、動作は重くなるのは当然ですが、Yosemiteは従来のOS X以上に、機能が豊富になり、しかも半透明のグラフィックスなど、マシンへの負担が大きくなっているようです。 Mavericksまでは軽快に動いていたMacBook Air Mid 2012も、Yosemiteを入れると、体感的にも動作が重くなった気がします。 特に使用時間が長くなってくると
こんにちは。デザイナーの藤田です。 久しぶりにPhotoshopのtips記事をお届けします。 皆さんは�“水しぶき”などの背景が透けた画像の切り抜きに苦戦したことはありませんか? ただ背景を切り抜くだけだと、透明感をなかなか表現できませんよね。 そこで今回は、“水しぶき”などの透け感がある画像をみずみずしく切り抜く方法をご紹介いたします。 ※今回の記事で使用している画像は下記サイトのものです。 water splash http://nihongo.istockphoto.com/stock-photo-13225547-water-splash.php Psd Soda Can Mock-Up Template http://www.pixeden.com/psd-mock-up-templates/psd-soda-can-mock-up-template Photoshopで“水し
作成:2014/12/8 Web制作 > 比較的最近のjQueryプラグインやプロフェッショナルな方々が作成されたスクリプトの中から、サイト制作時に取り入れてみたいエフェクトを厳選してご紹介。今風の見え方を実現できそうなものをチョイスしました。 エンジニア速報は Twitter の@commteで配信しています。 もくじ ファーストビュー 1.スライドを立体的に切り替え 2.クリックで滑らかにページ遷移させる 3.背景にスライド、フルスクリーンで固定させる 4.横に移動するフルスクリーンスライド 5.キューブ系のスライドを表示 6.下方向へドラッグするとページを再読み込みする 7.要素を上下にフワフワ動かす 8.外部要素をクリックで表示 9.タイピングエフェクト 動作 10.サーチボックスを画面全体にオーバーレイさせる 11.デイトピッカー 12.ドラッグ&ドロップ 画像をアップロードする
Webデザイナーはコードを学ぶべき? コーダーはデザインを学ぶべき? 両方に精通している人はなかなか多くはいません。Webデザインがどのように進化してきたのかその流れをしっかり押さえ、デザインとコードのギャップをつなぐことができたか振り返ってみましょう。 A brief history of web design for designers 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様に許可を得て翻訳しています。 先日の彼らの記事「しっかりと理解しておきたい!レスポンシブWebデザインを使いこなすための9つの基本原則」と同様に、分かりやすいアニメーションもお楽しみください。 1989年:Webデザインの暗黒時代 1995年:Webデザインの始まりはテーブルから 1995年:JavaScriptが表現の幅を広げる 1996年:Flashにより自由の黄金期へ 19
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く