カテゴリー：HTML・CSS
HTMLページ内の指定した範囲を印刷する jQuery printElement.js
可愛い後輩くんが、HTMLページ内の指定した範囲を印刷する機能の設置方法について悩んでいる。 この手の機能を実現するには、わずか数行の簡易的なスクリプトから本格的なスクリプトまでが、数多くネット上に公開されており、開発は […]
簡単画面遷移無しフォーム jQuery Form Plugin（jquery.form.js）
one page（1ページ）完結のサイトの場合、お問い合わせフォームなどの入力エラー、確認画面、完了画面のページ遷移も省略させたい思う時がある。 jquery.form.jsを利用すれば、簡単にOne Page完結のAj […]
システム開発者の野望 Google PageSpeedでスコア100を目指す JS CSS
画像の最適化など、細かな調整が完了した後は、Javascriptファイルの圧縮と結合、CSSファイルの圧縮と結合を行えば、さらにスコアを上げることができる。 CMSなどを利用していないサイト制作の場合、Compassなど […]
jQueryプラグイン「Lazy Load」が動かない Bootstrapと競合？
またいつもの後輩が悩んでいる。 いつも大げさなリアクションが得意な後輩の話に耳を傾けその会話を楽しみつつ、最後にアドバイスを送るのが日課になっているのだ。 今日のトラブルとは ページのスクロール幅に応じて、現在ブラウザー […]
システム開発者でも出来た！ボタン アニメーション Hover.css
検証用のWEBシステムを開発している際に、ここをこうすると分かりやすいんだけど、ボタンやアイコン素材をデザイナーさんにわざわざお願いするのもなんだかなー。 かと言って自分で作るのはもっと面倒である。 Bootstrapな […]
システム開発者の野望 Google PageSpeedでスコア100を目指す 画像圧縮
WEBデザイナー、営業のスタッフから良くGoogle PageSpeedのスコア項目について質問を受けることがある。 PageSpeedのスコアを上げたい！できればモバイル、パソコン共に100にして欲しいと言った事を！ […]
システム開発者の野望 Google PageSpeedでスコア100を目指す 画像の最適化
デザイナーのスタッフから良くGoogle PageSpeedのスコア項目について質問を受けることがある。 PageSpeedの値が悪いのは、システム開発者、サーバー管理者が悪いと言わんばかりの 認識だったが、問題となって […]
ChromeのConsoleログにwww-embed-player.js:153エラーが大量に出力される
テストおよびシステムの検証を兼ねて、新しい機能（JQueryプラグイン、YouTube動画再生、Google Map、レスポンシブデザイン、HTML5、CSS3フレームワークなどなど）を数多く使用していると ある時、Go […]
スマートフォンサイトのForm Inputにフォーカスすると拡大される
これは不具合なのか？仕様なのか？それすら分からない自分が悩ましい。 最近ではスマートフォンサイトに対応したサイト制作が標準化されてきました。 今まではパソコン版サイトの制作、それとは別にガラケー版サイトとスマートフォン版 […]