最近の覚書やメモ

Web 制作に関する個人的な覚書やメモです。記事中の内容やコード等には、誤りなどもある可能性があることをご了承ください。また、内容を利用される場合は、あくまでもご自身の責任においてご利用ください。

New Web 制作リファレンス
もう少し整理された形式のWeb制作参考資料です。

htmlcss CSScomb JS を Sublime Text 3 で使ってみる

2014年4月30日

いろいろなサイトで CSS プロパティをソートしてくれるパッケージ「CSScomb」が紹介されていたので、インストールしようと思い「Package Control」で検索すると「! DEPRECATED ! Please use CSScomb JS instead.」と表示される。代わりに「CSScomb JS」をインストールしたので、それに関するメモ(W…

続きを読む

htmlcss sublimeBookmark:Sublime Text でブックマークを付けるパッケージ

2014年4月29日

Sublime Text に標準で付いている「Bookmarks」は作成したブックマークに名前が付けられないなど使い勝手がよくないということで作成されたパッケージとのことで、便利そう。 目次 概要 ブックマークに名前が付けられる セッションを越えて保存可能 プロジェクト内のどのブックマークにも移動可能 ブックマーク数の制限なし プロジェクトベースでのブックマ…

続きを読む

wordpress サーバ上の WordPress をローカル環境に移行する方法

2014年4月28日

サーバ上の WordPress をローカル環境(XPMPP)に移行する方法についてのメモ。 XPMPP のインストールはすでに完了しているものとして省略(XPMPP のインストールについては以下を参照ください)。 XPMPP のインストール 以下は www.webdesignleaves.com をローカル環境に移行する例。 ローカル環境(XAMPP)にファ…

続きを読む

htmlcss Sublime Text 3 のダウンロードと基本的な設定

2014年4月25日

Sublime Text 3 のダウンロードと基本的な設定に関するメモ。 目次 ダウンロード 以下のページから自分の環境に合うものをダウンロード(以下は Windows 64bit 版) http://www.sublimetext.com/3 インストールはダウンロードしたファイルをダブルクリックして指示にしたがっていくだけでとても簡単なので省略。 設定 …

続きを読む

htmlcss Firefox の表示(文字などの)サイズ

2014年4月25日

Firefox の文字サイズが他のブラウザと比較して大きいのが気になる場合の対処法。 ハードディスクを入れ替えてすべて再インストールしたため同じことを調べたので(1年前に行ったことをすっかり忘れていたので)メモ。 Firefox の場合バージョン22から、PC のディスプレイの設定により表示される(メニューバーや本文などの)文字等の大きさが異なるようで、ディ…

続きを読む

htmlcss XAMPP (Windows) のダウンロードとインストール

2014年4月25日

新しいバージョンの XAMPP に関しましては以下のページをご覧ください。(2018年7月) XAMPP のインストール方法と基本的な使い方 XAMPP(Windows版) のダウンロードとインストールに関してメモ(以前インストールしたときと少し違っていた)。 ダウンロード 「ダウンロード – Xampp」(https://www.apachef…

続きを読む

jquery JavaScript/jQuery を使ったブラウザ判定

2014年4月13日

時々使用するブラウザの判定、毎回調べているのでメモ。 「UserAgent での判定」、「サポートしている機能での判定」、「使いたい機能が機能するかでの判定」などがあるので用途に合わせて利用。 UserAgent での判定 UserAgent の文字列からブラウザを判定する方法。バージョンが新しくなったりすると UserAgent の値も変更されるようでこれ…

続きを読む

htmlcss CSS3 アニメーションについてのメモ

2014年4月3日

CSS3 アニメーションに関する個人的なメモ。 CSS3でアニメーションを実装する方法は以下の2種類がある。 transition プロパティでの定義 animation プロパティでの定義 Transition 始点終点の2点間のアニメーション機能を提供 (始点から終点までの2点間のアニメーションしか行えない:設定がシンプル) 設定時間の中でアニメーション…

続きを読む

htmlcss Compass/SASS を使ったミックスインの作成

2014年3月30日

@IT に掲載されていた Compass/SASS を使ったミックスインの作成方法の記事をもとに、個人的に使いそうなことをカスタマイズしたりした際のメモ。 Sass と Compass がインストールされていることが前提。Compass を使用しないものもあるが、「@import “compass”;」が記述してあることが必要。インス…

続きを読む

htmlcss Compass/SASS を使ったアニメーションのミックスイン

2014年3月27日

アニメーションのミックスインを探していたら見つけた Compass/SASS を使ったアニメーションのミックスインに関するメモ。 Compass/SASS は最近始めたばかりなのでこの方法が正しいかは不明だが一応やりたいことはできているみたい。 追記 Sass 記法で書かれているものとは別に Scss でかかれているもの(animate.scss)も見つかっ…

続きを読む