WordPressでNew!を表示するパターン別４つの方法
WordPress（ワードプレス）コミュニティは、オープンソースのブログCMSプラットフォーム「WordPress（ワードプレス）」に関する情報コミュニティサイトです。 株式会社コミュニティコム所属の星野邦敏が制作＆運営しています。 WordPressを、企業サイトの構築として使う場合や、ブログとして使う場合など、時系列に紐付いたカスタマイズをする際に、 トップページの一覧リストや、各記事のタイトルの横に、「New!」などと文字を付けたり、New!画像を表示させる要望があると思います。 その「New!」の付け方も、 （１）時間を基準で付けたいのか、 （２）各カテゴリーリストの最新件数で付けたいのか、 （３）サイト全体の最新件数で付けたいのか、 （４）それらを組み合わせたいのか、 など、「New!」を付けたい要望も様々です。 ここでは、私が、案件によって、今までに経験しました、WordPre
webzuki.com - webzuki リソースおよび情報
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.
Switch Display Optionswith CSS & jQuery - by Soh Tanaka
Image Name Askin', jehosephat come pudneer, sam-hell, in lament had. Cabin tax-collectors spell, chitlins spittin' watchin' hootch me rightly kinfolk that. Woman kickin', work yer last dogs, rattler hee-haw mobilehome stew trailer driveway shootin'. Image Name Askin', jehosephat come pudneer, sam-hell, in lament had. Cabin tax-collectors spell, chitlins spittin' watchin' hootch me rightly kinfo
Adobe Photoshopで文字をはっきり、くっきりさせる方法 - (DxD)∞
Adobe Photoshopでかなり前から試行錯誤していることがあります。文字がどうしてもぼやけるというか、滲んでいるように見えてしまう場合があるのです。なんとかはっきり、くっきりさせられないかと色々試してみた結果、それなりに満足できる結果が得られたのでまとめておきます。 ラスタライズが前提であれば、フィルタなどで調整できる可能性はありますが、後から文字を変更したい場合に面倒なので、できればラスタライズしないでなんとか綺麗に見える方法がないかと試行錯誤してみました。使用しているのはCS2なので、バージョンによっては微妙な違いがあるかもしれません。 Photoshopの文字ツールの設定 まずは基本中の基本です。Photoshopの文字ツールは、注意しておかないと、すぐに文字のアンチエイリアスのかかり方が変わってしまいます。どういった場合にそうなるかというと、既に入力済みの文字を「文字ツール
40 Beautifully-Designed Navigation Menus | Vandelay Design Blog
These earth tone color palettes are perfect for a wide variety of nature-inspired designs. Use the provided hex codes to save time choosing colors.
畳（たたみ）を描く
今回は畳を作って遊んでみましょう。 3Dソフトでこれをバンプマッピングに 使えばリアルな畳敷きの部屋の出来上がりです。 （作例はPhotoshopだけで作ったものです。） ストライプを作る 小さな新規画像を作ります。ここでは実験として8×8pixelのものを作りました。 そこで1ドットの鉛筆ツールを使って、ストライプを描きます。 それをいきなり拡大 いま作ったストライプの画像を適当な大きさに拡大します。 ここではバイキュービック法で150×150pixelに拡大してみました。 すると、ぼやけたストライプが出来上がります。 （注意） ニアレストネイバー法は使わないでください。
写真画像を見栄えよくするPhotoshopのチュートリアル集: Part 2
写真画像をレタッチして、見栄えをよくするPhotoshopのチュートリアル集のPart 2です。 Softer Background Effect Bourne Ultimatum Color and
絞り値、シャッター速度、被写界深度の関係を覚えよう！
今日から始めるデジカメ撮影術：第97回 一眼レフとボケの関係が人気になっていたので、もう少し詳しく「絞り値、シャッター速度、被写界深度の関係」を解説します。撮影の際、絞り値、シャッター速度を変えるとどのように被写界深度が変わり、どのようにボケ具合が変わるかは、実際に撮った写真を見てみるのが一番です。 というわけで、絞り値別に同じ被写体、同じ焦点距離で8枚の写真を撮りました。写真は「のだめカンタービレマングース」の口にピントを合わせて撮影しています。詳しい解説は後にするとして、まずは実写サンプルをどうぞ。（リサイズしたため、小さいサイズのままではわかりにくいので、各写真を画像クリックすることで大きな元画像が表示されます）
すこしズルしてリアルなアイコンを作る方法 | バシャログ。
猫も杓子も Web 2.0 的な表現がもてはやされた頃、 ツヤツヤでリアルなアイコンの作成を迫られて嫌な汗をかきました。 質のよいイラストを描くことが要求される上、小さく細かい作業がてんこ盛り。 時間もスキルも足りない！ [1] まずフリー写真を探します。 アイコン作るのに何故写真が必要なの？とお思いかもしれませんが何故ならすこしズルいからです。 今回はこの本の写真を、アイコンっぽくしてみます。 [2] 必要なサイズにぎゅっと縮小し、背景を切り落とします。 [フィルタ]→[カラー調節]→[トーンカーブ]で、強めに調節します。 さらに[フィルタ]→[カラー調節]→[明るさ・コントラスト]でかなり思い切ってコントラストを上げます。 写真が縮小された上、強く補正をかけたことで、イラストに近いテイストになってきました。 [3] ここまでくればあとは簡単。 輪郭線を書き足したり、グラデーションを上か
テキストをかっこよく魅せるPhotoshopのチュートリアル集：Part 2 | コリス
テキストに透明・光線・グランジ・立体化などのエフェクトを使用したPhotoshopのチュートリアルの紹介です。 各サイトは英語ですが、キャプチャ付きで作成方法を説明しています。一部のサイトでは、PSDファイルをダウンロードできます。
テキストをかっこよく魅せるPhotoshopのチュートリアル集 | コリス
テキストにメタル・光沢・グランジ・立体化などのエフェクトを使用したPhotoshopのチュートリアルの紹介です。 各サイトは英語ですが、キャプチャ付きで作成方法を説明しています。 一部のサイトでは、PSDファイルをダウンロードできます。
画像とかの横にあるテキストを上下中央に
←こういう感じで、画像の横にあるテキストを画像に対して上下中央にするってーのは、今まで出来ないと思ってたんす。 だけども、ヨモツネットさんの記事でヨモツネット[日記] ≫ CSS で簡単に上下中央揃えを実現するってが紹介されてたので、試して見ました！ display: table-cell;がポイントになってて、IEはハックで対応みたいな感じです。 デモページ 画像とかの横にあるテキストを上下中央にする。のデモページ ヨモツネットさんとまるっと同じサンプルだとアレなので、ちょっとだけ実用的な感じでつくってみましたよっと。 ちょっと、IE6で確認してないので、ダメだったらご連絡ください。 IE6対応しました。ハックの書き方がいけなかったようです。すみません。 div.centeringTest p { display: table-cell; vertical-align: middle;
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
%26utm_content%3DGoogle%2520Reader)
css-lecture.com
GoogleマップAPIの使い方を分かりやすく解説！ - Google Maps 活用講座
Photoshop無料ブラシで簡単にサイトの背景を描いてみる - DesignWalker
Scriptを使わないCSSエフェクト、Tipsいろいろ - DesignWalker
[CSS]チェックしておきたい50のCSSのテクニック | コリス
写真画像を見栄えよくするPhotoshopのチュートリアル集 | コリス
ブログをつくったときのチェックリスト | IDEA*IDEA
[CSS]いろいろな問題を解決する1行のスタイルシート集 | コリス![[CSS]いろいろな問題を解決する1行のスタイルシート集 | コリス](https://cdn-ak-scissors.b.st-hatena.com/image/square/bc54860ba06deaa45382cf2bddc929515def0354/height=288;version=1;width=512/https%3A%2F%2Fcoliss.com%2Fshared%2Flogo-2014050501-en.png)
