<サイクルベースあさひ>ニューオープン店・リニューアルオープン店のお知らせ 全国の新たにオープンする店舗やリニューアルオープンする店舗の情報をお知らせいたします。一部の店舗ではオープンに合わせてお得なクーポンの配布や記念セールなどを、ご用意しております。
こんにちは、ご無沙汰しています。 Web担当の野中です。 前回の第2回「検証ツールとそもそもHTTPって何だ編」から少し時間が経ってしまいました。 というのもテクニックを紹介するために予想以上の予備知識の説明と検証・調査が必要になり、さらにどう順序立てて解説すべきか悩み時間がかかってしまいました。 ちなみに第2回では、Webサイト高速化に関連してくるHTTPについて基本的なことを紹介しています。 より詳しくHTTPについて解説したCodezineさまに寄稿している連載も是非チェックしてみてください。 本題 さて、今回から実践編ということでフロントエンド側のWebサイト高速化対策の1つ、画像の最適化について紹介します。 初学者向けに細かく基本的なことまで解説しますので、記事を3つに分けます。 画像最適化1回目の本記事では、画像に関する基礎知識について紹介します。 未だにWebサイト高速化の具
米Googleが、Webページの表示高速化を支援するオンラインサービス「PageSpeed Service(PSS)」の利用を促す一環として、モバイルWebページでPSSを使った場合の効果について開発者ブログで紹介している。 PSSはWebページを自動的に書き換えて最適化することにより、ページ処理速度の高速化を図るサービス。サイト側でコードに手を加える必要はないという。ブログに掲載された動画には、同サービスを使って表示にかかる時間が6.9秒から2.1秒に短縮された例を紹介している。 高速化の具体的な手段として、ページを重くさせる原因となりがちなCSSやJavaScriptなどに着目している。CSSについては、読み込もうとするページの処理に必要最低限のCSSを特定し、それをHTMLファイルに含めることによって、追加のファイルダウンロードにかかる時間を短縮。JavaScriptはいったん実行を
ソーシャルメディアで、友達やフォロワーの数が突然落ち込んだのはなぜだろう、と不思議に思ったことはありませんか? 今度相手に会ったときに、「アンフォローするなんてひどいじゃないか」と責める相手を知りたかったり、Twitterでフォロワー数が一気に減った原因を探っていたりするのかもしれませんね。 その理由まではわからないにしろ、デジタルな世界であなたを振った人を、もれなく把握する方法はあります。Facebook、Twitterをはじめ、それぞれを紹介しましょう。 Facebookであなたを友達から外した人を把握する Facebookの友達リストから、複数の人の名前が消えていることに気づいたら、自分が書いた内容のいったい何が人々を怒らせたのだろうと心配になりますよね。実を言うと、相手があなたを友達から削除したのは、あなたのことが嫌いになった可能性もあるとはいえ、単に自分のアカウントを閉じたか、一
「安全なウェブサイトの作り方」は、IPAが届出(*1)を受けた脆弱性関連情報を基に、届出件数の多かった脆弱性や攻撃による影響度が大きい脆弱性を取り上げ、ウェブサイト開発者や運営者が適切なセキュリティを考慮したウェブサイトを作成するための資料です。 「安全なウェブサイトの作り方」改訂第7版の内容 第1章では、「ウェブアプリケーションのセキュリティ実装」として、SQLインジェクション 、OSコマンド・インジェクション やクロスサイト・スクリプティング 等11種類の脆弱性を取り上げ、それぞれの脆弱性で発生しうる脅威や特に注意が必要なウェブサイトの特徴等を解説し、脆弱性の原因そのものをなくす根本的な解決策、攻撃による影響の低減を期待できる対策を示しています。 第2章では、「ウェブサイトの安全性向上のための取り組み」として、ウェブサーバの運用に関する対策やウェブサイトにおけるパスワードの取扱いに関す
25 Best Examples of Flat UI Design Websites | The Design Inspiration FlatなUIが美しいWEBサイト25がまとまっていました。 GoogleやMicrosoftのWindows8といいフラットなデザインが流行っています。 この背景には、作り手にとっては作りやすくて、見る側には見やすく好き嫌いがなさそう、っていうところがありそうですが、フラットなデザインでも綺麗にデザインされたサイトがあってフラットなサイトを作る際に参考にできそう。 関連エントリ HTML5を使ったクールなサイトデザイン集21 モダンなサイトデザインのPhotoshopテンプレート13 Twitterエンジニアの作ったサイトデザインモック作成ツール「Stylo」
selectボックスをリッチかつクールにできるjQueryプラグイン「jAutochecklist」 2013年04月23日- jAutochecklist selectボックスをリッチかつクールにできるjQueryプラグイン「jAutochecklist」 selectボックスをカスタマイズするものは多くありますが、今回は独特。 クリックすると、オートコンプリート機能がつきつつ、リスト要素はHTMLでリッチに、選択すると吹き出しに要素が追加されていくマルチ選択が可能。 単にGoogle,Yahooと書いているよりも直感的に分かっていい感じですね 関連エントリ パララックスなスライダーを実装できるjQueryプラグイン「FractionSlider」 レスポンシブな画像ギャラリーが作成できるjQueryプラグイン Google画像検索っぽい画像ギャラリーが作れるjQueryプラグイン「Su
2013年春の新作、Illustratorのチュートリアルをvector tuts+から紹介します。 チュートリアルはステップごと詳しいキャプチャ付きで、英語が苦手な人でも雰囲気は伝わると思います。
新入社員必読、データベースの基本を理解しよう - データベースはなぜ必要なの?:ITproという記事に対するブクマで次のようなIDコールが来た。(現在はコメント返しへのお礼が入っているので、文字数制限のためオリジナルのコメントは少し切り詰められている。) "リレーショナルデータベースはすべてのデータを2次元の表形式で表現"こういうのもリレーションが2次元構造という誤解の一種なんだろうか。id:nippondanjiさんが書いてたような。 さて、この疑問に対する正解は如何なるものだろうか? つい先日「7つのデータベース 7つの世界」の書評で書いたばかりだが・・・ 言うまでもなくその通りである。 リレーションが2次元的な構造を持っているというのは典型的な誤解だ。(ちなみにリレーションの次元は属性の数に等しい。n個の属性があるリレーションはn次元。)リレーショナルモデルについてちゃんと学習してい
Photoshopに強くなる!ポスター制作のチュートリアルまとめ「40+ Awesome Photoshop Poster Tutorials For Your Inspiration」 デザイン制作やCG制作などの加工に利用することが多いPhotoshopですが、ツールの利用方法は無限大にあり、ソフトを存分に使いこなせていないとお思い方もいらっしゃるかもしれません。そんな中今回紹介するのが、Photoshopに強くなる!ポスター制作のチュートリアルをまとめた「40+ Awesome Photoshop Poster Tutorials For Your Inspiration」です。 Inception Poster with Repousse in Photoshop CS5 | Abduzeedo Design Inspiration & Tutorials 素材の重ね方やタイトル処
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く