サムネイルの一覧表示 - ギャラリー型 - ホームページのレイアウト
ここでは画面全体にサムネイルなどの画像を大量に表示するレイアウトについて見ていきます。個々の画像はバラバラの大きさでも構いませんが、見た目を重視するのであれば画像のサイズを統一するか、画像の大きさはバラバラであってもその画像を入れる枠を作り、枠のサイズを統一しておくといいかと思います。 全体の構成としては下記のようになります。 画像を格納するための領域を<div>要素で定義し、必要な数だけ追加していきます。 全体をヘッダー、コンテンツ領域、フッターの3つの分けるところまでは、『基本構成』を参照して下さい。下記のようになります。 body{ margin:0; padding:0; background-color:#dcdcdc; } #wrapper{ margin:0; padding:0; background-color:#ffffff; } #header{ margin:0;
中国版Twitter、FacebookにGROUPON...、清々しいまでに完全パクリな中国版ソーシャルサイト
中国版Twitter、FacebookにGROUPON...、清々しいまでに完全パクリな中国版ソーシャルサイト2011.03.02 20:00 mayumine 中国独自に展開しているソーシャルサイト、よくよく見なくても、というかどこからどう見ても、誰もが知っている某超有名で人気サイトに見えてくるという、不思議な現象があるようです。 中国からは本家のTwitterやFacebookは規制されていて使えませんからね、国内独自でサービスを展開していくしか無いんですよね、わかります。 ところで上の画像はどうみてもFoursquareの中国版。 偶然にも色使いからコンテンツやレイアウトまでそっくり。 より良いサービスを追求した結果、偶然にも全く似てしまうということはよくあることです。 こ、これは...、今大躍進中のGROUPONにとても似ているような気がしませんか。 あれ、つい先日GROUPONは
配色のサンプルを作成してくれるジェネレータ10選｜Web Persons [ウェブパーソンズ]
このドメインは お名前.com から取得されました。 お名前.com は GMOインターネット(株) が運営する国内シェアNo.1のドメイン登録サービスです。 ※1 「国内シェア」は、ICANN(インターネットのドメイン名などの資源を管理する非営利団体)の公表数値をもとに集計。gTLDが集計の対象。 ※1 日本のドメイン登録業者(レジストラ)（「ICANNがレジストラとして認定した企業」一覧（InterNIC提供）内に「Japan」の記載があるもの）を対象。 ※1 レジストラ「GMO Internet, Inc. d/b/a Onamae.com」のシェア値を集計。 ※1 2020年8月時点の調査。
Corbis: photography, rights, assignment, motion.
クリエイティブ画像他では見つからない独占ビジュアルを含め、幅広いフォーマットとスタイルで入手可能な何百万点ものロイヤリティフリー画像と写真を閲覧できます。 全てのクリエイティブ画像を見る
ウェブ配色ツール Ver2.0
基本的な使い方 左上のカラーピッカーを使って、任意の1色を作れば、それに合わせた配色が作れるツールです。またロゴの文字や色は任意の物を指定できるようになっています（ただしフォントは変更出来ません）。 カラーピッカーの下のスライダーを利用すれば、メイングラフィックの変更や色相幅も変えることが出来ます。動きが必要な配色の場合には、2つめのスライダーを右に動かしてください。補色配色に近い配色が出来上がります。 色の一覧を押すことで、出来上がった色の一覧を表示しますので、コピー&ペーストしてお使いください。 この配色ツールについて この配色ツールはフォルトゥナによって提供されています。リンク等は当然のことながら自由にしていただいて構いませんが、無断で複製・転載するのはおやめください。 取材・執筆等のお申し込み このツールに関してのご質問、あるいはその他の色に関する取材・業務や講演などは、フォルトゥ
裏技shop DD
Xiaomi 14 Ultraがセール！Snapdragon 8 Gen3搭載でコンデジ風デザインのスマホ！今回はXiaomiの最新フラグシップモデルのスマホであるXiaomi 14 Ultraについての製品情報とセール情報を紹介したい思います。Xiaomi 14 Ultraはコンデジカメラのような特徴... Xiaomi 328 アニバーサリーセールを実施中！Xiaomi14/POCO/Redmiなどが大幅値引き！現在AliExpressのPOCO Phone StoreやXiaomi Mi Storeでは、Xiaomi 328 アニバーサリーセールを実施しています。最新のXiaomi 14 / POCO X6 / POCO M6 / Redmi Note 13 Pro ... NEC Aterm WX3600HP WiFiルーターのレビュー！8ストリームでWi-Fi6対応！今回はNEC
scriptEYE
ライブカジノ 賭けっ子リンリンで、リアルタイムにストリーミングされるライブカジノゲームをお楽しみください。そこでは、実際のディーラーがシャッフルし、ライブカジノプレーヤーとディール、そして対話します。家でくつろぎながら、ライブブラックジャック、ライブルーレット、ライブバカラ、ライブ・アルティメット テキサスホールデムをプレイしましょう。 ここでプレイ: 賭けリンライブカジノ
無料素材・WEBデザイン フリー素材屋Hoshino
素材屋Hoshinoオリジナルのホームページ作成用デザインテンプレート（HTMLファイル、CSS、画像一式+α）を、無料で配布しております。スマートフォン、タブレット端末にも最適化したレスポンシブWEBデザインテンプレート（HTML５＆CSS３）もございますので、ホームページ作成の際は是非ご活用ください。また各種ブログ用テンプレーも公開中です。 おすすめWEBデザイン（ホームページ作成用 無料HTMLテンプレート） NEW 無料素材・WEBデザイン フリー素材屋Hoshinoへようこそ！ 当サイト「フリー素材屋Hoshino」では、ホームページ作成に役立つWEB素材を、写真素材を中心に、イメージバナー素材、最新のWEBデザイン要素を取り入れたホームページテンプレート（XHTML＆CSS）、各種ブログテンプレート、Flash素材、壁紙等、全て無料で配布しております。HP作成等に是非お役立てく
真面目にエロサイトを作ってみた【デザイナー編】 - BLOG｜ASTRODEO
東京都台東区で黙々とウェブでサービスを開発している株式会社アストロデオのホームページです。
よりリッチで、よりフレンドリーになったウェブデザインの現状 -2010年のトレンド
The Current State of Web Design: Trends 2010 下記は記事の意訳と実例をいくつか抜粋したものです。元記事では他にも多数の実例が紹介されています。 はじめに ウェブデザインとは移り変わりが激しい業界です。他のすべての芸術的な表現とまったく同じように、ウェブデザインは絶え間なく、そして驚くほど早いスピードで進化を遂げてきました。 そして現在、私たちはウェブデザインの黄金時代を経験しているところです。それはこれまでのところ、少なくとも最も良い期間です。主要なブラウザで利用できる新しいツール（CSS3, HTML5, 埋め込みフォントなど）、自由に利用が可能な多くのリソース、デザインコミュニティなど、ウェブのスタンダードの信頼性が高いサポートを持っています。 私たちはより良いインタラクションなデザインや審美的なデザインを見ています。そして同様に個人的で魅力
firefoxを使用して htmlのcssを見る方法を教えてください。 - OKWAVE
基本的に、HTMLもCSSも、隠すほどのものではなくというか、そもそも隠すべきではないものなのですから、自由に見て勉強してください。覗き見というレベルではまったくありません。だってどちらもテキストデータで、それを読んでブラウザが解釈しているわけですから、ブラウザに読めるということ＝誰の目にも見える。 HTMLやCSS、JavaScriptのルールは自由に使えるように公開されているのに、それで書かれた物を見たり、利用したら困るという思考そのものがないのですから・・・ 以前のfirefox1.0あたりまでは、スタイルシートを読む機能もありましたが、利用者が少ないためアドオンに任せられました。下のJSView・・・ さて、その友人が使っているアドオンは、間違いなくfire bugです。あまりにも有名で、ウェブ開発には欠かせないツールになっています。ウェブ開発者で知らない人はいないと思います。 C
カラーコード HTML・CSS用
Webデザイン用のプチツール 選択したデザインパターン上でブロックの色を変えことができます。選択したブロックのカラーコードも表示されます。 配色保存用アドレス機能 あなたの作った配色をブログやメールで紹介することができます。パレット右上の「保存用URL表示」をクリックするとURLが表示されますのでコピペしてご利用ください。 配色のヒント 雑誌や生活雑貨を参考にする 本文が読みにくい配色はさける。 同系統の色でまとめてみる。 同じぐらいの彩度でまとめてみる。 WEBデザインのヒント 重要なナビゲーションは、探せばすぐに見つかるように配置する 色、文字の大きさ、ブロック周りの余白を調整すると、目立つようになる ページを開いて、まずどこに目がいくのかを意識する 関連のある情報を固める 関連性の薄い情報ブロックの間には余白を入れる
pooneilの脳科学論文コメント: はてなブックマークウィジェットをちょっといじってみた
■ はてなブックマークウィジェットをちょっといじってみた 細胞外記録のエントリがけっこう多くブクマされたので、この機会にはてなブックマークウィジェットを入れて使ってました。しかし、いちいちブログのタイトルが表示されるとか、昔のhtmlで作ったエントリが表示されるとか使い勝手が悪かったので「はてなブックマークウィジェットをhackする」をちょっと改変して使ってます。 Javascriptをいじったのははじめてなので、文字列処理の仕方とかをwebでチラ見してとりあえず完成。使える技が'split'しかないわたしw もっとマシな方法があるんでしょうけど、とにかく動いたのでこれ以上追求しないでおきます。コードを貼ってみた。 <!-- 20080806 参考：http://www.h-fj.com/blog/archives/2007/12/02-093206.php --> <!-- a[4]をチ
Kawa.net xp - Ajax＆Perl技術情報（川崎有亮）
Kawa.net は、川崎有亮（かわさきゆうすけ）のウェブサイトです。 このサイトでは主に、JavaScript・Perl・ActionScript などの技術情報を載せています。 Kawanet Blog II（ウェブリブログ） でも、日々の知ったこと・思ったこと・試してみたことを書いています。 2012年9月から、 Kawanet Blog III（はてなブログ）に引っ越しました。 国内・海外の技術系カンファレンス Shibuya.pm、Shibuya.js、 YAPC（東京、シカゴ、コペンハーゲン、リスボン、リガ）、OSDC.TW（台北）、 Google Develoeprs Day、Adobe MAX などで講演したり、 The JUI、TokyoCloud などのイベント企画・運営も行っています。 ≫もっと詳しく 著書に、インプレスジャパン『ソーシャルストリーム・ビジネス』（共著
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
画像をCSSでキレイなサムネイルに – webarton blog
entity.cc
ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP
新着記事
*My First HDML*
ウェブデザイナー必見！デザイン関連ソーシャルニュースサイト１１まとめ*二十歳街道まっしぐら（FC2ブログ時代）