2013年3月6日のブックマーク (4件)

  • グランジからメタルまでさまざまなテクスチャが作れるブラシまとめ「155 High Quality Photoshop Texture Brushes」

    TOP  >  Design , Photoshop  >  グランジからメタルまでさまざまなテクスチャが作れるブラシまとめ「155 High Quality Photoshop Texture Brushes」 Photoshopのブラシツールは、多彩な表現を簡単に可能にするとても便利なツール。多数ストックされている方も多いかと思います。そんな中今回紹介するのが、グランジからメタルまでさまざまなテクスチャが作れるブラシをまとめた「155 High Quality Photoshop Texture Brushes」です。 Grunge Brushes by ~silver- on deviantART 木目などの自然を表現できるテクスチャブラシから、印象的なテクスチャを制作できるブラシまで、さまざまなPhotoshopブラシが紹介されています。中でも気になったものをいくつかピックアップし

    グランジからメタルまでさまざまなテクスチャが作れるブラシまとめ「155 High Quality Photoshop Texture Brushes」
    ebisu3htn
    ebisu3htn 2013/03/06
    グランジからメタルまでさまざまなテクスチャが作れるブラシまとめ「155 High Quality Photoshop Texture Brushes」 Photoshopのブラシツールは、多彩な表現を簡単に可能にするとても便利なツール。多数ストックされている方も多いか
  • CSSだけで簡単に吹き出しを作成する方法4つ!

    こんにちは、橋です。 今日はCSSだけでお手軽に吹き出しを作る方法をご紹介したいと思います。 今回ご紹介するサンプルは4つ 一般的な三角の吹き出し 一般的な三角の吹き出し(ボーダー付き) ぽわわーんとした吹き出し 丸い(曲線の)吹き出し 4つのサンプルの実行結果は、ここで確認できます。 IE9以上とIE以外のブラウザであればちゃんと表示されるかと思います。 IE8以下はborder-radiusが使用出来ないため、サンプル3とサンプル4がちゃんと表示されません。 それでは1つ1つ見て行きましょう。 1.一般的な三角の吹き出し まずはソースから。 <!DOCTYPE HTML> <html lang="ja"> <head> <meta charset="UTF-8"> <style type="text/css"> * { box-sizing: border-box; } .wrapp

    CSSだけで簡単に吹き出しを作成する方法4つ!
    ebisu3htn
    ebisu3htn 2013/03/06
    CSSだけで簡単に吹き出しを作成する方法4つ! こんにちは、橋本です。 今日はCSSだけでお手軽に吹き出しを作る方法をご紹介したいと思います。 今回ご紹介するサンプルは4つ 一般的な三角の吹き出し 一般的な三角の吹き
  • 404ページをWordPressで作成する手順と、「All in One SEO Pack」を使用している際の注意点

    リンク切れのページにアクセスした際に表示される伝説のページ、そうそれこそが「404ページ」。 ブログのリニューアル時にこの404ページを作成していなかったことを今さらながら思い出し、作ってみましたのでその手順メモ&備忘録。 404ページとは 404 ページとは、ユーザーがサイト上で存在しないページにアクセスしようとした(切れたリンクをクリックした、ページが削除されている、URL のつづりを間違えて入力したなど)ときに表示されるページのことです。存在しないページのリクエストに応答する際、ページが存在しないことを示す HTTP ステータス コード 404 をウェブサーバーが返すため、このページは 404 ページと呼ばれています。 via: 有益な 404 ページを作成する – ウェブマスター ツール ヘルプ WordPressにて404ページを作成する手順 リンク切れやURLの間違いなどが原因

    404ページをWordPressで作成する手順と、「All in One SEO Pack」を使用している際の注意点
    ebisu3htn
    ebisu3htn 2013/03/06
    404ページをWordPressで作成する手順と、「All in One SEO Pack」を使用している際の注意点 リンク切れのページにアクセスした際に表示される伝説のページ、そうそれこそが「404ページ」。ブログのリニューアル時にこの404ページ
  • シンプルで汎用性に優れたレスポンシブ対応のタブコンテンツ -Basic Tabs

    jQueryとCSS3アニメーションを使ってシンプルに実装する、レスポンシブ対応のタブコンテンツを紹介します。 BasicTabs - The Simple jQuery/CSS3 Solution Basic Tabsのデモ Basic Tabsの実装 Basic Tabsのデモ タブはレスポンシブ対応で、表示サイズに合わせて最適化されます。 タブの切替はCSS3アニメーションで、左からフェードインで表示されます。このエフェクトの変更は簡単です。 デモページ:幅480pxで表示 Basic Tabsの実装 実装は非常にシンプルなので、カスタマイズも簡単だと思います。 Step 1: HTML HTMLは非常にシンプルで、タブはリスト要素、コンテンツはdiv要素で配置します。 <div id="tabwrap"> <!-- TABS --> <ul id="tabs"> <li class

    ebisu3htn
    ebisu3htn 2013/03/06
    シンプルで汎用性に優れたレスポンシブ対応のタブコンテンツ -Basic Tabs jQueryとCSS3アニメーションを使ってシンプルに実装する、レスポンシブ対応のタブコンテンツを紹介します。 BasicTabs - The Simple jQuery/CSS3 Solution Basic Tabsの