IE6などのクロスブラウザに強くなる、22のHTML+CSSコーディングの基礎
IE6などのクロスブラウザに強くなる、22のHTML+CSSコーディングの基礎 2011-06-04 Twitterなどを見てると、 「IE6がー！」とか 「IE6,7,8,9、Firefox、webkit系、Operaで同じレイアウトにするの大変」などのツイートをたまに見るので、クロスブラウザでも差が出にくく、効率の良くなるコーディングの基礎を紹介します。 気をつけるHTMLの記述方法 HTMLの記述方法を間違えていると、ブラウザCSSの解釈が変わってきます。 以下のようなことは基本的なことですが大切な事です。 DOCTYPEを書く。 HTMLの先頭にDOCTYPEを入れるようにして下さい。 DOCTYPEがないと、ブラウザ間での誤差が起こりやすい状態になります。 DOCTYPE スイッチについてのまとめと一覧表 (HTML 5 や IE 8 Beta 2 のモードスイッチなどの情報も含
こんなに高品質なのに無料で利用できるCSSベースのテンプレートのまとめ
企業用サイト用をはじめ、コマース用、ポートフォリオ用、ブログ用などの高品質ながら無料で利用できるCSSベースのテンプレートを紹介します。 テンプレートは1ページだけのものから、配下ページなど複数のページが揃っているものもあります。 ※テンプレートは全て無料で利用が可能ですが、ライセンスを必ず確認してください。
レジュメやプロフィールページに使えそうなシンプルで綺麗なテンプレ「Azuka」:phpspot開発日誌
Azuka レジュメやプロフィールページに使えそうなシンプルで綺麗なテンプレ「Azuka」が公開されています。 シンプルなのでこれをカスタマイズして調整することで手っ取り早くプロフィールページなんかを作れそうです。もちろんそのまま使うことも可能。 CSS3の機能なんかも使われており、それでいてスッキリしたデザインのため嫌な印象は与えませんね。 ソースも綺麗に書かれているため、セクションの追加なんかも簡単のようです。 関連エントリ ハイセンスにデザインされたHTML/CSSテンプレート集 WEBデザインのモック作成時に役立つ手書き用PDFテンプレート集 フリーのCSSテンプレート＆テンプレート配布サイトまとめ
100以上のハイクオリティなXHTML/CSSフリーテンプレート「100+ Stunning XHTML/CSS Free Templates [HQ] 」
TOP > WebDesign > 100以上のハイクオリティなXHTML/CSSフリーテンプレート「100+ Stunning XHTML/CSS Free Templates [HQ] 」 制作に便利なフリーテンプレート。デザインやレイアウトによってはそのまま、もしくはサイト制作のベースとして便利に利用できますが、今日紹介するのは、100以上のハイクオリティなXHTML/CSSフリーテンプレートを集めたエントリー「100+ Stunning XHTML/CSS Free Templates [HQ] 」です。 Download Harvest 数多くのフリーテンプレートがまとめられていますが、今日はその中から特に気になったものをピックアップして紹介したいと思います。 詳しくは以下 ■Download Imagination シンプルながらも、ドロップシャドウや、細かな処理で立体
![100以上のハイクオリティなXHTML/CSSフリーテンプレート「100+ Stunning XHTML/CSS Free Templates [HQ] 」](https://cdn-ak-scissors.b.st-hatena.com/image/square/29dfb44458400fed264d895b28edab2d22bb816f/height=288;version=1;width=512/https%3A%2F%2Fdesign-develop.net%2Fwp-content%2Fuploads%2F2011%2F03%2Fharvest.jpg)
サイト公開前の告知ページのサイトテンプレート４５:phpspot開発日誌
45 Neat Coming Soon and Under Construction Templates | Naldz Graphics サイト公開前の告知ページのサイトテンプレート４５。 サイト公開日を事前に設定しておき、期待を膨らませてもらうようなマーケティングがあるそうですが、そういったサイトを作るのに便利な４５のテンプレートが紹介されています。 オープンをいきなり伝えるのもいいですが、こうした告知ページを用意することで、そのサイトで何をしようか？といったユーザの想像力をかきたて、サイトオープン時に一気に使ってもらう、みたいなことに繋げられるのかもしれません。 有償ですが、数ドル程度の投資で、PHPによるバックエンドやPSDデータなんかも付いてくるので安価に入手できます。 単にデザインとして参考にするだけでも価値はありそう。 関連エントリ クリエイティブなデザインのCSSサイト２７
Web開発にお役立ちなチートシート集 | TRIVIAL TECHNOLOGIES on CLOUD
みんなのIoT/みんなのPythonの著者。二子玉近く160平米の庭付き一戸建てに嫁/息子/娘/わんこと暮らしてます。月間1000万PV/150万UUのWebサービス運営中。 免責事項 プライバシーポリシー All The Cheat Sheets That A Web Developer Needsという記事を先日見つけて，割と知らないものが多く，また便利だったのでご紹介:-)。英文のチートシートだけど，仕様を短くまとめてあるチートシートは日本人のWeb開発者も便利に使えるはず。 HTML HTML/XTML in one page HTML5: The Evolution of Web Standards by James Sugrue (X)HTML Elements and Attributes Doctype Declarations (DTDs) XHTML Character
カッコいい管理画面の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
[CSS]ブラウザの表示領域いっぱいにボーダーを配置するスタイルシートのテクニックいろいろ
Simplified page borders in pure CSS デモページ（当方作成） [ad#ad-2] 下記に、元記事で紹介されている方法（その1）をはじめ、コメントに掲載されている方法を含めて紹介します。 対応ブラウザは基本的に:before, :after疑似要素を使用するため、IE 8+, Firefox, Chrome, Safari, Operaとなります。 ブラウザの表示領域いっぱいにボーダーを配置する方法：その1 元記事で紹介されている方法です。 デモページ：その1（当方作成） HTML HTMLは、divなど特別な要素は配置しません。 以下に紹介する全ての方法で共通です。 <html> <body> </body> </html> /*------------------------------------*\ BORDERS \*---------------
コピペで使える言語・コマンドリファレンス - ITproリファレンス：ITpro
HTMLやCSS、DynamicHTML、JavaScriptやPerl、Windowsコマンド、ネットワークコマンド、Linuxコマンドといった、Webサイト構築やアプリ開発に欠かせないプログラミング言語とコマンドのリファレンスマニュアルです。各項目のサンプルコードは、コピーし貼り付けてすぐに使えます。入門講座も用意しました。ぜひブックマークしてお役立てください。 HTML HTMLは、Webコンテンツを作成する上で、最も基礎となる記述言語です。各タグについての概要や属性などをサンプルを交えて説明します。 HTMLリファレンス（107項目） HTMLリファレンスの使い方 HTML入門 CSS CSSは、Webページのレイアウトなどといったコンテンツの見栄えを指定する記述言語です。各スタイルの概要や使い方を説明します。 CSSリファレンス（73項目） CSSリファレンスの使い方 CSSの基
コーディングのスピードを上げる為の6つの方法
2017年7月25日 Webサイト制作, 便利ツール 今より少しでもコーディングを早くできれば、細かいデザインや機能にも時間をかけて取り組めそう…という事で今回はコーディングのスピードを上げるためにできる事を紹介します。便利なツールを使ったり、ちょっとやり方を変えるだけでより早くコーディングができるようになると思います！ ↑私が10年以上利用している会計ソフト！ 1. コーディング手順を簡略化する これは自分のコーディング能力を高めて手順を省く、便利なツールを使って手間を省くという事です。例えば私は昔このような手順でコーディングを進めていました。 CSSのレイアウトをノートに書き出す レイアウト部分（ヘッダー・メイン・サイド・フッター）のHTMLマークアップ CSSでレイアウト部分のスタイリング 表示確認 うまく表示できない箇所の修正 ヘッダー内のHTMLマークアップ CSSでヘッダー内の
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
The W3C Markup Validation Service