Technical Memorandum
- CSS / CSS3
floatで並べたリストを中央揃えする方法
簡単に考えていたことほど、一旦つまづくと解決までに時間がかかってしまうことが多いですよね。。。しかも、よく忘れる。。。ので、メモることに。 フッターメニューやページャー(ページネ ...end more
CSSスプライトでサイトを高速化
ロールオーバーを円滑にしてくれるCSSスプライトについて、いまさらながらメモる。そもそも、CSSスプライトとはなにかというと、ロールオーバ時とそうでない時の2パターンの画像をひとつ ...end more
CSS3でできるいろいろ パート1
そろそろ本格的にCSS3とHTML5のことを気にしてあげないといけないと思いメモることに。 これまでJavaScriptを入れなければできなかった処理ができるようになったので、覚 ...end more
floatで段組みした要素の高さが無視される件
CSSで段組み作成する場合の基本の基本、「float」についてメモる。 調べれば星の数ほどでてくることなので、説明は特に無しでいきます。 例えば、 [html] <d ...end more
- JavaScript / jQuery
要素の拡大縮小を使って、ロールオーバーアクションを作ってみた。
ロールオーバーアクション、シンプルシリーズ。今回はただただ単純に拡大縮小です。 動作は単純だが、チョコチョコ問題もありますので、そこらへんをメモします。 Sample ...end more
メニューに使えるロールオーバーアクション。上下左右のバリエーションを作ってみた。
アニメーションはシンプルに「ビヨーン」ってでてきます。 まあ、上下左右のバリエーションを作ってみたのですが、右からってどうなんですかね。。。。 あと、今回は今までのjQue ...end more
ブロック要素内にコンテンツを追加、もしくは入れ替え。
記事を羅列するとき見出しや一部の文章だけ表示しておいて、クリックで詳細情報を表示・非表示したい。 図で書くと、 さくっとできそうなので、やってみた。 コンテンツ追加の場合 ...end more
スクロールについてくる要素とその可動範囲の指定。あれ?この場合ついていかない要素ってことになるのかな?
長いページをスクロールしているとサイドメニューなどが見えなくなるときがありますよね。その場合、他のページに移動するにはヘッダーもしくはフッダー、サイドメニューの見える位置までスクロ ...end more
ページ内スクロール。アンカーのように”id”を指定するだけです。
前回のメモ、「ページ上部にスクロールしながら戻る。」の拡張版です。 ページ内のアンカーへの移動は、一瞬で位置が切り替わることもあり迷子になる可能性がありました。なので、あまり好ん ...end more
ページ上部にスクロールしながら戻る。
ページの上部に戻る処理を、ちょっとおしゃれにする方法をメモる。このサイトの右下に出てくる「Back to Top」も、この方法で実装しています。 html - head内 [h ...end more
jQueryについて初心者が偉そうにメモる。part 2
前回のメモで書き忘れたことがたくさんあるので、補足しながらさらにメモる。 JQueryが動かない。。。コンフリクトを避ける方法。 前回のメモからの流れと違いますが、かなり重 ...end more
jQueryについて初心者が偉そうにメモる。間違ってたらごめんなさい。
結構前から流行のjQueryのお話をいまさらメモる。今までは実装が楽なこともあって何気なく使えるものだけつぎはぎのように使っておりましたが、どうせなら最初から書きたい OR すこし ...end more
- WordPress
- Flash
- PHP
文字列の操作。検索、置換、分割など。
strlen() :文字列の長さ [php] strlen("abc123あいう"); //結果:12じゃなく、15になってる。。。 [/php] 半角 ...end more
PHPでデバッグするときのもろもろについて調べてみた。。。。けど。。
PHPって苦手です。まだまだ変数など監視しながらやらないと、思わぬところでドハマリするのでメモることに。 初心者の私は基本的に、echoもしくはprint、たまにprint_rぐ ...end more
PHP if文ってこうもかけたのね。
WordPressをいじりはじめてPHPを見る機会が増えたのですが、たまに、ん?これなにってなるときがあります。自分としてはFlashでアクションスクリプトを書いたのがスクリプトの ...end more
- MySQL ?
- Photoshop
Photoshopでの画像の切り抜き処理
Photoshopの基本中の基本である画像の切り抜き作業についてメモる。 普通の画像(切り抜くことを想定していない画像)を切り抜く場合はパスでちゃちゃっと大まかに囲っちゃった方が ...end more
複数レイヤーを指定ファイル形式で書き出してくれる、フォトショップスクリプト。
ある作業で大変助かったスクリプトなので、メモっておきます。 たくさんある画像をフォトショップですこし加工して、jpgなり、pngで書き出すという作業は、腱鞘炎との戦い。という、最 ...end more
レイヤースタイルのパターンオーバーレイ
恥ずかしながらレイヤースタイルのパターンオーバーレイについて最近知りましたので、とりあえず、メモっておくことに。 ボタンやバナーなどで、すこし物足りない時に斜線のテクスチャを ...end more
Toy Camera – Effect
上の写真は”pentacom”のソフトでトイカメラ風に加工したものです。 もっと劇的に変化させたい場合は重ねてかけるなり、数値をいじってみてください。 ...end more
- Others