WebDesign Dackel

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

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

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

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章目「型と演算子」の中で...

jqueryオブジェクトからセレクタ名を取得

jQueryを使ってJSを書く時に他のブログなどでも散々書かれていますが、何度も使うjQueryオブジェクトは変数化しましょう!というのがあります。 これは内部的に何度も同じ要素を取得させないようにキ...

PHPでアメーバブログのRSSから記事と記事内の画像を表示する

PHPでアメーバブログのRSSから記事と記事内の画像を表示する

運営中のサイトとは別にブログを書いていて、その情報をサイトのTOPへ載せたい、 といった要望があがることがあります。 そのブログサービスが提供するRSSを取得して表示する、というのが簡単で一般的かと思...