タグ

Quail_pyaのブックマーク (238)

  • semooh plugin sample site

    Index of Semooh jQuery Sample Site 画像 1.画像を切り替える(フェード) 2.画像を切り替える(フェード2) 3.画像を切り替える(サイズ、フェード) 4.画像を切り替える(スライド) 5.画像を切り替える(奥行き) 6.画像を切り替える(サイコロ) 7.画像を切り替える(シャッター) 8.画像を切り替える(カルーセル) 9.画像を切り替える(色々) 10.画像の一部分を拡大する 11.縮小した全景で画像を見る 12.画像をパノラマ風に表示する 13.画像を反射する 14.LightBoxを表示する 15.画像にマスク処理を施す 16.マウスオーバーで画像を拡大表示する 17.透過PNGをIE6でも表示させる スタイル 1.マーキーを滑らかに実装する 2.クリックできる範囲を広げる 3.要素の高さを最大のものに揃える 4.グラデーションを作成する 5.文

  • 407個のwebデザイナー&デベロッパーズ向けフリーアイコンとアイコン配布サイト2サイト |https://wp.yat-net.com/name

    2011年 06月 01日 407個のwebデザイナー&デベロッパーズ向けフリーアイコンとアイコン配布サイト2サイト カテゴリ: フリー素材 タグ:アイコン作成支援ツール サイトにおけるアイコンですが、自作するのも良いですがハイクオリティなアイコンもpsdなどの状態でフリーでダウンロード出来る物などもあるのでこちらを使うのも有りだと思います。(但しライセンスに関してはリンク先等をご確認の上でご使用下さい。) 今回はwebデザイナーやデベロッパーズ向けのものを集めました。

    407個のwebデザイナー&デベロッパーズ向けフリーアイコンとアイコン配布サイト2サイト |https://wp.yat-net.com/name
  • CSSで実現するグリッドに捕われない雑誌風デザイン | 07design.blog

    仕事の現場で、たまに紙媒体のデザイナーに関わる機会があると、発想の違いに驚くことが多々あります。私はもともとwebからデザインを始めたので、ラフデザインの段階ですでに構造的な配置の仕方を心がけているのですが、そのせいで視覚的効果にダイナミックさが足りな・・・仕事の現場で、たまに紙媒体のデザイナーに関わる機会があると、発想の違いに驚くことが多々あります。 私はもともとwebからデザインを始めたので、ラフデザインの段階ですでに構造的な配置の仕方を心がけているのですが、 そのせいで視覚的効果にダイナミックさが足りない、グリッドに捕われたデザインになっていることに気づきました。 絶対的配置で自由にレイアウトできる紙媒体とは違い、webにはもともとの制約・環境による差異・コーディングによる配置の難しさなどがあり、どうしても視覚効果によるアピールは紙に劣ってしまうのかな、と思います。 そんな中で

  • サイトルートパスをローカルプレビュー | skal_blog

    サイトルートパスを使うことになったので 自分の覚え書きな感じですが… xamppとDreamweaverを使ってローカルでサイトルートパスをプレビューする方法をご紹介します。 まずはxamppをダウンロード and インストール! xamppは仮想サーバーをたてられると〜〜〜〜ても便利なフリーソフトです。macもでましたね。 で…xamppの設定とインストールが終わったら… 例えば http://test でブラウザからプレビューしたいときの設定 「xamppの設定」 C:xampp/htdocs の中にtestというフォルダを作ります。 これがrootディレクトリーになります。 C:xampp/apache/conf/extraの http-vhosts.conf ファイルを開く 上のあたりにある ##NameVirtualHost *:80 の##をとる(#は

    Quail_pya
    Quail_pya 2011/05/30
    ルートパスで作られたサイトの確認にっ
  • サイトルートパスを使用したhtmlをローカル環境で確認する。 – エム・アールデザイン|デザインブログ

    こんにちは。 約3ヶ月ぐらいぶりのWebデザイン系の更新です。 最近、とある企業にお世話になることになりました。 で、その会社は業務システムなどを制作している会社なので、htmlもサイトルートパスで記述されています。 ただ、このサイトルートパス、ローカル環境では確認できないんですよ。 Webデザイナーが作るhtmlのほとんどは、ドキュメントルートパスで記述されています。 この状態ならローカルで確認できるのですが、システムなどが入ってくる場合、サイトルートパスで記述する事が多く、ローカル環境では確認できません。 そこで。 MAMPの登場です。 このMAMPっていうのは、てっとりばやくApache、MysqlPHPMacに入れて、バーチャルサーバーを作ってしまおうという代物です。 Apache、MysqlPHPは個別にインストールして運用する事は可能ですが、デザイナー的には非常に敷居が高

  • スクエニ メンバーズ -SQUARE ENIX MEMBERS-

    SQUARE ENIX MEMBERS @SQEX_MEMBERS_JP スクウェア・エニックスの様々な情報をお知らせする公式アカウントです。 ※メンバーズサイトのアクセスで1日1回もらえるログインボーナスポイントをアプリからでも獲得できます。(1日1回を上限に、Webサイトまたはアプリのいずれかで獲得できます)

    Quail_pya
    Quail_pya 2011/05/30
  • イラレラボ illustrator-labo – イラレについてのシノゴノ

    Text widget These widgets are displayed because you haven't added any widgets of your own yet. You can do so at Appearance > Widgets in the WordPress settings.

  •  豚茶漬け - イチニクス遊覧日記

    豚茶漬けをべると、T兄のことを思い出す。T兄は母方の従兄弟で、私にとっては実の兄のような存在だ。 T兄が私の家に下宿していた受験生の頃、私はまだ中学にあがったばかりだった。 T兄が暮らしていた部屋には、大量のカセットテープと、古めかしい石油ストーブがおかれていた。T兄はアジア音楽のメールマガジン(郵便)のようなものを発行していて、大量のカセットテープの背面には、難しい漢字や、ハングルや、見たことのない文字が並んでいた。中には彼が作曲したテープもいくつかあって、それは祖母いわく「なにやらわからん」音楽だった。私も聞かせてもらったことがあるけれど、ほとんどがオルガンの単音がいつまでも続くような、すこし不安になる音楽で、いつも穏やかな従兄弟がこれを弾いたというのは、なんだか意外にも感じられた。T兄はいつも、ウナギ犬の描かれたバックを持って予備校に通っていた。 そんな従兄弟の部屋のストーブの上に

     豚茶漬け - イチニクス遊覧日記
  • シンプルパターン研究所 | すべて無料で商用でも使えるシンプルパターン テクスチャ配布サイト

    ドメインウェブの設定が見つかりません 考えられる原因 ドメインウェブの設定がまだ行われていない。 ドメインウェブの設定がまだ反映されていない。(反映には数時間~24時間かかることがあります) ドメインウェブ・DNSの設定が誤っている。 アカウントが存在しない、契約が終了している、削除されている。

  • IE6で透過pngを表示させるオススメscript、「DD_belatedPNG.js」

    >> 詳細な使用法と注意点を追加エントリーしました。 いまだ絶大なシェアを誇るIE6(Internet Exproler 6)ですが、WEB制作者ならご存知の通り、さまざまなバグ・不具合を内包しております。 ・CSSでfloatしたブロックのmarginが倍になる。 ・後方互換モードの場合、text-alignが子要素にまで影響する。 ・透過png画像が透過されない。 上記以外にも、それはいくつもの制作者泣かせの問題があり、業界内では「IE6氏ねばいいのに」とまで言われているブラウザですが、前述の通りシェアは絶大なので、対応しないワケにもいかず。 すでにいくつもの対応策が出回っておりますが、その中でも自分的に一番オススメするのが、「DD_belatedPNG.js」を使用する方法です。 有名どころの対応策を併記・比較しながら、どこがオススメなのかを含めてエントリーしたいと思います。 有名な

    IE6で透過pngを表示させるオススメscript、「DD_belatedPNG.js」
  • Google Chrome ショートカットキーまとめ

    Google Chromeのキーボードショートカットまとめ – builder by ZDNet Japan 巷で話題の Google Chrome 。早速ぼくもインストールしてみた。 ひとまず、備忘録としてショートカットキーをメモ。

    Google Chrome ショートカットキーまとめ
  • [CSS]スタイルシートの量を少し減らした、新しいclearfix -micro clearfix

    A new micro clearfix hack デモページ [ad#ad-2] 「clearfix」はフロートした要素が親要素からはみ出してしまうのを回避するもので、当サイトでもいくつか紹介してきました。 今回紹介するのは、スタイルシートの量を更に減らし(class名も短く)した「micro clearfix」です。 この新しいclearfixの対応ブラウザは、下記の通りです。 Firefox 2+ Safari 2+ Chrome Opera 9.27+ IE 6+, IE Mac IE6 にも対応しているのは嬉しいところです。

  • 9歳までに身に付けさせるべき25のマナー – ロケットニュース24(β)

    2011年5月21日 「あのおばちゃんのお尻、大きいね!」などと大声で言ってみたり、人前で鼻をほじくったりと、子どもは自由な生き物である。多くの場合、何がマナーに反するか単に知らないだけで子ども自身に悪気はないのだ。そのつど大人が導いてあげればよいのだが、どこまでしつけるべきか悩むこともあるかも知れない。リサーチコンサ...「あのおばちゃんのお尻、大きいね!」などと大声で言ってみたり、人前で鼻をほじくったりと、子どもは自由な生き物である。多くの場合、何がマナーに反するか単に知らないだけで子ども自身に悪気はないのだ。 そのつど大人が導いてあげればよいのだが、どこまでしつけるべきか悩むこともあるかも知れない。リサーチコンサルタントのデイヴィッド・ロウリー氏が「好かれる子になるために9歳までに習得すべき25のマナー」を紹介しているのでご覧いただきたい。 1. 何か頼む時は「お願いします」 2

  • http://www.designwalker.com/2009/06/flash-effect.html

    http://www.designwalker.com/2009/06/flash-effect.html
  • あなたも30分で英語が話せる!

    30分で英語が話せる やっほ~! 『30分で英語が話せる』に興味を持ってくれたみんな~! ありがとね~!クリス岡崎です! この記事はね、「たった2つのことを覚えるだけで」で、30分で英語が話せるようになっちゃうっていう、すごい記事なんだよ! イェーイ! 【1】みんながすでに知っている「700語の英単語だけ」で会話ができる 【2】「たった6つの正しい発音」覚えるだけで、ネイティヴに通じる英語になる このたった2つのことを覚えるだけだから、「30分で英語が話せる」ようになっちゃうってことなんだ! すごいでしょ! そして、「ひと言」でもネイティヴに自分の英語が通じると、一気に「英語って楽しい!」ってなっていって、もっと、もっと、「英語がやりたい!」っていう気持になっていく。「英語が話せる」って、ほんっっっっっっとうに楽しいものだよ! バックナンバー一覧 あなたはすでに「英語が話せる素質」を身につ

  • CSSの知識をもっと深める30+2の小技テクニック集|Webpark

    的なことやちょっと変わった意外な使い方などCSSに関する小技テクニックをたくさん紹介していきます。知っていることも多いかと思いますが、新しい発見もあるかもしれませんので復習を兼ねてぜひご覧ください。

    CSSの知識をもっと深める30+2の小技テクニック集|Webpark
  • Webデザインの“ブブン”を集めたブブンデザインアーカイブ 公式サイト

    タグ一覧 タイトルロゴ(159) プライマリナビゲーション(72) グローバルナビゲーション(246) メインビジュアル(95) 見出し(326) 文字装飾(10) アクセント(29) サイドメニュー(142) ログインフォーム(68) タブ(55) テーブル・表(23) 地図(12) 特集バナー・内部リンク(525) Twitterアイコン・バナー(64) RSSアイコン・バナー(41) フォーム(9) アイコン(195) <前へ 次へ>(12) 検索窓(149) パンくずリスト(12) このページのトップへ戻る(52) フォントサイズ変更ボタン(34) 問合せ・送信・購入ボタン(72) 電話番号(41) フッター・コピーライト(99) ニュース・ポータル・検索(207) ファッション(200) 音楽ゲーム・コンテンツ配信(58) ネット関連サービス(86) オンラインショップ(308

  • 高さの異なるボックス要素を揃えるテクニック : HTMLコーディングのノウハウ : HTML/XHTML、CSSコーディング最安保障~クロノドライブ~

    サンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキスト サンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキス

  • フッターデザイン.com -Webデザインの“フッター”を集めたサイト-

    はてブ ツイートする シェアする 他のギャラリー ファビコンギャラリー 見出しデザイン ウェブコレクション このサイトについて いろんなWEBサイトのフッター(ページ下部も含む)部分を集めました。デザインの参考に。掲載サイトがリニューアルした場合はご紹介のフッターが使用されていない場合があります。 連絡先:manage.hp+footer@gmail.com copyright © footer-design.com All Rights Reserved.

    フッターデザイン.com -Webデザインの“フッター”を集めたサイト-
  • 『自分がよく使っているサービスを知る·RSSS MOONGIFT』へのコメント

    ブックマークしました ここにツイート内容が記載されます https://b.hatena.ne.jp/URLはspanで囲んでください Twitterで共有

    『自分がよく使っているサービスを知る·RSSS MOONGIFT』へのコメント