カテゴリー: HTML / CSS / JavaScript

【 content:attr() 】CSSでタグのdata属性やtitle属性を取得して表示する

CSSの、 :after 疑似要素で同時に使用される content プロパティ。 「content:attr();」と […]

レスポンシブ対応したモーダルウィンドウのプラグインのまとめ

こんにちは、工藤です。 今回は以前まとめたものが古かったので、jQueryを使ったモーダルウィンドウのプラグインを改めて […]

【CSS】マウスオーバーで画像がニュッと拡大するエフェクトをつける

口で説明しづらいのですが、最近よく見かけるこれです。 ↓ マウスカーソルあわせてみてください。 マウスオーバーのエフェク […]

【CSS】Webでマルチカラムレイアウトが可能に

雑誌の組版でよくある、マルチカラムレイアウト。Illustratorなどではテキストボックスを2つ作ってスレッドテキスト […]

知っておくと便利なcssの小技 part3

こんにちは、工藤です。 今回は個人的に知っておくと便利だなと思うcssの小技part3をご紹介します。 知っておくと便利 […]

知っておくと便利なcssの小技 part2

こんにちは、工藤です。 今回は個人的に知っておくと便利だなと思うcssの小技part2をご紹介します。 前回⇒知っておく […]

また新しくなったGoogle MAP、埋め込み表示の縮尺を変更する

Google MAPのインターフェースが一新されたのも記憶に新しいかと思います。その後も各種機能がハンバーガーメニューに […]

Apache2.4系のインストール時の注意点

現在、Apacheのパッケージ版を入れるとほぼ2.2系になるのですが 2.4系がリリースされ、徐々に取り扱う機会が増えて […]

Chromeでpage-breakが効かない

今回は印刷対応 print.css について。 Webページを印刷する際、地図や図版が紙面の途中で切れて印刷されないよう […]

知っておくと便利なcssの小技 part1

こんにちは、工藤です。 今回は個人的に知っておくと便利だなと思うcssの小技をご紹介します。 ブロック要素(div等)全 […]

【Apache】カスタムログの出し分けについて

Apacheのアクセスログは便利ですが、いざ見ようと思うと大変ですよね。 全てのアクセスが記述されるので、例えばiPho […]

【怖くないJavaScript + jQuery】if文のいつもと違った使い方

今回は、条件分岐について。 条件分岐と言えば、if文で書いてしまうのが一番シンプルな形ですが、今日はいつもと少し違った使 […]

【怖くないJavaScript + jQuery】要素の数に合わせて値を自動で付与する

今回は、要素の数に合わせて値を自動で付与します。例えばliの数を数えて、widthを割り振ったりなど様々な事に応用が可能 […]

【怖くないJavaScript + jQuery】画像の縦横比を保ったままサイズを変更する処理

画像の縦横比(アスペクト比)を保ったまま、サイズを変更したい。「印刷対応が必要な場合」「常にwindowサイズ-150p […]

【怖くないJavaScript + jQuery】デバッグのススメその2 ~デバッグクイズ:初級編~

明けましておめでとうございます。本年もどうぞよろしくお願い致します。 皆様仕事始めも無事迎えられたようで、如何お過ごしで […]

【怖くないJavaScript + jQuery】デバッグのススメ ~なぜ動かないのか調べる~

jQueryのコードを見よう見まねで書いてはみるものの、動かず、そして結局諦める。初心者の方ならよくあることかと思います […]

【怖くないJavaScript + jQuery】SVGデータを使用しての処理

今日はSVGデータを使用してアニメーションさせてみましょう。 SVGデータとは何かといいますと、端的に言うとXML形式で […]

【怖くないJavaScript + jQuery】new Date()で日付を動的に書きだしてみる

毎度おなじみ怖くないシリーズです。そろそろ年の瀬ですし、カウントダウンとか作って遊びたくなりますね。 今日はnew Da […]

【怖くないJavaScript + jQuery】ウィンドウサイズに合わせてメイン画像のサイズを変えたい

毎度おなじみ、[怖くないJavaScript + jQuery]シリーズです。 かゆい所に手が届くような、ニッチなjsを […]

【WordPress 管理画面】一覧画面の一括操作「編集」を消したい

本日はWordPressの管理画面カスタマイズについて。 一つだけどうしても消せなくて悩んでいたのが、投稿一覧画面にある […]

hover時に素敵な動きを加えてくれるcss3アニメーション10選

今回は素敵なCSS3アニメーションを用意してくださっているサイトをご紹介します。 2016年1月にIE8のサポートが切れ […]

【怖くないJavaScript + jQuery】マウスオーバーで注釈を表示させる

毎度おなじみ、[怖くないJavaScript + jQuery]シリーズです。 今回は、マウスオーバーで注釈を表示させる […]

【jQuery】「.animate」で「border-radius」の値を変更すると変な動きをする

ある正円形の要素にマウスオーバーをすると、角丸四角になるような効果をつけたくて、jQueryの.hover()使用してb […]

【怖くないJavaScript + jQuery】スクロールの位置によってついてくるメインメニュー

毎度おなじみ、[怖くないJavaScript + jQuery]シリーズです。 今回は、スクロールに合わせてついてくるメ […]

スマホサイト作成時に役立つプラグイン集

こんにちは。 今回はスマホサイト作成の時に使えそうなjqueryやJS、CSS3で作成されたプラグインを集めました。 j […]

1 2 3 4 5