bootstrapのテンプレートから作ったサイトの高速化（PageSpeed Insights対策） - Qiita
はじめに どーも、python大好きな終末プログラマ(自称)です。 私みたいな初心者がこんなテーマを論じていいのか不安ですが、備忘録も兼ねて書きたいと思います。 前回の投稿の通り、友人が飲食店をオープンしたのでbootstrapのテンプレートをこちょこちょいじってサイトを作ってあげたのですが、中身が大体完成したので公開に向けてgoogleさん対策でPageSpeed Insightsなどでいろいろ調べてみました。 ineのurlスキームで簡単な注文システムを作ってみた 今回は、HTMLとJavascript,cssしか使ってませんので、私が普段独自ドメインのメールサーバーとして使っているさくらのレンタルサーバー（ライト）で運用する予定なのでこの条件でテストしました。 お気づきの点があればどんどんご意見ください(^o^)/ webサイトの診断サイト 今回使ったのは下記のサイトです PageS
CSS 3D Transforms
W3Schools offers a wide range of services and products for beginners and professionals, helping millions of people everyday to learn and master new skills. Free Tutorials Enjoy our free tutorials like millions of other internet users since 1999
Guide To Local Dating With Nearby Singles - Instant Dating
There are times as soon as your man seems like that there are a half dozen other things he’d rather be doing with gay sex websites at the present time, no matter how intensely you desire him. You might also combine Pre-Dating’s Event Notification List to remain updated about future ones. Essentially, we evaluate every placement to learn what content is performing best after which focus on producin
DuckHuntJS
An open source, web based, responsive implementation of Duck Hunt in canvas or webgl depending on your client.
JavaScriptとCSSファイルのHTTPリクエストを最小限にし圧縮・キャッシュする -BoxJSとBoxCSS
ウェブサイトで使用する複数のJavaScriptとCSSファイルのHTTPリクエストを少なくし、圧縮・キャッシュするサービスを紹介します。 [ad#ad-2] 複数のJSファイルをまとめる -BoxJS 複数のCSSファイルをまとめる -BoxCSS 複数のJSファイルをまとめる -BoxJS BoxJSは一つのJSファイル（box.js）を利用し、モジュール式のローディングシステムで複数のJSファイルをロードできます。 BoxJS BoxJSの使い方 最初に、box.js(1.4kb)を外部ファイルとして指定します。 <script src="http://www.boxjs.com/box.js"></script> ロードするJSファイルを指定します。 Box('http://mywebsite.com/scripts/', [ 'plugins/jquery.js', 'plugi
もうこれで十分。HTML上でテーブルを表示するなら·Sigma Grid MOONGIFT
業務システムを構築する際に、一覧表を表示するという処理は多い。そしてそのデータを並べ替えたり、チェックボックスを入れたりしたいというニーズも多く発生する。場合によってはカラムを並べ替えたり、一括更新したいなんて言われることもある。 ソートも並べ替えもページネーションも全部こみこみ それを一つ一つ実装していては非常に工数がかかってしまう。そこで使いたいのがこのSigma Gridだ。 Sigma Gridはテーブルの表示とソート、データ編集などを可能にする超豪華ライブラリだ。LGPLライセンスの下に公開されているオープンソース・ソフトウェアだ。 Sigma Gridはデータの表示に際してJSONでデータを渡す必要がある。そのため既存のシステムにそのまま組み込むのは難しいかもしれない。だがその変更してもあまりあるメリットを享受できるに違いない。 画像表示とクリックアクションの例 まずカラムごと
JavaScriptを使わずCSSのみでシンプルなツールチップ実装:phpspot開発日誌
Easy CSS Tooltip | Kollermedia.at JavaScriptを使わずCSSのみでシンプルなツールチップ実装。 CSSの a:hover を応用して、次のようにシンプルなツールチップを実装するサンプル。 コードは以下のようにシンプルにかけます。 <html> <head> </head> <style> a:hover {background:#ffffff; text-decoration:none;} /*BG color is a must for IE6*/ a.tooltip span {display:none; padding:2px 3px; margin-left:8px; width:130px;} a.tooltip:hover span{display:inline; position:absolute; background:#fffff
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GitHub - danriti/bootstrap-pagespeed: Breaking the PageSpeed barrier.
Get a Perfect Score of 100 on Google PageSpeed Insights - Carlo Fontanos
CSSでrotateしたグラデーションにジャギーが出来るのを改善する方法 「Fixing a bad render in Webkit」 | 9ineBB
Components · Twitter Bootstrap
CSSで高度な3D表現ができると話題の「Sprite3D.js」で作った凄いデモ
Account Suspended
http://www.designwalker.com/2009/01/table.html