タグ

ブックマーク / smkn.xsrv.jp (4)

  • 【WordPress】アップロード画像の切り抜き基準点を「中心」から「左上」にする方法

    愛しのWordPressで画像アップロードした際に、所定のサイズに切り抜き(リサイズじゃなくて)する時、あるじゃないですか。 でもアレって、画像の「天地中央」で切り抜くじゃないですか。 そーすっと例えば人物のバストアップ画像なんかの場合、顔の半分が見切れちゃうじゃないですか。 なんかヤじゃないですか。 今回のエントリーではその問題を解消すべく、画像切り抜きの基準点を「中心」から「左上」に変える方法をご紹介しようじゃないですか! そんなコトよりこの文体、ちょーウザいじゃないですか! アップロード画像の切り抜き基準点を「左上」にする方法 調べてみると、結構多いのが「コアファイルをイジる方法」なんですが、コレやっちゃうとWordPress体のアップデート時に毎回書き直さなくちゃいけなくて、保守性に著しく欠けるという欠点が。 それはやだなーと別の方法を模索したところ、海外の記事でドンピシャの方法

    【WordPress】アップロード画像の切り抜き基準点を「中心」から「左上」にする方法
    ku_marin
    ku_marin 2014/05/28
    アイキャッチのトリミング位置を変更する
  • たった一人でwebサービスを作るための、6つの技術と4つの知識

    ふとワクワクするようなアイディアが浮かんだ時、もし自分でwebサービスを作れたらなーって思う方も多いんじゃないでしょーか。 実際、twitterやfacebookを徘徊してても、結構頻繁に「webサービス作ってみたい☆」みたいな投稿をみかけますが、中には「何から手を付け始めれば良いか分からない!」的な迷える子羊達もちらほら。 そんなワケで、ささやかながら今まで当ブログでもいくつかの自作webサービスを公開してきて、企画からデザイン・コーディング・プログラミング・宣伝に至るまで、若輩ながら全て一人で担ってきた私の知見をご紹介したいと思います。 だいじょーぶ、やりゃーできる! webサービスを作るための技術と知識 技術に関する最大のポイントは「全てを知る必要はあるが、全てに精通する必要は無い」、つまり「広く浅く」で良いというコト。 その中でどこかに自分の強みが持てると尚良しですが、手始めであれ

    たった一人でwebサービスを作るための、6つの技術と4つの知識
  • IE6用透過png対応策、DD_belatedPNGの使用法と注意点

    以前もこの「DD_belatedPNG.js」に関してはエントリーしましたが 『IE6で透過pngを表示させるオススメscript、「DD_belatedPNG.js」』、あまりの素晴らしさにオススメするだけして使用法とか注意事項など大事な部分に触れずじまいでした。 この素敵な透過png対応策であるDD_belatedPNGちゃんですが、img要素に使用する際にも、div要素やp要素等の背景画像に対して使用する際も、ほんのちょっとしたクセがあります。 なので、今回はこの偉大なる「DD_belatedPNG.js」の使用方法と、使用に関するちょっとした注意点などをエントリーしようと思います。 DD_belatedPNGの使用法と注意点 1.使用するための準備 まずはこの「DD_belatedPNG.js」自体をダウンロードしないコトには始まりません。 配布元のDrew Diller’s bl

    IE6用透過png対応策、DD_belatedPNGの使用法と注意点
    ku_marin
    ku_marin 2011/11/21
    DD_belatedPNG超便利で泣ける…
  • IE6で透過pngを表示させるオススメscript、「DD_belatedPNG.js」

    >> 詳細な使用法と注意点を追加エントリーしました。 いまだ絶大なシェアを誇るIE6(Internet Exproler 6)ですが、WEB制作者ならご存知の通り、さまざまなバグ・不具合を内包しております。 ・CSSでfloatしたブロックのmarginが倍になる。 ・後方互換モードの場合、text-alignが子要素にまで影響する。 ・透過png画像が透過されない。 上記以外にも、それはいくつもの制作者泣かせの問題があり、業界内では「IE6氏ねばいいのに」とまで言われているブラウザですが、前述の通りシェアは絶大なので、対応しないワケにもいかず。 すでにいくつもの対応策が出回っておりますが、その中でも自分的に一番オススメするのが、「DD_belatedPNG.js」を使用する方法です。 有名どころの対応策を併記・比較しながら、どこがオススメなのかを含めてエントリーしたいと思います。 有名な

    IE6で透過pngを表示させるオススメscript、「DD_belatedPNG.js」
    ku_marin
    ku_marin 2009/11/09
    これもついったで教えてもらいました。半透明あんま使わないですがあるとデザインの幅広がりますよね
  • 1