小説サイト運営支援ツールを公開する【小説HTMLの小人さん】の管理人のブログ。ツール開発記録やβ版の公開、HTMLやCSSのテクニック、小説サイト運営に関係するニュースなど。 予想外に反響があるようなので、前回の記事(「レンタルブログで小説」の記事を集めてみた)の補足や、その後の動きなどを書いておきます。 ●レンタルブログを使う理由(その他のCMSツールを使わない理由) このネタの最終目的(だと私が考えているもの)は「サイト制作の知識のない初心者さんでも、簡単に、かつ読者に優しい形式で、小説を発表できる方法を考える」こと。 そして、その道具としてブログを使うのは、 「ホームページスペースを持っていなくてもユーザー登録すれば無料で簡単に使えて」 「全くHTMLを意識せずに本文を投稿できて」 「最初から綺麗なデザインテンプレートが用意されていて」 「CSSの変更による一括デザイン変更が可能で」
Elements of Design is a collection of UI components that highlight best practices for particular design patterns from leading websites around the world. Browse the archives and use it as a source of inspiration for your next web design project. The average shopping cart abandonment rate is slightly under 70%, which translates to billions of dollars in lost sales per year. As a result, an effective
If you are hesitant about choosing the perfect template for your website, then maybe it is high time to stop browsing and order one for yourself. To simplify this process, you should employ a professional RFP template for software development. One of the best things you can do when choosing a theme is to learn about the person or company who made it. If they have a reputation to live up to, then t
CSSでポップアップネタ・改正版 以前に書いた「CSSでポップアップネタ」という記事のサンプルの件。SafariやmacIEでは表示が変なんです、とLe Archeの冥さんからこちらの記事で教えて頂いた。 冥さんが撮ってくださったキャプチャによるとこんな感じ。 背景色を指定したボックスのみのパターンはOKみたい。ただ、背景を画像にした場合、Safariでは位置はあってるけど、テキストと背景画像が出てこない、テキストがズレている。macIEでは位置が変ってな感じ。あ。今Operaで見たらこっちも変やった(汗)ちょうど今日macをゲットしたのでさっそく検証してみる。 つーことでもう一度サンプルを新たに作ってみた >>RedlineMagazine::CSSでポップアップ・改正版サンプルはこちら 検証したブラウザはIE6、IE7(Standalone版)、Firefox、Netscape7、8、
floatの親ボックスをoverflowで伸ばす CSS - Clearing floatsという記事を拝見して。左記ページでは冒頭で『floatを利用したレイアウトに関する一般的な問題はfloatボックスを含む親ボックスがそのfloatボックスの最後まで高さを伸ばしたがっていないということです。』と述べている。少し日本語訳がおかしいかもしれないが、要するにfloat使用時に一番やっかいなのは親ボックスの背景が伸びない事だと言っているわけだ。 cssレイアウトを始めた頃に混乱に陥りがちなあの現象。 以前ほんの少しだけこのサイトでもclearfixを利用したこの問題の解決方法を書いた記憶があるが、上記ページではoverflowを利用した解決方法が書かれている。ソースはシンプル。 div.container { border: 1px solid #000000; overflow: auto
リンクを作る、これはHTML文書の、非常に多くの場面で使われています。 その場合には専らa要素が使われています。 コレはまぁ、当然のことでしょう。 しかし、他の文書との関係を示すlink要素の存在を知っていますか? ココでお勧めするのはlink要素です。 UAによってはこの関係を辿って他の文書へ進める場合もあるのです。 ココではlink要素について、ちょっぴり知識を深めていこうと思います。 link要素とは link要素はただスタイルシートを読み込む為だけに存在する……などと思っていませんか? そんな事はありません。 link要素は head要素の子要素 として存在し得る、 別の文書等との関係を定義する要素 です。 これは空要素(エンプティタグ)として定義されています。 よってスタイルシートの呼び出しの他、 ナビゲーション情報を記述する事が出来る のです。 ……がしかし、圧倒的シェアを誇る
趣味のWebデザイン Lecture Advice Note Info Webサイトの運営と構築について考える。 Renewal "いろは"の先のCSS Strict HTML + CSS によるリニューアル手順を詳細に解説 第1回 第2回 第3回 第4回 第5回 第6回 第7回 第8回 第9回 第10回 実践の記録 Advice334 Advice332 Advice330 Advice329 Advice327 Advice326 Advice325 Advice324 Advice323 Advice321 Advice314 宇治IN茶筒 Design HTML&CSS ウェブサイト作成入門講座 お勧めの HTML 解説記事 お勧めの CSS 解説記事 CSSを使うわけ CSSの基礎 単位と色 プロパティ一覧 アクセス向上を考える 初級篇 企画篇 計測篇 良質なアクセスは「期待」か
序文 最終更新2006-08-29T00:00:00+09:00 この記事のURI参照https://www.7key.jp/software/opera_sc.html#top Use Opera without a Mouse なぜキーボードだけでページを見た方が良いのか。 物理的・肉体的制限以上の動作を行うため 反復処理に関する動作を軽減するため 自由にページを閲覧できるスピードとパワーを得るため この文書はOpera 9.0 用です。 目次 最終更新2006-08-29T00:00:00+09:00 この記事のURI参照https://www.7key.jp/software/opera_sc.html#contents 当文書では一般的な Windows のショートカットキーに対する知識はあるものと仮定して、Operaをキーボードのみで使いこなすことに特化した独自機能の説明を行い
Hi there! This script is from 2003, and targets a flaw in IE6, which at its peak was a really popuplar browser. Today (oct 2011) it no longer is, and as such this script should not really be necessary anymore. Please try to convice your client, project manager or boss, that not every browser needs to display a website the exact same way; it is the content that matters. And if you really still need
サイトマップ お問い合わせ 本文へ遷移 サイト内検索 検索フォーム 検索語句 記事 タグ 送信ボタン Home ツール 携帯情報 携帯サイト 用語集 PHP その他 現在位置: Home > 携帯サイト作成情報 > i-mode端末の対応HTML・容量・画像形式・絵文字など お知らせ: 現在お知らせできる情報はありません i-mode端末の対応HTML・容量・画像形式・絵文字など 3 5 1 1 0 1 0 当然であるがi-mode端末では対応するHTMLによりキャッシュ容量・画像形式及び容量・絵文字などが異なっている。 ここでは上記のようなものについてまとめています。 i-mode対応HTML1.0 MOVA F501i,N501i,D501i,P501i 表示出来るページ容量 画像を含め5KB 表示できる画像形式及び容量 5KBまでのGIF画像 (ノンインターレースGIF) 対応
adiaryは速くて使いやすいCMSです。サイト構築やブログに使えます。日本製オープンソース! インストールが簡単で使いやすい*1 高機能なのに超高速動作*2 Raspberry Pi(ラズパイ)でも余裕で動作 テーマシステムとデザイン編集マウスで簡単カスタマイズ 標準でスマホ対応スマホ対応*3 快適な画像管理 エンジニア向け機能。 Markdown、reStructuredText対応*4 詳細はadiaryについてを、お試しはこちらから。 新着 2024/06/09 Version 3.50pリリース 2024/05/27 Version 3.50oリリース 2023/02/02 Version 3.50リリース 2019/05/30 mixi_exportを修正 この公式ページはすべてadiaryで作成されています。
標準準拠から後方互換にすると変化するもの text-alignに関して 後方互換ではtext-alignの指定がインライン要素だけでなく、divなどのブロック要素にも反映される 文字サイズに関して 後方互換ではブラウザデフォルトの文字サイズがひと回り小さい、つまりsmallがmidium相当 ボックスサイズに関して 後方互換ではwidthとheightの値にpadding、borderのサイズも含めてしまう その他margin: auto;でブロック要素のセンタリングが出来ない、CSSの記述に対して厳しくなり、pxなどの単位をきちんと指定しないとプロパティごと無視される等色々あります。xml文書と言うことでは、やはり宣言しなければいけないのですが、Mac IE4.5ではHTMLとしての解釈ができず、そのままソースを表示してしまうバグがあったりと、古いブラウザを考えるとちょっと厳しいものがあ
reflux flow > CSSにおけるセレクタの優先順位 CSSにおけるセレクタの優先順位 セレクタの優先順位を決める詳細度の計算方法。 このページの目次はじめにセレクタの種類優先順位の計算方法ブラウザの実装参考文献公開日2006-08-23最終更新日2007-05-21T19:21:52+09:00 はじめに ここではCSS2の仕様を元にセレクタの優先順位を決める詳細度(specificity)の計算方法について説明します。 セレクタの種類 まずは用語の確認(参考: 5 Selectors)。 全称セレクタ すべての要素に適合するセレクタ。「*」と記述する。 IDセレクタ id属性(HTML/XHTMLの場合)に基づくセレクタ。「#ID」と記述する。 クラスセレクタ class属性に基づくセレクタ。「.クラス名」と記述する。属性セレクタを用いた「[class
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く