WEBブラウザからプッシュ通知を送信 【Push.js】の使い方
2017年のトレンド予測で「ネイティブアプリが減少、WEBアプリケーションに移行が本格化」というものがありました。 確か […]
カテゴリー: HTML / CSS / JavaScript
スマートフォン用メニューのjQuery/CSS3プラグインまとめ【2017年版】
こんにちは、工藤です。 今回はスマートフォン用メニューのプラグインをまとめました。 実用的なものから動きが面白いなと思っ […]
社会人のための三角関数復習[基本編]
前回書いた扇形状にアニメーションする記事、非常に残念な動きをしています。無念としか言いようがありません。 これを機におさ […]
svgで扇形を書きたかった。
勉強も兼ねて、円グラフのようにぐるっと描写するjsを書きたかったのですが、どうにもうまくいきませんでした。。 角度の計算 […]
知っておくと便利なcssの小技 part6
こんにちは、工藤です。 個人的に知っておくと便利だなと思うcssの小技part6をご紹介します。 知っておくと便利なcs […]
知っておくと便利なcssの小技 part5
こんにちは、工藤です。 個人的に知っておくと便利だなと思うcssの小技part5をご紹介します。 今回はレスポンシブ関連 […]
設定しておくと便利なcssのまとめ
こんにちは、工藤です。 今回は個人的に設定しておくと便利なcssをご紹介します。 box-sizing: border- […]
デザインに活かしたい jQueryプラグインまとめ
こんにちは、工藤です。 今回はデザイン面の魅せ方に活かすことができそうなjQueryプラグインをあつめてみました。 ma […]
フォーム周りの装飾に便利なプラグイン集
こんにちは、工藤です。 今回はフォーム周りで活躍してくれそうなプラグインを集めました。 icheck チェックボックス・ […]
まだ必要？ベンダープレフィックスまとめ
日々めまぐるしく進化していくWeb技術。Webブラウザ達もアップデートを重ねるごとに便利になっていきます。 数年前はFi […]
知っておくと便利なcssの小技 part4
こんにちは、工藤です。 今回は個人的に知っておくと便利だなと思うcssの小技part4をご紹介します。 知っておくと便利 […]
【 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 […]
