Web・HTML・CSSのテキスト改行と複数半角スペースの処理に関して - くらげだらけ
Webで開発をしていてたまに上がってくる問題として、テキストの改行についてあると思います。特にWebサービスのような編集者以外のユーザーがテキストを入力した任意のメッセージなどを表示する場合、改行に関して様々なトラブルが起きたりすることがあります。編集者（作り手側）の場合は適切な箇所で改行タグを入れたり、閲覧者が適切に読めるように文章を改変したりできるのですが、ユーザーにそこまで考慮させるのは難しいことです。 またWebサービスには他にもトラブルの原因となることがあります。Webは様々な環境で閲覧・使用することが可能だということです。PCや携帯、スマートフォン、タブレットなどのデバイスの差異ももちろんありますが、閲覧するソフトウェア（Webブラウザなど）によっても表示のされ方が異なってしまいます。 （できる範囲ではありますが）すべての環境でトラブルなく適切に表示するにはどうしたら良いか？
各ブラウザがul/ol要素に適用するスタイルに関するメモ
CSSを書くとき、いつもul, ol要素のデフォルトスタイルのことを忘れてて悩むので、デフォルトだとどういう感じで表示されるかメモしておきます。 確認したブラウザは以下。 Internet Explorer 6, 7, 8Opera 9.6Firefox 3.0Google Chrome 2.0SafariはChromeと同じ表示になるので省略。 ul要素にmarginとpaddingを指定したりして試しました。 他には何も指定しなくてもよかったんだけど、やってみたら分かりづらかったので ul要素に1pxのボーダー、それを囲むdiv要素に背景色とpadding:5pxを指定。 margin，paddingどちらも指定なしの場合の場合margin-left:0を指定し、paddingは指定なしの場合margin指定なし、padding-left:0を指定した場合margin-left:0とp
犯してはいけないHTMLタグの過ち10個
【追記】 HTML5ではインラインとブロックの要素分類がなくなり、代わりに、メタデータ、フロー、セクション、ヘッディング、フレージング、エンベッディッド、インタラクティブというコンテンツの種類が定義されています。 2. 画像に代替テキストのalt属性が入っていない <img src="sample.gif" /> alt属性は、Webページに表示されるすべての画像に必須の要素ですので、必ず使用する必要があります。 <img src="sample.gif" alt="サンプル" /> 必須の要素ですので、特にテキストで表示する必要がない場合でも、alt=""としておく必要があります。 【追記】 HTML5では「Images whose contents are not known(どのような内容かわからない画像)」に限り、alt属性を省略することができます。写真共有サイトにユーザーが画像を
論理的なHTML（文書構造）を意識してつくるWebデザイン（CSS）… とSEO
デザインが先にあって XHTML を書こうとすると、論理的な文章構造殻から見たときにおかしなことになることがあります。 コーディングに慣れないうちはこういう失敗もよくありますねー。 正しい文章構造でマークアップをすれば SEO的にもいいかもしれません。 今更なんですけど、Webサイトって XHTML で書かれていて、スタイルシートで装飾されていますよね。Webデザイナーから見ると、Webサイトってとかく見た目、デザインの部分、スタイルシートばかりに目がいきがちですが、Webサイトで大事な部分ってXHTMLの文章の論理構造だったりします。まずは XHTML があっての Webサイトだと思うんです。 Webサイトを作るときに、多くの Webデザイナーさんがそうしてると思いますが、私もまず Photoshop や Fireworks をつかって Webサイトのデザインを作ります（みんな違うのかな
カッコいい管理画面のHTMLテンプレート総まとめ:phpspot開発日誌
カッコいい管理画面のHTMLテンプレート総まとめ。 これまで紹介したエントリや、新しく発見したエントリで紹介されているものを全てマージしてみました。 有償のものも混じってますが、カッコいい管理画面を作りたいといった際にカタログ的に使ってみてもいいかも。 独断ですが、クオリティ順に並べ替えてます。 Simpla Admin Boxie Admin Complete Liquid Admin InAdmin Admin (FREE) Adminizio Lite – Admin Template Admin Templates - Professional XHTML Back-end Template Spring Time – Simple Admin Template Internet Dreams Admin Skin Visual Admin ThePixelDeveloper Ad
埋め込まれたiframeをリロードさせる方法 - ヒルズで働く@robarioの技ログ
iframeを更新させるためにこんな処理が書いてあって、 <iframe id="foo" name="foo" src="/bar.html"></iframe> <a target="foo">更新</a> 一応動くには動くんだけど、a要素の使い方がなんだかなーと。 軽く調べても出てこなかったので、ちょいと試してみたら document.getElementById("foo").contentWindow.location.reload(); でいけたっぽい。JavaScriptだけど。（ちなみにreload(true)とすればスーパーリロードになるよ） "contentWindow.location.reload()"で調べ直したら色々出てきた。
http://www.bestlistoflists.com/62-high-quality-html-css-web-templates-of-2010-for-free-download.html
Top 10 Html/CSS Web Templates Of March 2010 For Free Download
Top 10 Html/CSS Web Templates Of March 2010 For Free Download By Vikas on Apr 6th, 2010 in Design Save On Delicious Share When we are thinking about creating a Website, then we mostly go to some free templates website where we can find some predefined Web templates. These templates are always helpful to you. Thanks to all kind & generous designers and developers who have put in lots of effort a
32 High Quality Free Html/CSS Templates For Download
32 High Quality Free Html/CSS Templates For Download By Vikas on Mar 25th, 2010 in Design Save On Delicious Share Free Website Templates are always valuable for those people who don’t know much about coding or designing the website. But now-a-days, there’s no worry if you don’t know creating a website personally because there are lots of kind designers and developers who submit their high quali
HTML/CSSのテンプレートがダウンロードできるWEBサイトのまとめ「25 Best Websites For Downloading Free Html/CSS Templates」
HTML/CSSのテンプレートがダウンロードできるWEBサイトのまとめ「25 Best Websites For Downloading Free Html/CSS Templates」 WEBを制作する際、HTMLとCSSを利用して作ると言う方が多いかと思いますが、今日紹介するのはフリーで利用できるHTML/CSSのテンプレートがダウンロードできるWEBサイトをまとめたエントリー「25 Best Websites For Downloading Free Html/CSS Templates」です。 Free-Css-Templates 様々なテンプレートサイトが集められていますが、今日はその中からいくつか気になったものを紹介したいと思います。 詳しくは以下 ■25 Best Websites For Downloading Free Html/CSS Templates HTMKだけで
100+ Best Free HTML5 CSS3 Templates that are Responsive - SaveDelete
Responsive websites have grown rapidly in 2015, this trend made web developers build new templates that can meet the demand. In this article we share a list of best free responsive HTML5 CSS3 templates of 2015. You may find many templates online that have responsive nature, but to choose the best one needs a bit of time, hence we made this article that will increase your productivity by wasting le
case:MobileDesign! モバイルサイトのデザイン紹介ブログ
case:MobileDesign! モバイルサイトのデザイン紹介ブログ 引っ越ししました。 http://case-mobile-design.com/ case:MobileDesign! モバイルサイトのデザイン紹介ブログ > 2010-02-15 >
素晴らしいHTMLメールテンプレート配布サイト – creamu
HONGKIATで、素晴らしいHTMLメールテンプレートがまとまっています。 ざっといくつかご紹介。 Campaign Monitor – 30 FREE HTML Newsletter Templates OutlookやThunderbird、Gmaiといった多くのメジャークライアント、Webメールでテストされたテンプレート集 Carbon Graffiti – 10 Free email marketing templates デザインに優れたテンプレート。シンプルなものから凝ったものまで Download PDFなどをダウンロードするリンクのあるテンプレート Welcome サービス登録時のサンクスメールに使えるテンプレート Blog Newsletter ブログをニュースレター形式で配信できるテンプレート。読者との関係作りに Malibu セール情報などをプロモーションする用のテ
携帯サイト（html）の制作に入る前に確認しておきたいチェック項目 │ これからゆっくり考L +α
「デザインは素敵なんだけど、携帯でこれはちょっとできないなー」とか、「無理ではないけどできれば避けておいた方がいいよなー」っていうデザインがあがってくることが多い今日この頃。 モバイルコーディングをやり慣れている人じゃないとモバイルでできることできないこと、cssを使わないと実現できないこと、table使わないと実現できないこと、などが分かりにくいと思うので当然だとは思うのですが。 ですが、知っているのと知らないのとでは工数がかなり違ってきます。 一旦デザインして、コーダーにそれを見せて「ココとココとココは実現不可能。やり直してください。」で差し戻され、デザインをやり直してってなると、デザインも2度手間、デザインをチェックして無理な項目を洗い出すコーダーにも余計な手間がかかります。 今回洗いだした項目は、なんせ自分がコーダーなので、コーダーがデザインファイルをもらった時にバーッと見てチェッ
8 different ways to beautifully style your HTML lists with CSS
The use of HTML lists (<ol> for an ordered list, <ul> for an unordered list) is very common these days. Today, we're going to look a little bit further than creating regular lists, by showing 8 different ways to beautifully style your HTML lists with CSS. We'll use some pure CSS techniques to make a bored list look awesome (and even have some extra functionality). As a reminder, here's how a defau
Code Snippets | CSS-Tricks
A collection of code snippets for web developers, including code for HTML, CSS, JavaScript, PHP, WordPress, jQuery, HTAccess, and more!
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://www.webdesignish.com/top-10-best-free-html-css-website-templates-of-october-2010.html
連載インデックス「Web技術でネイティブアプリを作れるTitanium」 - ＠IT
ブログ – H2O space
