社員ブログ

css3アニメーション transform,taransition,animationの違い

2015年03月29日 日曜日

こんにちは、三橋です。

今回はcss3の新プロパティ、
transform,taransition,animationの違いを簡単にまとめてみました。

(さらに…)

CSSで蛍光ペンみたいな線を引く

2014年02月26日 水曜日

なにかで使えそうなのでメモ。

一行コピペでさくっと実装できるみたい。

(さらに…)

CSS3背景アニメーションで雪を降らすの巻

2013年12月27日 金曜日

こんにちは、三橋です。

今年も残すとこあと少しですね。

冬なので、css3の勉強に背景画像を動かして雪が降ってるようにしてみました。 (さらに…)

フォントを変更したらフォームの横幅がサイドバーを無視する

2012年08月27日 月曜日

このグリニッジのコーポレートサイトは約2年前にリニューアルしました。コンテンツ内容の改修ついでに、フォントをメイリオ(ヒラギノ)に変更しようと思いました。

テスト環境でメイリオを適応してみると、フォームがサイドバーを無視して幅MAXに。その改善策です。
ちなみにサイトはWordPress、フォームはContact Form7を利用していますが、今回はCSSの問題です。

(さらに…)

「jQuery-URL-Parser」でURLの一部を取得してbody classにする

2011年06月15日 水曜日

jQueryで現在開いているページのURLの一部を取得して、body class=”ココ” に入れちゃえという話。

jQueryプラグイン jQuery-URL-Parserについて

jQuery-URL-Parserは、URLをパースしてくれるjQueryのプラグインです。

以下は簡単にどこを取れるか書いています。詳しくはjQuery-URL-Parserで確認してくださいね。

  • URL attributes.attr()
    http://example.com/folder/dir/index.html?item=value
    ・/folder/dir/index.html
    ・/folder/dir/
    ・index.html
  • Query string parameters.param()
    http://example.com?sky=blue&grass=green
    ・’blue’
    ・’green’
    ・’grass’:'green’
  • URL segments.segment()
    http://example.com/folder/dir/example/index.html
    ・’folder’
    ・’example’
  • Fragment parameters and/or segments.fparam()」 「.fsegment()
    http://example.com#sky=blue&grass=green
    ・’blue’
    http://example.com/#/about/us/
    ・’about’

(さらに…)

WordPress Plugin “Link Indication” IEでaタグが改行される時に背景画像の位置がズレる

2010年04月05日 月曜日

WordPressのPlugin Link Indicationとは、

Link Indication←コレ(外部リンクにicon)や、yokoi@greenwich.co.jp←コレ(Mailにicon)などを実装するプラグインです。

Pluginの内容については説明されている方々が多くいますので、例によって割愛。

今回の問題は、やっぱり、いつもの、アレのバグによる問題です。

(さらに…)

User Heat のHTMLコードを入れるとIEで空白が出る

2010年02月18日 木曜日

User Heat のHTMLコードを入れると、IEでFooterに空白が出ました。
その改善方法です。

(さらに…)

文字サイズサイズ小サイズ中サイズ大