css

css

[CSS]画像加工なしで写真をレイアウトする

頭痛と戦うWEB屋さん下山です。「トップページの写真を自分たちでも入れ替えたいよねー」って言われましてね。Photoshop使って写真を加工して上のようにレイアウトしてたんですよ。お客様に「じゃあPhotoshop買って勉強しましょうか!」...
css

[CSS]同じサイズのボックスを横並びにするときのコツ

ネガティブマージンってイヤですね下山です。写真のサムネイルを並べてクリックで拡大とかよくやるじゃないですか!やるじゃないですか!やれ!そのときulliでサムネイルを並べたりするじゃないですか!するじゃないですか!やれよ。で、隣同士のサムネイ...
css

[WordPress]サイトマップ自動生成プラグイン「PS Auto Sitemap」と「SlickMap CSS」でステキサイトマップ

そういえば鹿児島は梅雨入りしました下山です。WordPressでサイトマップを生成するプラグイン「PSAutoSitemap」ってデフォルトでスタイルがいくつか選択できるようになっていますが、デザインがステキすぎてくぁwせdrftgyふじこ...
css

[CSS]min-heightで最低限の高さを指定する(IE6対応)

実際の案件の要求とは別件ですがmin-heightについて。例えばdivに背景画像を指定した場合、コンテンツ量によっては背景画像が見えないこともあります。そんな時はmin-heightを使って最低限の高さを指定すれば問題解決。(IE6でも)
css

[CSS2]属性セレクタ

この業界に両足をどっぷり突っ込んで13年、まだまだ知らないことばかりですギャフン。そーです。今更ですがCSS2の属性セレクタを今日初めて知りました。そして初体験です。html要素内の属性や、その値にマッチさせるスタイルを指定することが出来る...
css

[CSS]IEの条件付きコメントを改めてまとめた(まとまってないけど)

ちょっと古い情報ですが、質問受けたので書いてみます。CSSを使ってデザインしているとモダンブラウザではしっかりデザインできているのにIEでは思うようにならないってことがよくありますよね。ちょっと前だったら「IE6でレイアウトがあああああ!」...
css

[CSS]「※」を行頭に使った文章で2行目以降を1文字分空ける

「※」を行頭に使った文章って2行以降を1文字あけたくなりますよね。たまにスペースで1文字分あけてるサイトとか見かけますけど、アレってブラウザの文字サイズの設定や、サイト内の文字サイズ変更とかやっちゃうとずれちゃうし、そもそもレスポンシブでは...
css

[CSS3]transform:rotateでオシャレに決める

サイト制作にあたって画像の処理って結構メンドウですよね。明るさ等はPhotoshop等の画像処理ソフトを使ったりなんですが、キレイな写真をページに無造作に貼り付けても面白く無いってときに役立つCSS3。transform:rotateを使う...
css

CSSボタンが簡単に作れる「CSS Button Generator」

CSS3を使い始めたころ色んなサイトを見てCSSで書かれたボタンをFireworksで作ってましたごめんなさい・・・Fireworksで作るのが悪いわけではありませんが。CSSで書くにしてもめんどくさかったりしますもん・・・と言うわけでCS...
css

Twitter BootstrapのデザインをカスタマイズできるStyleBootstrap.info

先日紹介したTwitterBootstrapのデザインをカスタマイズできるStyleBootstrap.infoの紹介です。Bootstrapでサイトを構築した場合ちょっとしたデザイン変更が結構めんどくさかったりします。自分で書いたCSSな...