CSS –クロスブラウザ(IE6、IE7、IE8、Firefox、Chrome)に対応したセンタリング方法
●対象ブラウザ IE6、IE7、IE8、Firefox、Chrome 意外とはまってしまうテキストやコンテンツのセンタリング方法。 ブラウザの仕様にとらわれないCSSの書き方を紹介します。 <?xml version="1.0" encoding="UTF-8" standalone="yes"?> <html...
View ArticleFacebookページ(フェイスブックページ)のIframe(インラインフレーム/アイフレーム)の読み込みについて
【規定サイズ】 520px × 800px ※規定サイズでは800pxとされているがjavascriptのコードを読み込むことで高さはいくらでも調整可能。 >>サンプルページはこちら<< 【仕様】 520px × 800px を超えるとスクロールバーが表示される Iframeで読み込んでいるファイル内に 1.bodyの余白を0に body { margin:0;...
View Articleラジオボタンやチェックボックスのラベル[label]設定(Android用)【onClick=”"】
ユーザーの使いやすさ向上の為、ラジオボタンやチェックボックスには、ラベル[label]を設定するのが基本ですが、Androidではそのままでは適用できません。 javascriptでテキストクリック時にチェックを入れることもできますが、簡単な方法として onClick イベントを設定してあげるだけでラベル[label]が適用されるようになります。 <input id="check1"...
View Articleフォトショップ(photoshop)驚くほど簡単に画像を綺麗にする【画像補正】
※画像をクリックすると拡大して表示できます。 こんな画像は、簡単に こんな風に綺麗にできます。 これを覚えておくだけで、撮影に失敗した画像も蘇らせることができます。 1.画像をフォトショップで開きます 2.レイヤーをコピーします(背景のコピー) … 【1】 3.もう一度コピーします(背景のコピー2) … 【2】 4.【2】の描画モードをスクリーンにします … 【3】...
View Articleフォトショップ(photoshop)の繰り返し処理【アクション】【ドロップレット】
フォトショップで同じ動作の繰り返し処理を実行するときは、 1.処理をアクションで保存 2.アクションをドロップレットでexeファイル化 3.フォルダごとexeにドロップで、フォルダ内の全てのファイルに適用 と簡単に処理を繰り返すことができます。 1.画像の解像度を変更して保存 2.拡張子を変えて保存 3.自動レベル補正、自動コントラスト、自動カラー補正を適用して保存...
View Articleフェイスブック(facebook)のコメントボックスをウインドウサイズに合わせて設置する【jQquer:innerWidth】
facebookのコメントボックスをウインドウサイズに合わせて設置する【jQquer:innerWidth】 <style> #content {width:80%;} </style> <div id="content"> <script type="text/javascript"...
View Articleフォトショップ(photoshop)のWeb用に保存でカラーの減色を繰り返し処理【カラー:カスタム→知覚的】
画像のファイルサイズを減らす必要があり、 まずはweb用に保存で png24ビット の画像を png8 ビット にして画像の圧縮を試みた。 大分ファイルサイズは減り 320k から 100k に。 それでもまだ容量が大きかったので png8ビットの画像のカラーを 128 から 64 に変更し、 ファイルサイズは 100k から 50k に。...
View Article横幅可変、高さ可変のiframeを作成する【クロスドメイン対応】
http://womantype.jp のサイト情報をRSSフィードから取得し、コンテンツ生成 … 【A】 生成した【A】を他のサイト( http://asobicocoro.com/ )でIframeで表示 … 【B】 いろんなサイトで【A】をIframeで表示したかったので、表示するサイトの横幅に合わせて、横幅と高さが可変になるJavascriptを書きました。 ●サンプルを見る...
View Articleフォトショップ(photoshop)を使って5秒で背景のグレーを白に変更【色調補正:特定色域の選択】
こんな画像が こんな風に背景を白にできます。簡単です。 フォトショップで(photoshop)画像を開きます。 [イメージ] → [色調補正] → [特定色域の選択]を選択 [カラー]で[白色系]を選択。シアン、マゼンダ、イエロー、ブラックの値を全てマイナス100に。 これで完了です。
View ArticleWordPressのrel=”prev”とrel=”next”をnextpageで分割した記事のURLに変更する
WordPressでは、自動的にrel=”prev”とrel=”next”がhead内に記述されますが、nextpageによる記事の区切りではなく、前の記事と次の記事を示すタグとして使用されています。...
View Article
More Pages to Explore .....