現在のウィンドウサイズ ② [ *画像説明 ② ] (スクロールバーを含み、メニュー・ステータスバーなどを除く)
現在のウィンドウサイズ ② [ *画像説明 ② ] (スクロールバーを含み、メニュー・ステータスバーなどを除く)
「CSS Sprites(CSSスプライト)」についてまとめます。 すでにいろんなサイトで紹介されてるので、検索すれば制作手順から何から何までたくさんヒットしますが、それ故、どの方法が一番ベストなのかってのがいまいち不確かだったので、個人的にまとめ直してみることにしました。 TwitterやFacebookのスプライト用画像 CSSスプライトは、サイトの読み込みを高速化する目的で使われているCSSの小技です。TwitterやFacebookなどでは、ちっこいアイコンとかマークを表示するのに使われてますね(2012.8現在)。 具体的には「サイト内で使用するたくさんの画像(パーツ)をなるべく一枚画像にまとめて、サーバへのリクエスト回数を少なくする」という事をやってます。 画像とCSSだけで高速化が実現できるので大変お手軽なのですが、CSSスプライト用の画像を用意するにはちょっとした工夫が必要
SNS運用の成果を最大限に引き出すために「適切な画像サイズ」を押さえておきましょう。 SNSそれぞれの特徴や仕様によって適切なサイズは異なり、それが合っているかどうかでクリエイティブの効果も変わってきます。 この記事では、記事更新時点でのX(Twitter)・Instagram・LINE・Threads・Bluesky・TikTok・YouTube Shorts・Facebookの適切な画像サイズと画像の仕様をご紹介します。オーガニック投稿はもちろん、キャンペーン投稿クリエイティブ、広告クリエイティブとしても活用いただけます。 原寸画像付き 画像サイズ早見表をダウンロード 日々の運用に役立てていただくために、X(Twitter)・Instagram・LINE・Threads・Bluesky・TikTok・YouTube Shorts・Facebookの最適な画像サイズ早見表をeBookとし
a]:flex [&>a]:flex-row [&>a]:justify-between [&>a]:py-[18px] [&>a]:border-t [&>a]:border-lightgray [&>a]:border-opacity-20 [&_li]:my-1 [&_li]:list-['-_'] [&_li]:py-[18px] [&_li]:border-t [&_li]:border-lightgray [&_li]:border-opacity-20 [&_.Label]:transition-all [&_.Label]:w-fit [&_.content]:transition-all [&_.content]:h-0 [&_.content]:pt-0 [&_.content]:px-5 [&_.content]:overflow-hidden [&_.toggle:
透過PNGは素晴らしいフォーマットですが、そのファイルサイズもなかなかのものです。 透過PNGや透過GIF画像をSVG画像に変換し、JPEG圧縮・品質で軽量化するオンラインサービスを紹介します。
FB・Twitterのアイコン・カバー画像サイズ2013年最新版!当然iPhoneサイズも! アピールしやすいのはやはり画像ですね。Facebook、Twitterでの画像サイズ2013年最新版(2013.05.28)を、位置まで含めて教えちゃいます! Facebookアイコン・カバー画像(PC) 見える画像は、上のようになります。 管理者からは画面全体まで表示されるが、閲覧者には右側に広告が表示される。 アイコンは正方形の240px以上ぐらいでアップロード アイコンにはpadding(白枠の部分だけ画像をトリミングしている)が周囲5px アイコンとカバー画像が被るのは100px 気をつける点は以上です。 Facebookアイコン・カバー画像(iPhone) iPhoneで見るとこのようになります。これは悪い例ですね。 paddingは2pxぐらい ページタイトルとカテゴリーがカバー画像の
WordPressで画像ファイルがアップロード出来ないという問題にぶち当たりました。 どうやらXREAやコアサーバーを利用している場合、PHPはモジュール版でセーフモードが有効という仕様になっているらしく、このせいでWordPressのアップローダーが上手く機能してくれないという問題が発生するようです。 解決方法はWordPressのフォーラムにあったので、リンク貼っておしまいでもいいのですが、私なりに少し解説をします。 /wordpress/wp-content/uploads しかし、uploadsディレクトリは初期状態では存在しないため、WordPressのアップローダーが初回起動されたとき(画像ファイルをアップロードしようとしたとき)に自動で作成されます。 で、まず第一のエラーがこの段階で発生するのです。 「uploadsディレクトリに画像ファイルをアップできない」「uploads
twitter facebook hatena google pocket 画像を多く表示させると見せ方に悩むかもしれません。 そんな時jQuery k3dCarousel pluginを使用すると一味違った感じの印象を与えられます。 3Dぽくぐるぐると回っていきます。 sponsors 使用方法 jQuery k3dCarousel pluginからファイル一式をjQueryからjquery.jsをダウンロードします。 <style> #id名 img{display:none;} </style> <script type="text/javascript" src="jquery-1.4.2.min.js"></script> <script type="text/javascript" src="jquery.k3dCarousel.js"></script> <script> $
bitmapのデータを他のアプリに引き渡したい場合、 つまり、メールに画像を添付する場合に、bitmapを送りたい時には画像を保存して、送る必要があります。 正確には、画像を送るのではなく画像のパスを送ります。 Y.A.M の 雑記帳: Android Intent に Bitmap を渡す方法 を使えば、もしかすると小さいデータなどは遅れるかもしれませんが、大きなビットマップのデータなどは、一度保存をしてから送る方が無難かと思います。 方法としては、まず画像を保存します。 お絵かきアプリで書いた絵を保存する。 で行った方法で問題ありません。 データの送信は次のように行っております。 Uri uri = Uri.parse(画像へのpath); intent.putExtra(Intent.EXTRA_STREAM, uri); intent.setType("image/*"); ただ、
CSSを利用して画像に影をつける(ドロップシャドウ)カスタマイズです。ご質問を頂いたのでこちらのエントリーで紹介致します。下のスクリーンショットはドロップシャドウ完成例です。 仕組みは、ドロップシャドウ用の画像を、img タグを括る別のタグの背景画像として指定し、img タグの画像をずらして表示することでドロップシャドウの効果を出すようになっています。 参考にさせて頂いたのは下記のサイトです。ありがとうございました。 1976design.com:Easy CSS drop shadows A List Apart:CSS Drop Shadows nlog(n):アップロードした画像に影をつけるには POCHIKING*:画像に自動的に影をつけてテキストを回り込ませる 今日の覚え書き:cssの設定で自動的に画像に影を付ける 花と写真とblogと。:画像に影をつけてみる。 最初の1976d
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta http-equiv="Content-Language" content="ja" /> <meta http-equiv="Content-Script-Type" content="text/javascript" /> <meta http-eq
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く