タグ

ブックマーク / h2o-space.jp (4)

  • Googleドキュメントで(それなりに)見栄えの良い書類を作る方法 | H2O Space. BLOG

    ここへ来て、かなりの勢いでパワーアップが図られ、かなり使えるツールに仕上がってきている「Googleドキュメント」。Google Appsのユーザーである私は、独自ドメインでわしわし使いこなしています。 しかし、これまでの使い方はあくまでも「オンラインメモの延長」として、スプレッドシートにちょっとしたことをメモしておく程度の使い方でした。というのは、さすがに印刷をするための書類を作るには、見栄えが良くなく、とても使えない・・ そこで、ちょっと試行錯誤をして、印刷にも使えるGoogleドキュメント作りにチャレンジしてみました。 実は、Googleドキュメントの文書は裏はHTMLで作られています。その証拠に「Edit→Edit HTML」メニューをクリックすれば(私は英語版を使っています)、HTMLのソースを見ることができます。 そのため、これをCSSで制御すれば見た目を整えることができます。

    evian226jp
    evian226jp 2009/11/05
    真剣に活用を検討したい
  • CROSS 『iPhone × Android』のホームページの作り方 | H2O Space. BLOG

    昨日から公開しました、10月 10日開催のイベント CROSS 『iPhone × Android』の告知ですが、告知サイトの方もがんばって作っていました。 たった1ページのサイトですが、JavaScriptなどを活用してそれなりにいろいろなことをやってみているので、今回はこのサイトの作り方を紹介してみましょう。 設計書を作る まずは、設計書を作成します。私の場合、最近は設計書Appleの Pagesで作成しています。当は、Adobeの製品などを使えばキレイに作れるのだと思いますが、なかなか私のような非デザイナには荷の重いソフトで、ワープロソフトの方が使いやすいです。 記述する内容としては、主に次のような内容。 ・サイト名 ・サイトのターゲット(年齢・性別など) ・テーマカラー サイト名は、当たり前としてサイトのターゲットやテーマカラーは、デザイナがそれに沿ってデザインを作るために

    evian226jp
    evian226jp 2009/09/09
    特設サイトなどの速く効率的な作り方は参考になる。
  • WordPressのビジュアルエディタ(TinyMCE)で好きな CSSをあてる方法 | H2O Space. BLOG

    WordPressのビジュアルエディタは使いやすくて非常によいのですが、見た目は独自のCSSがあてられているため、文章を書いている間はできあがりを想像して書き、後はこまめに「プレビュー」をして実際の様子を見るしかありません。 しかし、これが意外と不慣れな方にはストレスのようで、ビジュアルエディタで見たまま編集したい! と言うご要望をいただきます。そこで、ちょっとこのビジュアルエディタを改造してみることにしました。 WordPressのビジュアルエディタにはTiny MCEというエディタツールが使われています。これが、WordPressでは、次の場所にインストールされています。 /wp-includes/js/tinymce/ この中のファイルを編集すると、改造を施すことができます。 エディタ内のCSSを整える エディタ内のCSSは、次のファイルが司っています。 /wp-includes/j

    evian226jp
    evian226jp 2009/09/07
    WPのTinyMCEでCSSを設定して投稿画面を見易くする。
  • Web担当者Forum × CSS Nite「実践ワークショップ」開催報告&チェックシート(?)作ってみました - H2O Space. BLOG

    ご報告が遅れましたが、先日「Web担当者Forum × CSS Nite「実践ワークショップ」 」 が開催されました。ご参加された皆様お疲れ様でした。また、主催のみなさま、すばらしいイベントをありがとうございました。 私はというと「コーディネータ」などという、こそばゆい肩書きをいただき、実際には会場をうろうろする程度の役目に徹しておりました(笑 詳しいレポートは、ご参加者のレポートなどをどうぞ。 Web担当者Forum × CSS Nite「実践ワークショップ」参加レポート|linker journal|linker Web担当者Forum × CSS Nite「実践ワークショップ」 - withoutsugar (would be delicious.) さて、私も偉そうなことを言うだけで終わってしまうのは申し訳がないため、ここでは私なりのチェックシートを作ってみようかなと思います。まず

    evian226jp
    evian226jp 2009/03/21
    クライアントとのミーティングで押さえておきたいチェックシートのベースとして使おう。
  • 1