clearfixを使わないでやるには。
2008年11月11日お昼頃 overflow部分を一部加筆しました。 ウチのとあるページのコメント数が28になって、何となく嬉しい今日この頃。 さて、今回はこんなタイトルですけど、こんなエントリーをしようと思ったのは、floatを指定した要素の親要素の高さが算出されない時の解決手段として、clearfixでぐぐれみたいなのをよく見かけたり、あまりにもclearfixが有名だから、最近CSS覚えた人とかは、もしかしたら知らないのかなぁ～なんて思ったのです。 なので、一応基本に戻ってみましょうということで。 最近、「CSS Nite ビギナーズ」とかもやってますしね。 あ、clearfixを知らない方は、clearfix｜CSS HappyLife辺りか適当にぐぐってくださいませ。 何か、久々に書いてる気がして、どうやって書いてたか思い出せない... えっと、そもそもどんな状況の時かっていう
[JS]チョー簡単にサイトをAJAX対応にするスクリプト -com.bydust.ajax | コリス
com.bydust.ajaxは、スタティックなサイトでもWordPressのようなサイトでも、ページ全体のロードをせずに必要な箇所のみロードして表示するAJAX対応にするスクリプトです。 com.bydust.ajax demo デモサイトでは、右のナビゲーションや各記事のタイトルをクリックすると、通常のページ遷移とは異なり必要な箇所のみ非同期通信を行い表示します。 ※外部リンクなどは自動認識して、別ウインドウで表示します。 サイトをAJAX対応にする方法 サイトをAJAX対応にする基本的なスクリプトの設置方法は、下記の通りです。 下記は、対象となる全ページに適用します。 ダウンロードした２つのスクリプト（com.bydust.ajax.js, com.bydust.array.js）を外部スクリプトとして記述します。 HTMLの基本構造は、「id="page"」を親要素として、「id=
海外SEO情報ブログ - 海外のSEO対策で極めるアクセスアップ術
SGE が AI Overview に名称変更したうえで試験提供を終了し、米国で全ユーザーに一般公開される。また、Search Console のレポート対象になる。
うまくデザインされたブログのフッター集:phpspot開発日誌
25 Impressive Blog Footers | Vandelay Website Design うまくデザインされたブログのフッター集。 通常、フッターというと最後の部分なので手を抜き勝ちですが、そういったところもてを抜かずにうまくデザインしているサイト集が紹介されていました。 こういうところまで凝っておくと、クライアントに、細かいところまでちゃんとデザインしてくれているな、というような印象を与えられそうです。 Web Designer Wall PSDTUTS Blog.SpoonGraphics We Are Not Freelancers Catalyst Studios Sam Rayner 43 Folders Dreamling Productive Dreams Soh Tanaka こういうデザインを参考に、良いフッターを実装したいですね。
ASCII.jp：Web制作会社が作った！超使えるJavaScriptライブラリ
「Webサイトを作るときに本当によく使う機能を、自分で作らずにさくっと実装したい」――。そんなワガママな願望をかなえてくれる JavaScriptライブラリが登場した。ミツエーリンクスが今月オープンソースとして公開した「MJL（MITSUE-LINKS JavaScript Library）」は、Webサイト制作に必須の“最小限の機能”に絞ったJavaScriptライブラリだ。 昨今相次いで公開されている、リッチなUIを実現するJavaScript/Ajaxライブラリとは異なり、MJLの機能はとてもシンプルだ。もともとWeb制作会社であるミツエーリンクスが「自社標準ライブラリ」として作成したものだけあって、汎用性・実用性を重視したライブラリになっている。 具体的な機能は以下の6つ。確かにどれもよく使いそうなものばかりだ。 画像のロールオーバー Flashオブジェクト埋め込みの機能拡張 新規
Web Design Library(ウェブデザインライブラリー) ―ウェブクリエーター向けの情報サイト
平素はテンプレートモンスター ジャパンをご利用頂きましてありがとうございます。 2020年7月31日をもって、同サービスを終了させて頂くこととなりました。 システム障害により、2020年6月下旬より同サービスサイトを停止しておりますが、復旧の目途が立たないこと、及び昨今の新型コロナウィルスの影響により、当社全体としての事業の選択と集中が必要であること等を総合的に検討した結果、同サービスの終了を判断したものです。 従前より、テンプレートモンスタージャパンをご愛顧頂きましたお客様には、厚く御礼申し上げます。 また、同サービスのアフィリエイトプログラムにご参加いただいておりますアフィリエイター様のアフィリエイト報酬のご請求は2021年1月31日まで受付けさせて頂きます。 改めまして、同サービスをご愛顧いただき、御礼申し上げます。
Account Suspended
Account Suspended This Account has been suspended. Contact your hosting provider for more information.
背景画像に使えるレトロなPhotoshopパターン集:phpspot開発日誌
208 Retro Photoshop Patterns // WellMedicated 背景画像に使えるレトロなPhotoshopパターン集の配布サイトがまとめられていました。 背景画像に困ることは無いぐらい多数のパターンが公開されています。 Patterns Pack 2 From Onethirtytwo (6 Patterns Total) 13 Patterns From Pink Gossip 6 Patterns From KeyMoon 13 Black and White Patterns from ZeBiii Patterns Pack 3 From Onethirtytwo (6 Patterns Total) 25 Cutie Patterns from Crazykira 10 Dots ‘n Stripes Patterns From Colourgalle
デザインが失敗してしまう理由 : could
「アート・オブ・プロジェクトマネジメント ―マイクロソフトで培われた実践手法」「イノベーションの神話」の作者として知られている Scott Berkun氏は、現在も執筆活動だけでなく講演やブログなど情報発信を絶え間なく行っている方です。そんな彼が先日「なぜデザイナーは失敗するのか」という刺激的なタイトルのレポートを掲載しました。詳しい内容は UIE13 で話されたそうで、スライドの PDF 版をダウンロードすることが出来ます。 デザイナー、プロジェクトマネージャ、プログラマーなど様々な役職の方300名を対象に調査 (そのうち 35.2% はデザイナーで、49% はチームを管理したりリードする方)。41の質問に対してデザイナーが失敗すると思うものを1〜5のスコアを付けるというアンケート。詳しくは記事を読んでいただきたいですが、平均スコアが高かったのは以下の10項目。 デザインをしない方がデザ
魅力的なウェブサイトを作成するために知っておくと便利な9つのスクリプト - GIGAZINE
個人的なウェブサイト作成や仕事としてウェブサイトを作成している人だけでなく、何かのサイトを発注して作ってもらう際などにこういうのを知っておくと、かなりはっきりと具体的なイメージを相手に伝えやすくなるので、スムーズにコミュニケーションできるはずです。あるいはクライアントにこれらのリソースの存在を認知してもらうことで、話が進めやすくなるかもしれません。 というわけで、魅力的なウェブサイトを作成するために知っておくと便利な無料の各種スクリプトは以下から。 Woork: Useful resources and tutorials for developing stunning web sites 1. ModalBox http://www.wildbit.com/labs/modalbox/ Web2.0スタイルのダイアログボックスなどを表示させることができます。Mac OS Xのダイアログボ
ミサワホーム
この度の地震により被害を受けられた 地域の皆様に心よりお見舞い申し上げます。 被害を受けられたお客様につきましては、窓口にて ご相談を承っておりますので、 お申し付けください。 > 詳しくはこちら
[CSS]大きい画像を背景にする時のスタイルシートの３つの実装例 | コリス
Web Designer Wallのエントリーから、大きい画像を背景に使用する時のスタイルシートの３つの実装例を紹介します。 How to: CSS Large Background 一枚の画像を使用する方法 demo 実装のポイントは、使用する背景画像（background image）の端と背景色（background color）に同じ色（#f8f7e5）を使用します。 サンプルコード <textarea name="code" class="css" cols="60" rows="5"> body { padding: 0; margin: 0; background: #f8f7e5 url(wdw-bg.jpg) no-repeat center top; width: 100%; display: table; } </textarea>
jQuery 関連記事まとめ - Cyokodog::Diary
はてブだと埋もれるのでこちらに書き足してきます。 jQuery 基本機能 本家 jQuery.com リファレンス jQuery 日本語リファレンス jQuery 開発者向けメモ jQuery リファレンス- openspc2 jQuery 1.2.6 リファレンス - StackTrace チートシート HTML/CSS, jQuery, WordPressなどウェブ制作者のためのチートシート集 - coliss スライド・関連情報 はじめての jQuery jQueryのプレゼンVIDEO - JAM LOG 第1回 Silverlight vs. jQuery＋ASP.NET AJAX - @IT チュートリアル jQuery 入門 - openspc2 jQuery を使って Ajax 開発を単純化する - IBM jQueryの魔法 - All About jQuery ではじめ
プロフェッショナルのデザイナーがよく使う21種類のフォント
ウェブデザインの世界においてどのようなフォントが好まれて使われているのかを調査した結果、21種類のフォントが選び出されたそうです。どれもこれも使い勝手の良さそうな、見やすくわかりやすい、それでいてインパクトのある英文フォントばかりなので、覚えておいて損はありません。 プロフェッショナルのデザイナーによく使われている21種類のフォント一覧は以下から。 21 Most Used Fonts By Professional Designers | instantShift Helvetica Frutiger Myriad Pro Avenir Std Trajan Optima Std ITC Franklin Gothic Std Futura Bickham Script Univers Eurostile Interstate Trade Gothic Gill Sans Warnock
Web便利ツール/URLエンコード・デコードフォーム - TAG index Webサイト
URLエンコードとデコードが行えるフォームです。 URLエンコード、またはデコードのフォームに文字列を入力し、変換用のボタンをクリックしてください。 マルチバイト文字だけをエンコードしたい場合は「URLエンコード（URL作成用）」をご利用ください。
「ホームページは店舗だ」――マクドナルドが5年半ぶりのHP刷新に込めた思い
日本マクドナルドが5年半ぶりにホームページを刷新した。LPOを採用してコンテンツを動的に表示したり、時間に応じてWebサイトに変化させたりするなど、「Webサイトも店舗の1つ」というコンセプトに基づき、“ユーザーの楽しさ”を演出する。そこには、支持を集める企業サイトの要素がちりばめられている。 企業のホームページは、その企業の活動や理念を映し出す鏡だ。更新頻度を上げ、鮮度の高い情報をユーザーに出し続けることで、閲覧数は増え、顧客の囲い込みにつなげることができる。 日本マクドナルドのホームページは、月間5000万ページビュー（PV）を稼ぎ出す一大サイトだ。日本ブランド戦略研究所が調べた「再訪したい企業Webサイト」で第3位にランクインするなど、顧客からの支持も厚い。 そんな中、同社は新たな機能やコンテンツを取り入れ、5年半ぶりにホームページを刷新した。「PVの増加も考えたが、それ以上にマクド
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Webデザインとグラフィックの総合情報サイト - MdN Interactive - Webデザイン超基本のお作法50選
Science
webサイトを作る時に顧客とあらかじめシンクロしておくと良い7つの基礎*ホームページを作る人のネタ帳
CSS Layouts: Grid and CSS Layouts