HTML5+CSS3 入門
Webを記述する言語の標準の現状 昨年度であれば、HTMLを記述する授業では自信をもって以下の基準を推薦していました。 HTML (文書の構造を記述する言語) – XHTML 1.0 もしくは XHTML 1.1 CSS (文書の体裁・デザインを指定する言語) – CSS 2 しかしながら、ここ数年で、とくに去年あたりから状況は大きく変動しつつあります。現状の変化を理解するには、ここに至るまでの歴史的な経緯について簡単に理解する必要があります。ここまでの経緯を整理した上で、将来の展望を探りたいと思います。その上で、この授業ではどのような基準にのっとって「正しい」ということを定義するのか決めていきたいと考えます。 HTML (Webサイトの記述言語) の標準化巡る闘争の歴史 AppleInsider: なぜ Apple は HTML 5 に賭けているのか： ウェブの歴史 [Page 2] よ
直感でWebサイトを作成できる6つのフリーWebサービス - かちびと.net
気になって調べたのでメモします。 HTMLやCSSの知識を必要とせず、 ドラッグ&ドロップで作成するなど 直感操作でWebサイトを作成できる フリーのオンラインサイトビルダーを いくつかご紹介致します。 基本的に、作成したサイトはそのサービスのサブドメインまたは独自ドメインを登録して運営します。使用して気が付いた点をメモしておきますが全ての情報ではありません。 yola ネタ帳さんの記事（有料ソフトとデザイン作業を無力化させる30のブックマークまとめ）で知ったサービス。直感で操作、独自ドメイン（yulaで取得、年19$程度）の利用も可能。日本語も文字化けしません。 yola Moonfruit ドラッグ&ドロップで作成。HTMLもCSSの知識も不要。日本語は使えませんが、上記のように、画像や特殊なテキスト部分も変更できる。 Moonfruit weebly 独自ドメインの利用も可能。メール
より早くcssやhtmlのコーディングが行えそうな情報いろいろ - かちびと.net
Web制作を少しでも効率化しよう と思って（今更）いろいろ便利そう な情報を探しました。既に使って いる情報の方が多かったのです が、折角調べたのでシェアしたい と思ってエントリーです。 コーディングをもっと円滑に、という旨の情報です。順不同。あんまり多いと逆効果なので量は絞りました。一応これでも絞りました。絞ったつもり。 zen-coding 話題になったzen-coding。だいぶ慣れて来た方もいらっしゃるのでは。 zen-coding（本家） HTMLコーディングが3倍速くなる？「Zen-Coding」 秀丸Zen- Codingマクロ コーディングの効率化を図るZen codingをDreamweaver cs4に入れる方法 WP Zen-Codingが凄く便利 初期設定とかTipsとか 制作前に知っておくと便利なコードとかTipsいろいろ。 css書く前にチェック。 もう、cla
死ぬまでに見ておくべきCSSデザインサイト集まとめ - GIGAZINE
ということで、今まで数限りなくネットのあちこちで紹介されてきたCSSデザイン関連のサイトがリスト化されてまとめられたようです。これだけあれば当分はブログなどのデザインのネタに困ることはなさそう。インスピレーションを得るのに使うもよし、デザインの参考にするのもよし、知っておいて損はないものばかりです。 リストは以下の通り。 CSS Beauty | CSS Design, News, Jobs, Community, Web Standards http://www.cssbeauty.com/ CSS Drive- Categorized CSS gallery and examples. http://www.cssdrive.com/ Stylegala - Web Design Publication http://www.stylegala.com/ CSS Mania http:
ハイパーテキストリンクのスタイル大全
ハイパーテキストリンクをデザインする上で知っておきたい基礎知識から、実用的なチップス、やってはいけない間違いなど、すぐに役立つテクニックをSmashing Magazineから紹介します。 The Definitive Guide To Styling Web Links 以下は、各ポイントを意訳したものです。 はじめに ハイパーテキストリンク（リンク）はウェブページをつなぎます。Web Standardistasによると「ハイパーテキストリンク無しではウェブはウェブではなく、それはただ別個の、無関係なページのコレクションでしょう」と言っています。 我々はページにたどり着いたら、ある種のリンクをクリックする必然性があります。 1. CSSのセレクタと擬似クラス リンクをスタイルする時には、ユーザーはページを流し読みすることを忘れないでください。そのため、リンク箇所はしっかりと明示すべきです
dtとddを横並びにしたメニューのサンプル5個｜web bibo
会社概要のページ・個人のプロフィールページ・Q&Aなどにdl,dt,ddを用いた定義リストを良く使います。この定義リストは思うように横並びにならないんですよね。 そこで、試しにいくつかサンプルを作ってみましたので参考にしてみて下さい。個人的にはサンプル4・5がお薦めです。 サンプル1 （borderを使った縦ライン） dtのテキスト量が多い場合・・・縦ボーダーが途切れる。FireFoxだとddはdtの高さに合わせてくれない。 ddのテキスト量が多い場合・・・縦ボーダーが途切れる。dtはddの高さに合わせてくれる。 →サンプル 1 サンプル2 （backgroundを使った縦ライン） dtのテキスト量が多い場合・・・縦ボーダーは途切れないが、FireFoxだとddはdtの高さに合わせてくれない。 ddのテキスト量が多い場合・・・縦ボーダーは途切れない。dtはddの高さに合わせて
WordPressによるWEBサイト制作 IMAGINATION DESIGN ｜大阪のフリーランスWEBデザイナー
大阪で活動するフリーランスのWEBデザイナーです IMAGINATION DESIGNは、大阪市内でフリーランスとしてWEB制作を行っております。 活動範囲は大阪中心ですが、京都神戸方面のほか、名古屋、東京方面などのお仕事でも承ります。 IMAGINATION DESIGNは2010年から活動しており、開業当初からWordPressによるホームページの制作や小・中規模のサイト構築、その他カスタマイズなど幅広く携わっております。 ご希望のお客様には制作実績に関する資料を送付させていただきますのでお気軽にお問い合わせくださいませ。 事務所概要はこちら 制作実績をご希望のお客様 WordPressによるホームページ・WEBサイト制作 WordPressを利用したWEBサイトを作成します。企業、個人、業界問わず対応しております。 デザイン制作からコーディング、各種プラグインの選定、導入まで、制作に
WordPressによるWEBサイト制作 IMAGINATION DESIGN ｜大阪のフリーランスWEBデザイナー
大阪で活動するフリーランスのWEBデザイナーです IMAGINATION DESIGNは、大阪市内でフリーランスとしてWEB制作を行っております。 活動範囲は大阪中心ですが、京都神戸方面のほか、名古屋、東京方面などのお仕事でも承ります。 IMAGINATION DESIGNは2010年から活動しており、開業当初からWordPressによるホームページの制作や小・中規模のサイト構築、その他カスタマイズなど幅広く携わっております。 ご希望のお客様には制作実績に関する資料を送付させていただきますのでお気軽にお問い合わせくださいませ。 事務所概要はこちら 制作実績をご希望のお客様 WordPressによるホームページ・WEBサイト制作 WordPressを利用したWEBサイトを作成します。企業、個人、業界問わず対応しております。 デザイン制作からコーディング、各種プラグインの選定、導入まで、制作に
IE6でよく遭遇するCSSのバグとその解決方法 | コリス
Dave Woodsのエントリー「IE6 -CSSのバグとその解決方法」から、IE6でよく遭遇する３つのCSSのバグとその解決方法の意訳です。 IE6 - CSS Bugs and Fixes Explained IE6で、マージンが２倍になってしまうバグ IE6で、hasLayoutプロパティによって起こるバグ IE6で、小さい高さを指定した場合に起こるバグ IE6で、マージンが２倍になってしまうバグ IE6で、フロートした要素のマージンが２倍になってしまうバグと解決方法の紹介です。 下記のコードで、IE6はマージンが20pxになります。 sample:バグ #navigation{ float: left; width: 200px; margin-left: 10px; } #content{ float: right; width: 500px; margin-right: 10p
IE 6で泣かないための、9つのCSSハック (1/3) - ＠IT
有限会社タグパンダ 喜安 亮介 2009/10/8 Webブラウザごとのレンダリングエンジンの違いにより起こるレイアウトの表示ずれ問題に泣かされるWebデザイナのために、Webブラウザごとに使えるかどうかの表を交えながら問題を解決するためのCSSハック＆フィルタTipsをお届けします（編集部） 最も多く使われているのに……、いや、だからこそ 多くのWebデザイナの悩みの1つは、レイアウトの表示ずれ問題だと思います。これは、各Webブラウザが採用しているレンダリングエンジンの違いから起因している場合が多いです。その中でも、最もWebデザイナ泣かせのWebブラウザなのは、マイクロソフトが開発しているIE（Internet Explore）のバージョン6です。 IE 6は、発売開始当初のWindows XPにデフォルトでインストールされていたWebブラウザということもあり、世の中の多くのユーザー
HTMLコーディングの格安代行・外注ならコーディングフリー
コーディングフリーのサービス概要 低価格・高品質・短納期＋安心のHTMLコーディング コーディングフリーのHTMLコーディングは、基本料金10,000円、1ページ単価最安3,600円と低価格。また、低価格ながら、コーディング歴10年を超えるコーディングのスペシャリストたちが、多数の実績で培われたノウハウを用いて高品質を実現。文法やブラウザ対策などのチェック体制も整っております。さらに、ベーシックコースの納期は1日3ページ目安と短納期。もちろんアフターケアも万全です。 このように、コーディングフリーでは、お客様のご要望にお応えするために、基本となる『低価格・高品質・短納期』を実現しております！ ● さらに安心も追加！初めてのお取引でも不安を解消します HTMLコーディング専用の窓口を設置しておりますので、お客様の疑問や初めてのお取引でもすぐに対応する事ができます。また、納品後の修正依頼やご質
Adobe Edge: 2009年12月 Dreamweaverで初めてのCSSサイト作り
CSS は、サイトのテキストだけでなく、サイト全体のコンテンツのレイアウトをデザインするための、最新かつ標準的な手法です。CSS でレイアウトを行うことの大きなメリットは、テーブルレイアウトとは対照的に、CSS レイアウトではプレゼンテーション（スタイル、見た目）とコンテンツ（情報）を分離できるということでしょう。 プレゼンテーションとコンテンツを分離することで、サイトを制御できるようになり、サイト全体にわたる変更であっても簡単に作業できます。制作者だけでなく、サイトのユーザにもメリットはあります。なぜなら、CSS レイアウトにすれば、HTML コードはよりシンプルでキレイになり、Web ブラウザの読み込み時間も短縮され、障碍を持つユーザであってもナビゲートしやすくなります。 Dreamweaver を使って CSS レイアウトを作るには、いくつかの方法があります。1つは、Dreamwea
東京分室 - Webサイト制作 株式会社カナリヤグラフィックス
◆(X)HTML+CSSによるWeb標準に準拠したセマンティックなサイト制作、Webデザインをご提案します。published on August 09, 2009 - 06:57 PM 美しいコーディングと確かなデザインでWebサイトを構築します。 カナリヤグラフィックスはWebサイト制作のプロとして、コーディングが正しくアクセシブルなのはあたりまえ、だから美しくユーザビリティ・ファインダビリティに優れたコーディングを。デザインが美しいのはあたりまえ、だから高いクオリティと信頼感のある確かなデザインを。そう考え制作業務を行っています。» 制作ポリシー 東京分室を作った理由 このサイトは、Web制作会社カナリヤグラフィックスのサテライトサイトです。日頃お世話になっている方々、今後おつきあいしていただくクライアントや代理店の方々に、カナリヤグラフィックスがWeb制作に対して何をどう考え作業し
Download Free Responsive Website Templates | StyleShout
We Craft Simple & Modern Free Responsive Website Templates. We offer a collection of modern and minimal website templates that can help you create simple and eye-catching websites quickly and easily. And best of all, they're completely free! Maillard Maillard is a free restaurant website template that is perfect for any modern restaurant, cafe, or patisserie. It is simple, elegant, and easy to use
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
phpspot開発日誌 - PHP/Ajax/JavaScript/CSS等の最新技術情報をお届け
NASA Jet Propulsion Laboratory (JPL)
Loading...
W3C CSS 検証サービス%26utm_content%3DGoogle%2520Reader)
css-lecture.com
「岐路に立つスーダン」―南部独立と和平の狭間で(pdf)
