デザイナー関口裕の個人サイトです。実績やプロフィールを掲載しています。
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? HTML と CSS のコーディングルールを作ろう HTML と CSS のコーディング規約を中心に、メンテナンス性の良い HTML や CSS をコーディングする際に重要だと思うポイントをまとめています。 誰に向けた記事か この記事には、HTML や CSS を書く人に役立ちそうな内容が書いてあります。 特に初級者から中級者の方で、HTML や CSS を一通り学習した方からの反応が良いです。 まだ HTML や CSS の学習を始めて間もないという方は、先に案件やプロジェクトをこなしコーディング経験を積むことをお勧めします。経験を積
テーブルなどをHTMLで組んだ後に、CSSコーディングを簡略化したい。 そんなときにおすすめなのが、『Primer』。HTMLからCSSのベースを作ってくれるサービスです。 HTMLをペーストして、「PRIME IT」ボタンを押すと、idやclass名からCSSのベースを作ってくれます。 プログラマが作った素のHTMLにスタイルを当てていくときなどに使えるかもですね。 インターフェースがシンプルで、アイコンがかわいかったりするので一度見てみてください。 Primer あけましておめでとうございます。今年もよろしくお願いいたします。 今年は初の東京での年明け。浅草に初詣に行ったりおせちを食べたりで楽しい感じです。 勢いでwiiとニュー・スーパーマリオブラザーズを買いました。めちゃおもろいです。
2009年12月9日発売 ■著者 大藤 幹 ■定価 2,100円(本体価格2,000円) ■コーディング専門のプロ集団「牧野工房」が蓄積したWebコーディング技法と実践ノウハウを大公開! ■すぐ活用できる牧野工房オリジナルHTML&CSSテンプレートもダウンロードで提供 ■素早く正確に高品位なコーディングを行う各種のテクニック、むだな修正を減らし共同作業で極限まで効率を上げる方法、顧客と円滑なコミュニケーションを行うためのワークフローを大公開! 目次 第1章 コーディング専門サービス 牧野工房 ■コーディングに特化したサービス ■受注から納品までの流れ 第2章 ムダな作業は可能な限り発生させない ■コーディング作業が長引く原因 ■仕様・構成が後から変更される ■原稿・素材が後から変更される ■スキル不足によるコーディングのミス 第3章 サイトの設計と情報の管理 ■きち
HTML/XHTMLマークアップ・CSSコーディングサービス - ciqlie(シクリエ)では、コーディングガイドラインに基づいたHTML/XHTMLマークアップ・CSSコーディングを行います。このページではコーディングガイドラインの一部を掲載しております。 案件によってはガイドラインと一部異なる設計・実装を行う可能性がございますのであらかじめご了承ください。 ディレクトリ構成 命名規則 HTMLマークアップ CSSコーディング アクセシビリティ ディレクトリ構成 html ├common/ │ ├css/ │ │ ├import.css [各CSSファイル読み込み] │ │ ├common.css [各ブラウザスタイル調整定義] │ │ ├structure.css [サイト構造定義] │ │ ├editorial.css [サイト構成定義] │ │ ├component.css [サイ
Smashing Magazine - WE SMASH YOU WITH THE INFORMATION THAT WILL MAKE YOUR LIFE EASIER, REALLY. Geir Wavik氏がSmashing MagazineにおいてTable Layouts vs. Div Layouts: From Hell to… Hell?においてtable要素とdiv要素、それにCSSに関する興味深い内容をまとめている。WebデザイナやWebデベロッパは一度チェックしておきたい内容だ。タイトルが示しているとおり、table問題からもしかしたらdiv問題に移行してしまっていないか、という内容になっている。 Webページの作成にtable要素を使わずに、かわりにdiv要素とCSSを使った方がいいという指摘はだいぶ以前から登場している。table要素で構築されたHTML/XHTM
PhotoShopのPSDファイルをXHTML&CSSに一発変換できる「psd2css」:phpspot開発日誌でも紹介されていて結構なブクマもついていたサービス、PSD2CSS onlineがどんな感じなのか知りたかったので、実際に試してみました。 複雑なデザイン 複雑っていうのは、今回用意した物の中でっていう事です。 背景画像やテキスト装飾などを盛り込んでみました。 ソースコード1 これはひどい>< 全ての要素が画像として切り出されて、positionプロパティで配置されています。 色分けのみのデザイン 今度はかなりシンプルにして、色で塗り分けたカラムを並べただけにしてみました。 ソースコード2 これもひどい>< こちらも変わらず、画像をpositionプロパティで並べたものになっています。 枠線のみのデザイン 枠線のみで構成されたPSDを用意しました。 ソースコード3 もうだめぽ><
CodeEXPRESSは、あなたのデザインを(X)HTML/CSS化する特急コーディングサービスです。最短1日納期から。CodeEXPRESS(コードエクスプレス)の特徴 CodeEXPRESS は、お客様がお送りいただいたデザインファイルから、(X)HTML/CSSのコーディングを特急で行うサービスです(最短1日から※)。 コーディングに特化することで、短い納期の対応を実現いたしました。 いただいたデザインを忠実に再現するだけでなく、文脈・内容を判断しながら手作業で HTML/XHTML 化いたしますので、ソースレベルでの SEO 対策が可能です。 W3C の Markup Validation Service のチェックはもちろん、弊社独自のガイドラインを整備することにより、高品質を維持しています。 ※ ページ数・レイアウトパターンにより、特急対応できないケースもございます サービス
免責事項:本サイトに含まれる情報は、一般的な情報提供のみを目的としています。情報はスペシャルベストによって提供され、当社は情報を最新かつ正確に保つよう努力しますが、いかなる目的においても、ウェブサイトまたはウェブサイトに含まれる情報、製品、サービス、関連グラフィックスに関する完全性、正確性、信頼性、適合性、利用可能性について、明示または黙示を問わずいかなる表明または保証も行いません。従って、これらの情報に依拠することは、あくまでもお客様ご自身の責任において行われるものとします。 当社は、当ウェブサイトのご利用に起因するいかなる損害についても責任を負いません。 本ウェブサイトから、スペシャルベストの管理下にない他のウェブサイトへリンクすることができます。当社は、それらのサイトの性質、内容および利用可能性を管理することはできません。リンクは必ずしも推奨するものではありませんし、リンク先で述べら
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く