html-css-js一覧(2ページ目)［自分でなんとかするWeb］

html-css-js

ほとんど劣化させずに画像サイズを軽量化できるWebサービス「tinypng」
2015.07.12
スマホが普及してから特にサイトの軽量化が重要になってきました。GoogleのPageSpeed Insightsをつかっても、大抵真っ先に画像の軽量化しなさいと怒られる。しかし、画像の軽量化ってJPGなら書き出す品質を落とすしかないし
html-css-js

CSSで簡単に画像サイズをスマートフォンに対応させる方法
2015.06.30
PCの時は特に悩まなかったけど、スマホ対応させるようになってから、機種によっても画面サイズが異なるし、縦や横に傾けた時にも可変するので大変です。画像サイズを固定値で制御してしまうと、スマホで見たときに画面からはみ出したり、逆にすごく小
html-css-js

システム改修やWeb制作時によく使うツール（エディタ・比較・検索）
2015.06.08
長年使い慣れてしまって手放せない便利ツールを紹介します。というか、まあどれも有名なので今さら感がありますが、使ったことなかったって人は参考にしてください。 ■　万能テキストエディタ「サクラエディタ」サクラエディタですね。超有名。ほかに
html-css-js

Web制作時によく使うツール（色・サイズ）
2015.06.06
まあ、他の人がどんなツールを使っているかはよく知りませんが、僕が長年Web制作でもはや手放せない、これがないと制作が進まないというツールを紹介します。今回は色とサイズ関連のみ。 ■　FE - Color Palette これがめちゃくち
html-css-js

jQueryで簡単にローディング画像を実装する方法
2015.05.20
ローディング画像といえば、くるくると回るアレですね。そうコレ。実装するのは、もっと難しいんじゃないかと思っていて敬遠していましたが、jQueryであっさりと実装できたので、紹介します。といっても、ローディング画像を使うというシチュエ
html-css-js

便利なCSS3用グラデーションジェネレーター・box-shadowジェネレーター
2015.05.12
5年ほど前は、IE6などの古臭いブラウザが普通に使われていて、CSSハックを駆使してクロスブラウザに気を使わなければならないのが普通だったけど、今はそんなに気にしていない。Firefoxで動けば大抵まあ良しとしている。その代りスマホには
html-css-js

CSSの@importのような動作をするJavascript
2015.05.08
CSSの@importのように、一つのJavascriptから複数を同時に呼び出したい時に重宝するやり方。インポートするJavascriptは同一階層に設置する。 (function(){ var s = document.get
html-css-js

Copyrightなどで使える年号自動切換えスクリプト
2015.05.08
Copyright 2008 XXXXX. All Rights Reserved.とよくあるコピーライト表記だが、年一回年号を差し替える必要が出てくる。この手間な作業を、自動でおこなってくれるスクリプト。 function year(
html-css-js

最新のブラウザ別CSSハック記述方法
2015.05.07
ブラウザがバージョンアップされていく度に条件が変わるので、CSSハックを使用する場合には、最新情報を常に取り入れていくことが肝心。（以下のCSSハックの情報は2015年5月時点）極力CSSハックを使用しないでデザインできることが当たり
html-css-js

定義リストを横並び表示にする方法
2015.05.07
テーブルを使わずに定義リストを使用して、横並び表示するクラス。これにより表でもないのにテーブルを使うというW3Cの仕様に反したコーディングを避けることができる。 dl { margin: 1em auto; width: 51
html-css-js

印刷用CSSの指定方法
2015.05.07
ブラウザからの印刷は、通常のブラウザ表示にあわせて設定したスタイルシートでは、大抵思ったように印刷されないことがあるので、印刷される可能性があるページの場合は、別途印刷用のスタイルシートを用意した方がよい。 A4用紙に収まりきらない場合
html-css-js

指定しておいたほうがよいbodyのフォントプロパティ
2015.05.07
色々しらべたけど、現状では以下の指定で十分のようだ。 font-family: "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
html-css-js

HTML5用のCSS初期化設定
2015.05.07
ChromeやFirefox、IEといった各ブラウザによる表示差異を無くすためにBaseとして設置リンク色やClearfix、マウスオーバーなどは適宜修正する。 /* ---------------------------------

1
2