ブラウザの開発者ツールを使う!WebエンジニアもやってるCSSの編集法

WordPressなどのブログでCSSを編集する際にファイルを直接編集する場合、
実際にサイトに反映して確認し修正することになります。
テスト用の環境であればそれでもいいですが、
本番の環境では訪問者に修正中の ...
コピペで簡単!jQueryでアコーディオン(開閉メニュー)を作る

すぐに使えるコードをいっぱい持っておくと、
いろいろな仕事を振られたときに迅速な対応が出来るようになっていきます。
みなさんこんにちわ
今回は、メニューやFAQなどでよく見るアコーディオンを、
コピペで ...
有意義な時間の使い方「電車の中編」通勤時間で差をつける!

毎日の通勤時間、サラリーマンの平均通勤時間は約1時間、往復で約2時間になるそうです。
この通勤時間、ゲームをしたりスマホをいじったりもいいですが、もったいない!
ぱるイラストさまより
会社の同僚、先輩で ...
恋に落ちるテキストエディターSublimeText3インストールから日本語化まで3ステップ

フロントエンドエンジニアが仕事でも使用している、無料で使い始められる、使いやすいテキストエディター
SublimeText3
インストールから日本語化までを紹介します。
直接編集は危険!WPのテーマ(phpファイル)を安全に編集する為の3ステップ

WordPressでブログを作成する際に、テーマの編集を編集画面からしていませんか?
FTPのソフトを使ってファイルを直接編集しましょう。
WordPressの編集画面から編集すると、何かミスがあった場合に、管理画 ...
1行書くだけ、iphoneで文字サイズが勝手に変更されてしまう場合の対処法

レスポンシブでサイトを作成していると遭遇するかと思います。
iphoneの横向きの時だけ文字サイズが拡大されてしまう場合の対処法です。
背景画像をレスポンシブに対応させる、縦横比を維持して領域内に納めたり領域を埋めたりする

レスポンシブデザインで背景画像を使用したいとき、縦横比を維持して表示領域に合わせる為にはどうするか。
サンプルはウィンドウ幅を変えてみるとわかりやすい。
表示領域を覆 ...
CSS3、calc()を使えば、長さ、数量、角度などを計算式で指定することができる

幅や高さを指定する場合「パーセントからpxを引きたい」といったようなことができる夢のような呪文です。(大げさ)
実際に当サイトで使用しているCSSがこちら
CSS.l-body {&n ...
なんとなくわかってるつもりで仕事してるけど実は違うことがあるかもしれない、HTML5

普段仕事してて、わかってるつもりでHTML書いてるけど実は、微妙に違ったりすることがあるかもしれない。
さらっと自分の知識の基礎をもう一度固めるつもりで読んでみる。
jQueryで便利なカスタムデータ属性(data-*)使ってますか?

タグに対して任意の値を任意の名前「data-」で始まって一文字以上が必要。
jQueryで参照したい値を持たせたりするのに便利。
classやidに無理やり持たせる必要がなくなる。
使用例
<u ...