WebDesign Dackel

Contact Form 7のJS/CSSのファイルを必要な場合のみ読み込む

Contact Form 7のJS/CSSのファイルを必要な場合のみ読み込む

WordPressを使ったサイト制作の時に大変お世話になっている「Contact Form 7」ですが、デフォルトでは全てのページにプラグイン用のCSS、JSを読み込んでしまいます。 ページの高速化を...

jQueryで画像切り替えをする為のプラグインを書きました

jQueryで画像切り替えをする為のプラグインを書きました

以前、On、Offの画像を切り替えるプラグインを書きました。 年末を使って、Githubのリポジトリの整理がてら、プラグインを書き直してみました。 プラグインの概要 <img>タグや背景画...

レスポンシブ化に使える、画像をテキストに置き換える方法まとめ

レスポンシブ化に使える、画像をテキストに置き換える方法まとめ

サイト制作を行う上でレスポンシブ化は当たり前、という流れになって随分と経った気がします。 だからといって、まだまだレスポンシブ化は簡単では無く、実際作業に入ると沢山の事に頭を悩まされてしまいます。 そ...

OwlCarousel2を試してみる

OwlCarousel2を試してみる

レスポンシブなサイトを作る時によくお世話になっているOwlCarouselに新しいバージョンが出たので早速触ってみました。 Owl Carousel 2 まだベータ版らしいのですが新しい機能が幾つか追...

国内中心に有名Webサービス・ツールの投稿画面デザインを集めてみた

国内中心に有名Webサービス・ツールの投稿画面デザインを集めてみた

いざWebサービスを作ろうとすると色々と悩むことがあります。サービス名やドメインをどうしよう、サーバはどうするか、バックエンドの言語は何を使うか、どんなフレームワークを使うかetc…。 そ...

お手軽MVVMなVue.jsを使って、ユーザ管理アプリ的なものを作ってみた

お手軽MVVMなVue.jsを使って、ユーザ管理アプリ的なものを作ってみた

今年に入って注目を浴びている?フロントエンドフレームワークのVue.jsを初めて触ってみました。 とりあえず何か作ってみる 手始めに何か作りたいと思い、よくあるTODOアプリでも良かったのですが、どう...

JSで長い文字列を生成する方法3種

JSで長い文字列を生成する方法3種

JSを使ったサイトを構築する際、jQueryなどで動的にHTMLを追加したり、コンテンツを生成したりすることがあるかと思います。 サーバから値を取得して描画したり、モーダルのコンテンツ部分のHTMLを...

Sassのextendが効かない?

プライベートでも、仕事でも最近ではほとんどSassを使って、スタイルシートを書いています。 スタイルシートを書いていく中で、僕は@extendをよく使います。Lessには無くてSassにはある、ってい...

Sassでフォントサイズをレスポンシブ対応させる荒技

Sassでフォントサイズをレスポンシブ対応させる荒技

レスポンシブなサイトを作成する時に、フォントサイズを画面幅に応じて変える必要がある場合はどのように実装しているでしょうか? 僕はサイズをremで指定して、変化を付けたい幅にブレイクポイントを設けてht...

PHPの演算子について自分なりにまとめる

PHPによく出てくる演算子の名前

PHPを普段書いていて、ネットの情報を頼りに独学のみで勉強してきたこともあり、一度体系的に学びたいなぁと思ったことから先日、パーフェクトPHPを読み始めました。 Part2の3章目「型と演算子」の中で...