GoogleドライブにBloggerで使う外部CSSをホスティングさせてみる
Googleドライブがアップデートされ、WEBホスティング機能が追加されたということで、外部CSS置き場としても使えるのかを試してみました。 GoogleドライブにWebホスティング機能が追加 - ITmedia ニュース http://www.itmedia.co.jp/news/articles/1302/06/news139.html 前回は速度なども詳しく検証しましたが、今回はあまり時間が取れないので、とりあえず使ってみながら様子をみることにしました。 前回の記事はこちら。 CSSやJavascriptを外部化する時にベストなサービス 追記 http://rrvf.blogspot.jp/2012/07/css-js-externalize-service.html GoogleドライブにCSSをアップロードし、外部から参照できるように設定する まず下記URLからGoogleドライ
DTPの方向け web（HTML+CSS）の考え方（2/2） | ホームページ制作手帖
当初作っていたロングバージョンの方です。 先程の実際に使ったスライドは、作ったあとで、リハーサルして、削ったり足したり入れ替えたりしての完成型なのですが、こちらはとりあえずがががっと作ってみた、って段階のものなので、誤字とかちょいちょいありますし、解りにくい説明や順番だったりします。 試作ということでご了承くださいませ。 続きを読む
たった一人でwebサービスを作るための、６つの技術と４つの知識
ふとワクワクするようなアイディアが浮かんだ時、もし自分でwebサービスを作れたらなーって思う方も多いんじゃないでしょーか。 実際、twitterやfacebookを徘徊してても、結構頻繁に「webサービス作ってみたい☆」みたいな投稿をみかけますが、中には「何から手を付け始めれば良いか分からない！」的な迷える子羊達もちらほら。 そんなワケで、ささやかながら今まで当ブログでもいくつかの自作webサービスを公開してきて、企画からデザイン・コーディング・プログラミング・宣伝に至るまで、若輩ながら全て一人で担ってきた私の知見をご紹介したいと思います。 だいじょーぶ、やりゃーできる！ webサービスを作るための技術と知識 技術に関する最大のポイントは「全てを知る必要はあるが、全てに精通する必要は無い」、つまり「広く浅く」で良いというコト。 その中でどこかに自分の強みが持てると尚良しですが、手始めであれ
CSS：初心者の頃にハマったスタイルシートのあれこれ … IE7多め
CSS、スタイルシート。初心者のころには CSS のスタイルがうまくいかなくて、半日や丸一日悩んだこともいっぱいありました。最近では、やっとひと通り覚えて、思うようにできるようになったかなーという感じです。今回は初心者だったころ、ちょっと悩んだことなどをいくつかまとめてみました。 Webサイトの見た目をデザインしていくのに欠かせない CSS。度々これってどうやるんだろうとか、どうしてこうなっちゃうの？というものに遭遇します。また、今までは IE6 をターゲットに含めてましたけど、そろそろ IE7 からをターゲットにすればいいのかなーと思うこともあって、過去のスタイルシートの書き方の習慣を変えようかなとも思っています。 スタイルシートを書いていて、今まで遭遇した不具合やその回避方法、また今まではこうしてたけど、これからは変わるかもしれないなーといものをまとめてみました。もうそんなことしてない
HTMLやCSSがわからなくても、無料で簡単にウェブサイトを作れるWebアプリ「Orbs」 | ライフハッカー・ジャパン
ウェブサイトを作りたいけど、HTMLもCSSも分からない...とお悩みなら、無料で簡単にスタティックなサイトを作れるウェブアプリ「Orbs」を使ってみてください。ほんの数分でウェブサイトの編集ができるようになります。 まず最初に、ウェブサイトの名前を決めましょう。それだけでも、Orbsでウェブサイトを作って遊んでみることはできますが、本気で作るつもりなら、無料のアカウントを作ってください。アカウントが無いと、24時間で作ったウェブサイトが削除されてしまいます。 アカウントにログインしてサイトを作り始めたら、後はOrbsの指示に従っていくだけです。ページに何か文字を書き込みたい時や、編集したい時は、クリックして好きに入力すればOKです。画像を追加したり、文字のスタイルを変えることもできます。基本的なHTMLでできることは、大抵何でも実現可能です。 また、Orbsのテンプレートを利用すれば、も
pekebatu.com - このウェブサイトは販売用です！ - ナチュラルハーベスト ナチュラルバランス ナチュラルチョイス ペット リソースおよび情報
このウェブサイトは販売用です！ pekebatu.com は、あなたがお探しの情報の全ての最新かつ最適なソースです。一般トピックからここから検索できる内容は、pekebatu.comが全てとなります。あなたがお探しの内容が見つかることを願っています！
テーブルタグ作成ページ
ここはテーブルタグ（表）を項目を指定していくだけで簡単作成することができます。 下にあるボタンで現在の結果を新ウィンドウで確認することができます。 ボタン下にある項目を選択していき、再度ボタンを押せば変化があります。 完成したタグが欲しければ、結果ページの下にあるテキスト部分をコピーしてください。
EPUBやCSSと日本語レイアウト、HTML5と電子書籍
EPUB や CSS と日本語レイアウト HTML5 と電子書籍 アンテナハウス 村上 真雄 @MurakamiShinyu 2010-07-14 「第８回HTML5とか勉強会」での講演資料 [HTML5プレゼンツールNerine版もあります] 村上 真雄 (@MurakamiShinyu) 自己紹介 Twitterで公開しているプロフィール： XML/HTML+XSL/CSS 自動組版ソフト Antenna House Formatter 開発者 アンテナハウス取締役 W3C会員としてXSLとCSS3仕様に関わる HTML5 IG JP共同議長 JEPA EPUB研究会員 世界標準仕様（特にHTML+CSSとその応用のEPUB）で、まともな日本語組版を可能にしたい Antenna House Formatter 1999年、当時W3Cドラフトだった XSL (Extensible Sty
電子書籍 Epubに関する動きまとめ2 データ制作編 | tuglog!
予告していたepubのもっと突っ込んだところの紹介です。 一度ファイルを制作してみて、参考にさせていただいたサイトや製作中の感想など絡め手お伝えしていきます。 ただ、現時点で管理人自身理解が浅い部分もあったり、まだ規格が定まりきっていない部分もあるなどの理由で必ず正解がここにあるというわけではありません。どちらかといえば管理人の覚え書きや情報整理に近いです。 STEP1--基本的にXHTMLとCSSで形成する。 テキスト情報だけの書籍の場合であればシンプルに見出しと本分、注釈、引用など基本的なタグと文字サイズや強調、行間設定なののCSS設定だけでそれほど時間はかからないと思われます。 ※注意点1：ルビ（よみがな）の問題。これは日本の書籍独特の文化であり欧米で策定されたこのEPUB形式ではサポートされていません（2010年4月現在）。CSSで対応することも可能でありますが、各リーダーによって
DTPのスタイル機能と、Web/ePubのCSSの違い（2）｜DTP Transit
ドキュメント内に書き込みます。InDesignでは［段落スタイル］パネル内で記述されていて、一覧表示するような機能はありません。 複数ドキュメントは、ブック機能を使って、それぞれのドキュメントの段落スタイルを同期する機能があります。あくまでも同じものに書き換えるという機能で、それぞれのドキュメント内に記述されていることには変わりありません。 ブック機能＋スタイルの同期は、慎重に行わないと、大事故につながります。 基本的に、外部スタイルシート書類内に書き込み、それぞれのHTML（XHTML）からはリンクして参照します。 HTML（XHTML）が何百ページあっても、CSSファイル内の記述を変更すれば、それが即座に変更されます。 CSSは1ファイルでなく、複数ファイルに分け、それらを同時にHTML（XHTML）から参照できます。 また、CSSファイルから、別のCSSファイルを読み込むことができま
DTPのスタイル機能と、Web/ePubのCSSの違い（1）｜DTP Transit
同じスタイルシートですが、DTPのスタイル機能とWeb/ePubのCSSは、かなり異なります。Webでは「HTML+CSS（XHTML+CSS）」と記述するように、CSSだけでなく、その前提となるHTML（XHTML）をどう記述するかが肝心です。 見出し、本文、キャプションにかかわらず、すべての段落は、同じ段落です。 これに段落スタイルを作成／適用することで、見かけ上、見出しらしく、本文らしく、キャプションらしく見えます。 それぞれの段落には、段落スタイルを適用する必要があります。 文字レベルで書式を設定するには、文字スタイルを作成／適用します。文字スタイルは、段落スタイルよりも優先されます。 それぞれの段落には、h1（大見出し）、h2（中見出し）、p（単なる段落）のようにタグ付けされています。サイズや金額を示す洋服のタグと同じようなものです。タグが付けられた段落は、h1要素、h2要素、p
BloggerでカスタムCSSをいじって枠をつける方法
テク系のブログでは「どこからどこまでがコードなのか」をはっきりさせる必要があります そこで、私は「枠」をつけて「コード」を表現してます こんな感じで ↑この「枠の付け方」をご紹介します。 ■まずはBloggerの新しいテンプレートデザイナーで枠用のカスタムCSSを追加 /* Custom ----------------------------------------------- */ #line{ border: solid 1px #000000; padding: 10px; } ■ブログを書くときにdivを追加して書く <div id="line">%~nx1</div> ■表示してみるとあら不思議 %~nx1 CSSをいじるなら同じ方法で適用できます！
デザイナは要注目！ 明日から語れるHTML5＆CSS3（1/4）- ＠IT
デザイナは要注目！ 明日から語れるHTML5＆CSS3：一撃デザインの種明かし（13）（1/4 ページ） ※本稿では特に断りがない場合、Firefox、Google Chrome、Opera、Safariは2010年7月時点の最新バージョン、IEはInternet Explorer 6/7/8の総称です。 いま世界で一番熱い「HTML5」「CSS3」とは？ 最近、「HTML5」「CSS3」といった言葉をよく耳にしませんか？ これらはWebの表現をもっと豊かにするために策定中の言語です。いままでのHTML 4.01やXHTMLでは実現できなかったことができるようになったり、CSS3はCSS 2.1よりさらにグラフィカルな部分まで表現できるようになりました。 FirefoxやOpera、Safari、ChromeといったHTML5＋CSS3に対応するWebブラウザが増えてきたことで、HTML5
たった一行を追加するだけでIE6/7/8をCSS3対応にする -CSS3 PIE
IE6/7/8でもCSS3の角丸、ボックスシャドウ、グラデーション、マルチバックグランドなどを使えるようにするbehaviorスクリプトを紹介します。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ご存知、ないのですか？CSSの優先順位
3streamer.net
http://www.amazon.co.jp/Web%E6%A8%99%E6%BA%96%E3%81%AE%E6%95%99%E7%A7%91%E6%9B%B8%E2%80%95XHTML%E3%81%A8CSS%E3%81%A7%E3%81%A4%E3%81%8F%E3%82%8B%E2%80%9C%E6%AD%A3%E3%81%97%E3%81%84%E2%80%9DWeb%E3%82%B5%E3%82%A4%E3%83%88-%E7%9B%8A%E5%AD%90-%E8%B2%B4%E5%AF%259
HTMLクイックリファレンス
【HTMLタグの簡単検索】TAG index - ホームページ作成情報
『電子書籍のePubで対応しているCSSプロパティ一覧』