カテゴリー: HTML / CSS / JavaScript

社会人のための三角関数復習[基本編]

前回書いた扇形状にアニメーションする記事、非常に残念な動きをしています。無念としか言いようがありません。 これを機におさ […]

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 […]

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

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

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

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

1 2 3 4