「作業効率化」タグ一覧

これはスマート!z-indexをSassで管理する方法に感動しました

positionプロパティで配置した要素の重なり順を指定するz-index。値が大きいほど前面に表示されるアレです。 使うだけなら簡単なのですが、いざz-indexの指定箇所が増えてくると「どの要素より上なのか下なのか」「z-indexプロパティが散り散りにな…

続きを読む

フォントサイズのrem指定をCompassのMixinと関数で行う

クリスマスイブまで4日なのに今からアドベントカレンダーをやるとかちょっと意味が分からない宣言ですが、せっかくなので「アドベントカレンダーやってるよ!」という雰囲気を出すためブログを連日更新してみます。(なんか技術者っぽいし!) というわけで今回はSassに関わ…

続きを読む

またもやIEのみで。オーディオプレイヤーでmp3ファイルが再生できない原因がコーデックだった話

HTML5の<audio>タグをそのままオーディオプレイヤーにするライブラリ「audio.js」を使ってハマった話です。 mp3ファイルを再生するよう実装して各ブラウザで確認したところInternet Explorerでのみ再生できず。しかも互換性…

続きを読む

ownCloudをエックスサーバーにインストールしてみた

オープンソースのオンラインストレージ「ownCloud」を試しでエックスサーバーにインストールしてみたので、その流れについて。といっても至って普通の手順なので大した内容ではありません。エックスサーバーでも動きました、という報告みたいなものです。 また、セキュリ…

続きを読む

ボタン実装のSassライブラリ「Buttons」で色の追加やサイズの変更をする

ボタンを簡単に実装できるライブラリ「Buttons」で色の追加やボタンサイズを変更する方法について。(Sassのみです) 色の追加やボタンサイズの変更は変数設定でできます。(Buttonsの設定ファイルは「scss/partials」フォルダの中にある_opt…

続きを読む

Webツール「LHCN」を作ってみました。ネガティブマージンを使った横並び要素をリキッドレイアウト化します

ちょっと前にリキッドレイアウトとネガティブマージンを使った横並びを実装する方法を書いたのですが、計算式があるのならツールにしてしまえ、ということでWebツールを作ってみました。 (LHCNは「Liquid layout Horizontal element C…

続きを読む

VagrantのSSH接続をWindowsのコマンドプロンプトで実行できるようにする

WindowsのコマンドプロンプトにはSSH接続機能がないので、Vagrantのvagrant sshコマンドが効きません。 Tera Termを使ってSSH接続しても良いのですが、どうせならチャチャッとコマンドプロンプトでもvagrant sshをしたい。そ…

続きを読む

pxからemへの変換計算をしてくれる「px-em」のご紹介

pxの値を相対単位であるemに変換計算してくれる「px-em」のご紹介。フォントサイズをemで指定したいときやエラスティックレイアウト時に頼りになりそうです。 見た目のシンプルさ同様に使い方もシンプル。上の段に基準としたい親のpxサイズを指定し、その下に調べた…

続きを読む

pxから%への変換計算をしてくれる「RQRWD」がレスポンシブWebデザインとかで使えるヨ

レスポンシブWebデザインをするときなど、pxで指定したサイズを%の値に変換する場合に役立つWebツール「RQRWD (Really Quick Responsive Web Design Calculator)」をご紹介します。 使い方は簡単で、%へ変換した…

続きを読む

WordPressのカテゴリーアーカイブで特定のカテゴリーの子孫カテゴリーかを判定する方法

特定のカテゴリーの子孫カテゴリーかを判定する関数を作ったのでメモ。本当はWordPressをECサイトにするWelcartで使うため用意したんですけど、「あれ、WordPressそのものでも使えるじゃん」ということで。 条件分岐とかにどうぞ。カスタム分類でも使…

続きを読む