タグ

ブックマーク / redline.hippy.jp (5)

  • RedLine Magazine : PHP 画像にロゴを入れる

    PHP 画像にロゴを入れる 追記:090702 はてブのコメントでこのエントリの別案タイトルを頂きました。その名も「PHPのGDライブラリをつかったウォーターマークの入れ方!」(ryuzi_kambeさん、ありがとうございます)こういうのってウォーターマークっていうんだなーと。そういえばなんか聞いたことありました(多分)。普段は「透かし」とか言ってたよ・・・。 ブログを利用してご自身で日々の情報やら画像やらを更新してくださってるクライアントさんから「アップする写真にうちのロゴを入れたいんだけど」というお願いがきた。(画像パクられたくない的な感じ)画像加工のソフト使えばーとか思ったけど、最近放置気味だったPHPの勉強再開のいいタイミングかなーということで、PHPを利用してできないかやってみた。 やりたい事 画像ファイルの右下辺りにロゴを入れたい。 後で「この写真のロゴの入ってない元データを無

  • RedLine Magazine : リストタグを使用時のIEでの変な隙間を消す

    リストタグを使用時のIEでの変な隙間を消す 私的覚え書き。 リストタグを使用してメニューを作ったりする際にIEだけに変な余白が入る事がある。それを解消するネタ。 >>問題のサンプル・こんな感じ。 Firefox等で見るとちゃんとメニューの間が詰まっててOKなのだが、IEの場合だと勝手に余白が入る。marginやpaddingを0にしても、liタグを途中改行しても効果なしで、その都度ごまかしてきたりしてたんだけど、とりあえず原因はIEの場合、リスト内のインライン要素をブロック化すると余計な余白を入れるというかline-heightの解釈が正しくないっぽい。 >>対策はこんな感じ。 li { line-height:0; } a { display: block; background-color:#900; padding: 5px; color: black; text-decoratio

  • RedLine Magazine : 気になった初期化CSS

    気になった初期化CSS コリスさんの記事でブラウザのデフォルトスタイルを初期化するCSSのサンプルが多数掲載されていました。 >> [CSS]ブラウザのスタイルを初期化するスタイルシートのサンプル集 | コリス 初期化する内容やどこまで初期化しておくのかは案件ごとのデザインなどによってケースバイケースだったりして、完全にこれが私のリセットCSSですと言えるものはないのだけれど、それなりにいつもだいたい使いまわしている自分のリセット部分のソースと見比べて考えてみた。いろいろと拝見して気になったものが2つあったのでメモ。 select option に paddingを指定する 予めブラウザのデフォルトスタイルを全称セレクタ(*)なんかで一気にpaddingを0に指定してしまうと、Fxなどの一部のブラウザでだけのようだけど、selectのoptionの右端が下向き矢印マークで隠れてしまうことが

  • RedLine Magazine : フォントサイズ問題のために100.01%を指定

    フォントサイズ問題のために100.01%を指定 70 Expert Ideas For Better CSS Coding | Smashing Magazineをいつかちゃんと読み直そうと印刷までしておいたのだが忘れてた。今日夕方やっと読み直したので今日はその文書からの話。 上記ページにはタイトルの通り、CSSコーディングのより良いアイデアが掲載されている。ほとんどがわりと有名な話だったりするのだが、これは知らなかったわというものがあったので書いてみる。(とかいいつつ有名な話だったら嫌だな) bodyに100.01%を指定する 上記ページの「1.5. Workflow: Setting Up Typography」の中の「Set 100.01% for the html-element.」の部分。結論から言うと、ブラウザのフォントサイズに関する問題を回避するためにbodyに100.01%

  • RedLine Magazine : jQuery Cycle Plugin を使ってみました

    jQuery Cycle Plugin を使ってみました 少し前にSBMなんかでよく見かけたjQuery Cycle Plugin、かっちょいいからいつか使いたいなーと思ってたんですが、タイミングよく機会があったので使ってみました。 jQuery Cycle Plugin って何? jsライブラリ「jQuery」のプラグインで、これを使うといろんな種類のエフェクトを使って画像のギャラリーが簡単に作れるという物です。エフェクトというと、なんとなく「script.aculo.us」を連想したりもするんですが、とりあえずサイトでjQuery使ってるし、その流れでjQuery Cycle Pluginを使ってみようということになりました。いろんな動きがあるので、まだ見たことない方は一度jQuery Cycle Pluginでデモを見たらいいかも、です。 設置方法も簡単だった で、さっそく準備。jQ

  • 1