2006-07-11T19:56:28+09:00 会社ではやっているのだけれど、自分のウェブサイトでもやってみよう。と簡略記述を利用する場合の値の順序やらもまとめとく必要があるのかもしれないけれど、セットフォーマットルールやプロパティの順番だけをサクッとまとめて資料にしてみました。課題は残したもののこれだけでも相当すっきり。詳細やセットフォーマットルールに関しては、ダウンロードできるようにしている資料を参考にしていただくとして、このエントリーではプロパティの順序についてまとめることに。自分自身が実際に作業を進めていくことを考慮し、その考えに基づいて設定したモデル別の順序は以下の通り。 生成 内容, 自動番号付け及びリスト (Generated content, Automatic numbering, and Lists) 利用者インターフェイス (User Interface) ビジュ
Here are some demonstrations of ways to make blog dates look like small calendar pages. Read the related blog entry at christianmontoya.com Update July 9, 2006: This demonstration has been rewritten using the Microformats date-time-design pattern. Unfortunately I had to use "acronym" instead of "abbr" because IE 6 does not support "abbr." First, the markup All dates will have the following markup.
日頃より、Momoたろうインターネットクラブをご愛顧いただきまして誠にありがとうございます。 「ホームページサービス」のサービス提供は2015年11月30日をもちまして終了させていただきました。 これまで長らくご利用いただき、誠にありがとうございました。 今後も、皆様によりよいサービスをご提供させていただけるよう、サービス品質向上に努めて参りますので、何卒、ご理解いただけますようお願 い申し上げます。 <Momoたろうインターネットクラブをご契約のお客様へ> 後継サービスとして「userwebサービス」を提供させていただいております。 詳しくは、以下のリンクをご参照ください。 ▼「userwebサービス」のご案内 http://www.ejworks.info/userhp/mmtr/index.html 今後ともMomoたろうインターネットクラブをご愛顧いただけますようお願い申し上げます
CSS ファイル内に Color Glossary を記述しておくってのは、複数人で CSS を管理する際はもちろん、自分にとっても明快なんで、とても良いアイデアだと思う。 Garrett Dimon / CSS Maintenance Tip: Use a Color Glossary Glossary をもとに CSS ファイル内を検索・置換で色の変更なんかも簡単にできるし、メンテナンス性が高まるのは言うまでもない。こういった記述は、自分(またはグループ)が分かりやすいように関連づけて明記しておくのが良いと思う。例えば、ヘッダの色とか、見出しの色とかのパーツ単位でも構わないんじゃないかと。 んでもって、ウチの場合はちょっと拡張して、CSS 内に下記のようにカラーネーム、Hex 値と RGB 値の記述をしている。 /*================ColorScheme========
正规服务资质 Formal service qualification 20年服务经验 20 years service experience 专业的服务团队 Professional service team 规范化服务流程 Standardized service process 专业资质、证书齐全让服务更安心 广东2007so太阳集团产业集团有限公司创始是东莞市宝丽洁清洁服务有限公司。 经过20年的高速发展和整合,公司已颇具规模,综合实力在东莞市环保行业中名列前茅,品牌影响力已辐射全国多个地区。 专注保洁服务已经有20年让服务更专业 在绿化清洁服务方面具有20年的管理与实施经验,对项目的实施进度及质量负责。 主要业务为:外墙清洗、石材翻新、地毯清洗、防水补漏、物业保洁、消杀四害、园林绿化、环境治理、水池清洗等。
(X)HTML の id/class における命名規則 purprin, <purprin [at] gmail.com> 2006.6.15 at CSS Flight プロフィール 1/2 purprin -「プルプリン」と読みます- コトノハ をきっかけにこの業界に 「purprin」は「パープリン」としか発音できなくね?とこっそり思ってる paperboy&co.所属 I love penguin(o e o)/ プロフィール 2/2 (X)HTML, CSS に魅せられた経緯 もともと Web は大好きで、趣味でひどいテーブルレイアウトのページをつくっていた 2年ほど前に友達に依頼されてつくったサイトでMovable Type を導入して改造をしながら勉強 ある時 HINAGATA で Kaminogoya 君の書く beautiful な(X)HTML+CSS に心奪われる -
phpを書くときは、Smarty 必須状態なのですが、今まで外部プラグイン機能は一切付け加えず、デフォルトのコマンドだけで作っていました。それで特に困ったことはないんだけれど、プラグインを使ってみたくなり作ったのが、smarty_function_hetima_tab。 公式WikiのSmarty Pluginsページ に html_tabs というのが投稿されてますが、これはタブごとに異なるページを呼び出す、いわばタブ風リンク生成プラグイン。 そういうのではなくて、1ページの中でdisplay属性を切り替えるプラグインが欲しかった。これまではベタにHTMLとスクリプトを書いていましたが、プラグイン化することでテンプレートがすっきりしました。使い方はサンプルやソースのコメントを参照してください(ファイルの文字コードはUTF-8)。スタイルシートもスクリプトも自動生成します。スタイルシート
付箋紙のような感じのサイドノートをブログの本文中に追加できます。背景色の変更なども自由自在で、非表示にするのも再表示させるのも簡単。JavaScriptとCSSを使っています。 ダウンロードと使い方や例は以下のサイトから。 arc90 lab : tools : Unobtrusive Sidenotes ダウンロードはこちらから http://lab.arc90.com/tools/sidenote.zip 上記サイトの「How Do I Use It?」に使い方が詳しく書いてあります。 実際の例はこちら。 arc90 lab | tools: Sidenote Demo http://lab.arc90.com/tools/sidenote/ 左上の「Hide Sidenotes」をクリックするとサブノートを非表示にできます。本文中に、脚注やちょっとした豆知識みたいなのを入れておきたい
Check out this extended font bundle for only $29! In the image below I’m only showing a tiny fragment of what’s included in this incredible bundle. Time for a little update on what is going on with the Inspiration Stream. As you've probably guessed, gathering quality inspiration can be time consuming. When The Deck still was a partner of this site this wasn't an issue. With Jim Coudal's announceme
The CSS Working Group has reached an impasse on the issue of percentage margins (and padding) in flex and grid layout, and needs your input to help decide it. Option 1: Flex and grid items resolve percentages in margin-top and margin-bottom against the height of the element’s containing block. Option 2: Flex and grid items resolve percentages in margin-top and margin-bottom against the width of th
2006年05月31日00:55 カテゴリTips css - ルビもCSSで これ、実はCSSでなんとかなります。 檜山正幸のキマイラ飼育記 - ルビ(ふりがな)タグの話 IE6では期待通りの表示(ふりがなの「おびただ」が「夥」の上に乗る)が得られます。FireFoxはダメでした、 以下をご覧ください。 夥 (おびただ) しい数のWebページ どうです? 当blogでは、現在以下をCSSに加えてrubyを実現しています。IEでもSafariでもFirefoxでもちゃんと見えます。 /* * based upon * http://www.akatsukinishisu.net/itazuragaki/2001_10.html#ruby_for_Mozilla_3 */ ruby { display:inline-table; text-align:center; white-space:
Are you a content creator looking to take your first steps in website design? You’re precisely where you need to be. HTML stands for HyperText Markup Language. Visualise HTML as the structural backbone of any website. A foundation that organises all the text, graphics, videos and overall layout. It operates behind the scenes, instructing web browsers how to render content for viewers. HTML is used
Collection & Copy - 上下左右の中央にボックスを配置する id:inception9さんから、より簡単な方法をコメントで教えて頂きました!ありがとうございます。 これだ!これが正解だから、前回のが「バッドノウハウ(?)」なんですね。余分な空間用divもなくなり、ほんますっきりやわぁ。 ただ、どうも前回の元記事は「画面をコンテンツのボックスより小さくしても、ボックスの左上が欠けない」というところがポイントだったようです。たしかにウィンドウサイズを小さくすると、左上隅にボックスがきっちり収まります。ここにこだわらない場合は、短縮版がよさそうですね。 HTML、CSS、共に勉強不足ですので、直接指摘頂けるのは大変助かります。コメントを書く時間を頂けたことを、感謝しております。ではでは。 雑記軽い気持ちでHTML/CSSのことを書くと、なぜか反響が大きく、戸惑う。なんとなくプロ
(via Subtech Watchlist - typester) Collection & Copy - 上下左右中央の件、改善、補足コメント頂き、改善、補足を書きました。 CSS vertical center using float and clear 上記、CSSで上下左右の中央にボックスを配置するページを読みました。要約すると以下のHTMLになるようです(必要なものも削っちゃったかも)。ポイントとなるスタイルシート設定にコメントを入れました。 CSS、きっと分かってる人には、あったりまえなんだろうなぁ。「float:left」と「clear:left」がペアで対応してるんですね。あと、marginのautoはIEで、うまく動かないのか。余白用のブロック(distance)は、まず画面の縦半分の長さで空間を確保し、本文のブロックの半分のサイズだけマージンを減らして、ちょうどよい
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く