webデザインに関するinterview99のブックマーク (15)

  • 移転先へ自動移動(転送/リダイレクト)させる方法 [ホームページ作成] All About

    ウェブ上でのリダイレクト(Redirect)とは、あるURLから別のURLに転送することです。アクセスされた瞬間に自動移動させることで、転送された事実に気付かれないくらい一瞬で移動させることもできますし、転送の予告を数秒間ほど案内した後に自動移動させることもできます。 また、その移転が恒久的なのか一時的なのかを示すこともできます。この種別は、検索エンジンに対して「移転前のURLと移転先のURLのどちらを登録すれば良いのか?」を知らせる役にも立ちます。 ウェブサイトを移転した場合など、指定したURLに自動的に転送させたい ウェブサイト全体や、特定のページにアクセスしてきたユーザを、指定のURLに自動転送したい場合があります。例えば、以下のような場合です。 ウェブサイトを引っ越して、URLが変更になった場合 ウェブサイトの構造を改変して、一部のファイル名やディレクトリ名が変更になった場合 UR

    移転先へ自動移動(転送/リダイレクト)させる方法 [ホームページ作成] All About
  • フリーのボタン素材を作ってみました。 | Design Plus

    ウェブサイトは、WordPressテーマで効率よく制作する時代に入っています。 私たちは、この市場のニーズに応え、低コストでハイクオリティ、 そして、驚異的にインパクトのあるサイトが構築できるWordPressテーマTCDを開発し続けています。 美しいデザインのサイトを、どなたでもかんたんに運営可能です。 累計ユーザー数120,000を超える老舗トップブランド「TCD」テーマの威力をどうぞご堪能下さい。 WordPressテーマTCD 3つの特徴 テンプレートの領域を はるかに超越した美しいデザイン 世界で最も先進的で、スタイリッシュなテンプレートを作りたい。その基盤となるのはデザインである、という思いが私たちにはあります。美しく魅力的なデザインはそれだけで読み手の心を掴む力があるからです。デザインは「印象付け」をする大きな要素です。私たちは、あらゆるネットマーケティングのシーンであなたの

    interview99
    interview99 2013/04/09
    CSSで半透明
  • シェイプ Stripe03 - ナンヤカンヤのパターン素材

    About 商用利用OK・加工OKなフリーのシームレスパターン素材を配布しています。WebサイトやTwitter、ブログの背景・壁紙、イラストなどにも無料で利用することができます。 ただいま、カラー・サイズのバリエーションも含めてですが、全部で6423種類のパターン素材を配布しています。

    interview99
    interview99 2012/03/22
    斜めストライプ背景
  • NameBright - Coming Soon

    loadinfo.net is coming soon This domain is managed at

    interview99
    interview99 2011/12/29
     ローディング
  • CSSだけのグラデーション背景をカラーピッカーで作れる「CSS Gradient Editor」

    見出しや段落などに、クロスブラウザで動作するグラデーションをかけたい時、サイズを合わせた背景画像を用意して、CSSで指定したりとなかなか煩雑ですよね。 そんなグラデーションをCSSでも表現できるわけですが、今回はツールを使ってカンタンにCSSを生成できてしまうものをご紹介します。 組織のマインドマップツールをマインドマイスターにすべき理由 伸びてる産業、会社、事業を紹介しまくるStrainerのニュースレターに登録!! CSSのグラデーション加工をカラーピッカーで作れる「CSS Gradient Editor」 「CSS Gradient Editor」は、カラーピッカーで2色のグラデーションを設定すると、CSSを生成してくれるオンラインツール。 今すぐグラデーション背景を作りたい時に、ログインなしでCSSだけでサクっと作れるのが便利です。(※ただしFirefox3.5以前とIEは非対応)

    CSSだけのグラデーション背景をカラーピッカーで作れる「CSS Gradient Editor」
  • ディスプレイのサイズに合わせて画面いっぱいに背景画像を表示するCSSやjQueryプラグインいろいろ

    ディスプレイサイズ(ブラウザサイズ)いっぱいに背景画像を表示する方法はいくつかありますが、最近見つけた jQuery のプラグインを使って、いろいろ試してみたりしたのでレビューをまとめてみました。 背景に画像を使った Webサイトってたくさんありますよね。大きくてキレイな画像は、見た目にもインパクトがあってとても印象的です。でも Webサイトを閲覧している人の環境は様々で、ディスプレイのサイズが違ったりするもの。ディスプレイ(ブラウザ)のサイズにあわせて、画像を拡大表示する方法はいくつかありますが、その中からいくつかをサンプル付きでご紹介します! 画面いっぱいに背景画像 目次 CSSのみで画面いっぱいに背景画像 jQuery プラグイン fullscreenr を使ってみた Full Size Background Image jQuery Plugin を使ってみた jQuery max

  • Flash 使えるTips&サンプル|webデザイン事務所 エクスワイジー: スクリプトで制御するタイポグラフィックス

    プログラムを勉強しないと始まらないな…|Flashの強化書 仕事で結構Flashを作って来ましたが、実際に使っているスクリプトはAS1.0に毛の生えたようなモノで、効率的なプログラムとはほど遠く、もう1度はじめから勉強しなければ…と、常々思っています。 その度に配列やら関数やらオブジェクトやらリスナーやらなんやらかんやらの壁に阻まれ、なかなかに向上しないのですが…。 だいたい参考書を読んでいても何故だか急に難しくなりませんか? どこかごっそり見落としたんじゃないだろうかと思う程、聞き慣れない言葉や書式がいきなりドカッと出てきてしまう。 正直お手上げである。 しかし、こんなんじゃAS3.0時代にとてもじゃないけど着いていける訳がないので、何度目かの悪あがき(?)を始めています。 さて、今回紹介するのは「1ランク上の技術を身につけるFlashの強化書」出てくるサンプルですが、いままで手作業でや

  • 新着記事

    『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年3月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材/配色やWeb制作といった最新トレンドも公開中。

    新着記事
  • trick7.com blog: お手軽にSWFObjectでswfを埋め込む方法

    Menjadi member judi slot online terpercaya dan terbesar merupakan hal yang wajib anda lakukan terlebih dahulu sebelum mulai untuk […]

  • CSSとタグ要素(IMGタグの特異性)【CSS関連】 / Studio Rikiy

    HTMLタグは、若干の例外はあるもののそのほとんどがブロック要素(block element)、インライン要素(inline element)と呼ばれる要素のどちらかに分類される。 一般的にはブラウザ表示時に前後に改行がはいるものがブロック要素、いらないものがインライン要素と区別されるが、CSSを使いこなす上ではこの両者の違いをもう少し具体的に掘り下げて学ぶ必要があるだろう。 ブロック要素 (block element) 概要 ボックス要素とも呼ばれる。 高さと幅を持ち、ほぼ全てのスタイルプロパティが使用できる最上位要素。 特長 ほぼ全てのプロパティが有効 width,height,margin,paddingを持ち、タグ前後に改行が入る witdhとheightを指定がない場合、widthは親要素に、heightは子要素に依存する 該当タグ P / H1 / H2 / H3 / H4 /

  • テキストを反射させる方法 / ウェブデザインライブラリー

    投稿日:2008年1月15日   レベル:初心者    ソフトウェア: 今回はテキストの反射についてお教えします。皆さん当はこのテクニックを他のデザインにも使っているのではないかと思います。それでは始めましょう。 Step1 : ドキュメント作成 Step2 : 文字を書く Step3 : テキストレイヤー効果 Step4 : テキストの反転 Step5 : クイックマスクモード Step6 : クイックマスクモード Step7 : 完成 Photoshopを開いてドキュメントを作成します。サイズは400ピクセル×200ピクセル、背景は白です。 新規レイヤーを作成して、「gradient_background」と名前を変更し、「グラデーションツール」で、最前面を「#999999」に設定して背景を「白(#ffffff)」にします。ステージの下から上に向けてドラッグすると、次のようになります

  • 「CSS」、「JavaScript」を外部リンクで読み込む

  • 小粋空間_カテゴリーリストにカスタムフィールドの画像を表示する

    Finaleで2音のトレモロを入力する方法を紹介します。 なお、米国時間2024年8月26日、Finaleの開発/販売終了がアナウンスされました。 国内販売代理店契約の即日終了に関して 1.問題点 Finale(バージョン27)で冒頭のような2音(またはそれ以上)のトレモロを入力したいのですが、方法がわかりません。 ということで、Finaleで2音のトレモロを入力する方法を紹介します。 2、Finaleで2音のトレモロを入力する 2音のトレモロを入力するには、トレモロさせたい音符を選択。 メニューバーより「プラグイン」→「TG Tools」→「簡易トレモロ...」を選択。 ダイアログが開くので、連桁(れんこう)の数等を指定して「適用」をクリック。ここでは「2」を設定します。連桁とは連続した音符の旗をつないで記述することです。 これで2音のトレモロが設定できたので、ダイアログの「閉じる」ま

    小粋空間_カテゴリーリストにカスタムフィールドの画像を表示する
  • Photoshopでデザインスタジオのヘッダーを作る方法 / ウェブデザインライブラリー

    Home > フォトショップ講座 > Photoshopでデザインスタジオのヘッダーを作る方法 Photoshopでデザインスタジオのヘッダーを作る方法 投稿日:2009年03月17日   レベル:中級者    ソフトウェア: このチュートリアルでは、デザインスタジオのヘッダーを作ってみたいと思います。 Step1 : はじめに Step2 : 選択範囲を作って下部にバーを作成する Step3 : リンク用のテキストを作成する Step4 : 選択範囲を作って上部のバーを作成する Step5 : 完成

  • [CSS]水平に配置するパネルをスマートに実装するスタイルシート

    等間隔にパネルを水平に配置した際、余分なマージンのせいで列から落ちてしまうのをスマートな実装方法で解決するスタイルシートをwoork upから紹介します。 How to distribute elements horizontally using CSS 問題点 3つのdiv要素にそれぞれマージンを付与して等間隔に配置した際、3つのdivとマージンの領域がwrapperの領域を超えてしまうと、ブラウザのレンダリングは一列ではなく二列になってしまいます。 これをdiv要素に異なるclass名を使用せずに、一列に配置します。

  • 1