タグ

*webデザインに関するkeicin2002のブックマーク (63)

  • ワードプレステンプレート「TCDさんのwordpressテーマ」が素晴らしすぎる件

    当サイトは既にご承知の通りwordpressという無料CMSツールを活用して構成されております。 wordpressを活用する利点は無数に存在し、その魅力に取りつかれたユーザーは世界中に数多く存在します。 結果として世界レベルで多くのサイトがwordpressにて作成され、日進月歩でシステムの向上が図られております。 ワードプレステンプレートについて wordpressの利点の1つにテーマ(デザインテンプレート)の存在があります。 世界中のデザイナーがオリジナルのテンプレートを公開しており、その数は日々増加しているのです。 私のような凡人は、このような公開テンプレートを活用することにより、専門知識が乏しくてもお洒落で綺麗なホームページを作成することができるのです。これは当に素晴らしいことです。 まず、知っておくべきことはwordpressのテーマには【無料テーマ】と【有料テーマ】が存在す

    ワードプレステンプレート「TCDさんのwordpressテーマ」が素晴らしすぎる件
  • 画像も動画もGoogle Mapsもあらゆるコンテンツを拡大表示するスクリプト -iLightBox | コリス

    画像をはじめ、画像ギャラリー、そして動画、HTMLコンテンツ、外部サイトなど、あらゆるコンテンツを拡大表示するjQueryのプラグインを紹介します。 あらゆるコンテンツをサポートします。 画像、画像ギャラリー、動画(HTML5, YouTube, Vimeoなど)、Flash/swf, Google Maps, iFrame, AJAX, Alert/Confirm/Promptなど 主要なブラウザ全てをサポートします。 IE7/8/9/10, Firefox, Chrome, Safari, Opera iOS4+, Android 主要なデバイスを全てサポートします。 デスクトップ・タブレット・スマートフォン スワイプ操作やRetinaディスプレイもサポートしています。 iLightBoxのデモ デモではあらゆるコンテンツをiLightBoxで拡大表示します。 まずは、画像一枚を拡大表

  • アイデアを大量生産できる最強のフレームワーク「オズボーンのチェックリスト」 | お土産屋さんブログ

    若かりし頃、上司から「アイデアを出せ」「次の会議までにアイデアを考えておけ」と言われ、 そのたびに「またアイデアかよ・・・。」「全然思いつかない・・・。」と悩んだものです。 アイデアを片っ端から読んで試してみましたが、そう簡単にはアイデアは出ないもので、上司へのアイデア報告は大変苦痛だったことを思い出します。 そんな当時の自分に「オズボーンのチェックリスト」を教えることができれば、ずいぶん状況は変わっていたのではないかと思います。 「オズボーンのチェックリスト」は、「入れ替えてみたら」「大きくしてみたら」「逆にしてみたら」などと、1つのお題からアイデアを大量生産することができるフレームワークです。 アイデア出しに困っている方、ぜひ「オズボーンのチェックリスト」を試してみてください。 「オズボーンのチェックリスト」は、どんなツールなのか? 9つの視点から、アイデアを発想できるツールです。

    アイデアを大量生産できる最強のフレームワーク「オズボーンのチェックリスト」 | お土産屋さんブログ
  • CSS3のブラウザ別対応がアイコンで超分かりやすいサイト:phpspot開発日誌

    CSS3 - Information and samples - robertnyman.com CSS3のブラウザ別対応がアイコンで超分かりやすいサイト。 CSS3の機能でどのブラウザがどのバージョンから対応しているのかという部分がとても分かりやすい表が掲載されています。 IE,FF,Chrome,Safari,Operaの主要ブラウザの対応がわかります CSS3を使うときの参考にできますね 関連エントリ HTML5で色々作るチュートリアル&チートシート Vimの分かりやすいチートシートを見れるChrome拡張「Vim Help」 WordPress関連の役立つチートシート12

  • jQuery Mobile – All Versions | jQuery CDN

    jQuery Mobile - Git Builds UNSTABLE, NOT FOR PRODUCTION jQuery Mobile git build - uncompressed, minified, theme (minified) jQuery Mobile - All Versions jQuery Mobile 1.5.0-rc1 - uncompressed, minified, theme (structure only) jQuery Mobile 1.5.0-alpha.1 - uncompressed, minified, theme (structure only) jQuery Mobile 1.4.5 - uncompressed, minified, theme (structure only) jQuery Mobile 1.4.4 - uncompr

  • はてなブックマーク

    キーボードショートカット一覧 j次のブックマーク k前のブックマーク lあとで読む eコメント一覧を開く oページを開く ✕

  • カテゴリー別配色アイデア100

    2017年6月30日 色彩 配色によってそのデザインの印象は大きく変わると思います。色は大切な要素のひとつですね!ということで、色の持つ印象別に配色アイデアをずらりと並べてみます。配色はおなじみ(?)のCOLOURloversから、「これは!」と思うものを選ばせて頂きました。素敵な配色がいっぱいのこのサイト、ぜひ覗いてみてください!また、今回紹介するのはあくまで一例ですので、自分なりにアレンジしてみるのも楽しいと思います。サイトの雰囲気にあう配色を探してみてください。 ↑私が10年以上利用している会計ソフト! 配色に関するおすすめサイト COLOURlovers 色をテーマにしたコミュニティサイト、COLOURlovers。自分の考えた配色を登録したり、お気に入りの配色を保存しておくことができます。今回はこちらから配色アイデアを選びました。iPhoneアプリは「ColorSchemer」と

    カテゴリー別配色アイデア100
  • こんなWebデザイナーは成長しない

    2013年3月23日 ライフハック Webデザイナーのみなさん、自分を成長させるためにしていることはありますか?効率化をはかるため、よりよいデザインをするためにしていることはありますか?今回はあえてこんな記事のタイトルをつけましたが、ではどうすれば成長できるのか?という点も一緒に考えてみました。もし当てはまるものがあれば一緒に解決策を考えてみましょう! ↑私が10年以上利用している会計ソフト! 情報収集をしない Web業界では新しい技術や情報が毎日のように更新されていっています。情報が多すぎてついていけない…新しい事を覚えるのがめんどくさい…という人もいるかもしれませんが、私たちはWeb業界で働いているんです。Web屋にとって情報は武器です。日々の情報収集が仕事に役立つという場面も多くあると思うので、日頃から新しい情報にふれるくせをつけておきましょう。よく読むブログはRSSリーダーに登録し

    こんなWebデザイナーは成長しない
  • overflowを使ってfloatの問題を解決するスタイルシートのテクニック | コリス

    フロートした子要素を内包するコンテナが高さを拡張しない問題を解決するためのテクニックはさまざまなものがあります。 その中から、overflowを使った方法とその際に生じる問題点とその解決方法を紹介します。 CSS: Clearing Floats with Overflow [ad#ad-2] 下記は各ポイントを意訳したものです。 はじめに Demo 1: overflow:auto; Demo 2: overflow:hidden; overflowを使って生じる問題点と解決方法 はじめに フロートベースのレイアウトをする際、ラッパーとなるコンテナがフロートしている子要素に対して高さを拡張しないことは、普通によくある問題です。 デモ:1 フロートをクリアする要素を配置して解消した例 しかし、この問題を解決するために、「overflow」プロパティでもできることを知っていましたか? これは

  • 効果的にコンテンツを配置する代表的な3つのレイアウトとは

    ウェブデザインでもよく使用される、ユーザーの視線の動きを予測し、効果的にコンテンツを配置する代表的な3つのレイアウト、グーテンベルグ ダイアグラム、Zパターン、Fパターンを紹介します。 3 Design Layouts: Gutenberg Diagram, Z-Pattern, And F-Pattern [ad#ad-2] 下記は各ポイントをピックアップして意訳したものです。 グーテンベルグ ダイアグラム Zパターン レイアウト Fパターン レイアウト Pattern of Focal Points -情報の階層化 グーテンベルグ ダイアグラム グーテンベルグ ダイアグラムとは、均等に配置された同種の情報を見るときの視線の動きを一般的なパターンにしたものです。 これは特に、テキストの比重が高いコンテンツにはまります。 グーテンベルグ ダイアグラム グーテンベルグ ダイアグラムは4つの象

  • Thickboxちょこっと改造 :: Lunatic-Code

    このブログに組み込んでたjavascriptも少しずつjQueryベースへ書き換え中。 ファイルサイズも半分とまでは行かないけれど、40%ほどダイエットに成功。 まぁ、jQuery体の分があるので、全体的には転送量上がってるわけだけれども。 さて、題。 Thickboxを使って、画像をポップアップするのはいいんだが、 デフォルトではaタグについてるtitleしか表示できない。 aタグより、中のimgのaltを表示してもらいたいんだが。 ってことで改造。 tb_init()内の var t = this.title || this.alt || this.name || null; を var t = this.childNodes[0].getAttribute(”title”) || this.childNodes[0].getAttribute(”alt”) || nu

  • 日本のサイトで使用しているサーチボックスのサイズとボタンの一覧

    「Webサイト価値ランキング 2010」と「Alexa - Top Sites in Japan」から上位30数社のウェブサイトで使用しているサーチボックスのサイズとサーチボタンを調査したので紹介します。 30文字以上(8) 15~29文字(9) 10~14文字(11) 10文字以下(3) 概要 各サイトのサーチボックスにひらがな50音を入力し、キャプチャをとりました。下記の掲載順番は表示文字数の多い順になっています。 サーチボックスはトップページのものを選択していますが、該当しない場合は個人ユーザー向けのページを選択しています。 30文字以上を表示するサーチボックス

  • 見出しデザイン.com -Webデザインの“見出し”を集めたサイト-

    TOP デザイン一覧 グラデーション テキストのみ テキスト非画像 上線 下線 丸 四角 囲み線 斜線 未分類 点線 角丸 はてなブックマーク ツイートする シェアする 他のギャラリー ファビコンギャラリー フッターデザイン ウェブコレクション このサイトについて いろんなWEBサイトの見出し部分を集めました。デザインの参考に。掲載サイトがリニューアルした場合はご紹介の見出しが使用されていない場合があります。 連絡先:manage.hp+midashi@gmail.com copyright © midashi-design.com All Rights Reserved.

    見出しデザイン.com -Webデザインの“見出し”を集めたサイト-
  • 見えてきたECサイトの人気レイアウト

    ECサイトのレイアウトは、ユーザーに情報を的確に届ける上で重要な役割を果たす。サポタントの調査結果から、ECサイトでトレンドになっている検索窓の設置場所やサイト幅のピクセル数が分かった。 Web・モバイル業界の人材事業を手掛けるサポタントは7月30日、EC(電子商取引)サイトのレイアウトのトレンドに関する調査結果を発表した。楽天市場(100サイト)、Yahoo!ショッピング(50サイト)に出展しているECサイトおよび企業が独自に運営するECサイト(100サイト)を7月に調査した。 70%がページ上部に「検索窓」を設置 Webページの上部に検索窓を設置しているECサイトは全体の70%だった。増加する商品点数に対し、検索性を向上させる目的で検索窓を設置するECサイトが増えているという。

    見えてきたECサイトの人気レイアウト
  • Blitz - ウェブクリエイタの人も,そうでない人も楽しめるデザインブログ

    あべむつき 年収のことを調べているなら、こちらのウェブサイトをよく確認したほうがいいです。 そしてあべラボを購入したいと思っているなら、上のページで、あべラボを買うと何が出来るのかを、しっかりとチェックした上で買うことをおすすめします。 また、口コミが書かれていれば、それもよくチェックしたほうがいいです。 以下のあべラボに関する情報も参考になるのではないでしょうか? 商品名称:あべラボ 商品紹介:夢は大きく、意識は低くをコンセプトにビジネス系YouTuberとして活動してきたLUCKY MINE(ラッキーマイン)のあべむつきが立ち上げるビジネス系オンラインサロン 購入価格:9800円 商品提供者:安部 夢都生 決済会社:infotop 販売者公式サイト このページでは、あべむつき 年収の情報を募集しています。下のコメント書き込み欄でお知らせください。 当ウェブサイトでは、Twitter(X

  • 「ルール」を打ち破るWebデザイン

    2017年6月29日 Webデザイン Webデザインの「ルール」。そのいくつかを聞いたことがあると思います。でも「やってはいけない」「やらなければいけない」なんて聞いたら壊したくなるのが人間というもの(私だけ?)。今回はそんなWebデザインのルールを打ち破る素敵なサイトをNoupeで紹介されていたので翻訳してみます。次回のWebデザインの参考にしてみてください。 ↑私が10年以上利用している会計ソフト! Webデザインの「ルール」に関する記事を見た事があると思います。事実、いやになるほど頭にインプットされている事でしょう。そして多くの場合その「ルール」は楽に生活を送るためのガイドラインとして役立っています。 しかし、あなたのアイデアがそのルールに当てはまらない場合、またはあなたがとにかく全てを型に当てはめるのにうんざりして、自分の創造力に挑戦したい場合はどうでしょう?そのルールは当に変更

    「ルール」を打ち破るWebデザイン
  • [CSS]ブラウザのサイズに合わせて垂直・水平方向に可変するレイアウト -SuperStretch! | コリス

    ブラウザを縦長にしたキャプチャ 可変レイアウトの実装はHTMLCSSで実現されています。 対応ブラウザはIE6/7/8, Fx, Op, Safari, Chromeなど主要ブラウザに対応しており、IE6はIE7のように振る舞うスクリプト「ie7-js」を使用しています。 実際のサイトに使用されている例も紹介されていました。

  • 配色センスに自信がなくても綺麗なサイトをつくる方法 | nanapi[ナナピ]

    配色センスに自信がなくても綺麗なサイトをつくる方法 に関するライフレシピをご紹介します。nanapi [ナナピ]は、みんなで作る暮らしのレシピサイトです。配色はセンスではない! よく「私は色のセンスがないから…」などという言葉を聞きますが、 配色には基となるセオリーがあり、知識として学ぶことができるものなのです。 よりよいWebデザインにするための配色のセオリー http://sweetlovexx.seesaa.net/article/90107619.html こちらにもいろいろ参考になる情報が盛りだくさんです。 書籍もいろいろあるのでamazonなどで検索してみてはいかがでしょうか。 「でも勉強とか面倒じゃないですか」 というひとでも大丈夫。 以下のサイトを使えば、なんとなくそれとなくカッコいい配色が手に入ります。 Color Scheme Designer 3 http:/

  • 大阪の激安スーパー玉出

    能登地震の被災地へ物資の支援を行いました 能登地震において、被害に遭われた皆様に心よりお見舞い申し上げます。 スーパー玉出では「NPO法人炊き出し志絆会」様の活動を通じて、被災地である石川県内灘町避難所へ物資の支援を行いました。 1月12日に沢山の支援物資とともにスーパー玉出からの物資も現地に到着し、13日には志絆会の皆さんとボランティアの方によってカレーの炊き出しが実施されました。 1日も早い復興と、穏やかな日々が早く訪れることを心から願っています。 志絆会様のHPから詳しくご覧頂けます。 2024年 7月 2日 寝屋川店営業時間変更のお知らせ 7月21日(日)より営業時間が変更になります。 営業時間 8:30~22:00 2024年 6月 14日 スーパー玉出 肉のハナマサと業務提携について 詳細はこちら 2024年 6月 14日 尼崎店閉店のお知らせ 尼崎店閉店のお知らせ 駐車場解約

  • buta.in - buta リソースおよび情報

    This domain is registered at NameSilo. If you are the owner, start administering it at NameSilo.com. If this is not your domain, find similar names that work for you. 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