このサイトは2010年頃の更新をもって活動を終了しております。閉鎖してしまうには惜しい記事も多いことから、公開に問題の無いものだけをアーカイブ的に掲載し続けていますが、今となっては古い情報が多いです。そのことを十分にご承知の上、何かにご参考いただければ幸いです。 ウェブのライティングに関する入門サイトです 訴求するホームページをつくるための文章の書き方・執筆準備・考え方など、ウェブのライティングに関する情報・ツール・お役立ちリンクを提供するHOWTOサイト。 コンテンツ 基礎知識 ライティングがウェブサイトに及ぼす効果効用や、その原理など、具体的な執筆計画を立てる前に知っておきたいことについて。 文章の書き方 ホームページの文章を書く上で、「使える」「参考になる」テクニックについて。 無料ツール Webライティングに役立つツールを無料で公開しています。 参考書籍 当サイト管理人の著書をはじ

Getting Started Introduction A simple tutorial Language Reference Basic syntax Types Variables Constants Expressions Operators Control Structures Functions Classes and Objects Namespaces Enumerations Errors Exceptions Fibers Generators Attributes References Explained Predefined Variables Predefined Exceptions Predefined Interfaces and Classes Predefined Attributes Context options and parameters Su

PHP基礎：色々な文字列の変換 PHP基礎 文字列 文字列の扱い方は、場面によって様々です。 GETの入れ込む・タグを取り除く・邪魔な文字列を取り除く等など… ということで、よく使うものを何回かに分けてまとめてみようと思います。 ■URLに文字列を入れ込む（URLエンコードとデコード） URLエンコードとは、簡単にいうとURLの中に入れ込んでいい文字列に変換することをいいます。よくURLに「%83E%83F%83u%83m%81%5B%83g」みたいなものを見たことあるかと思いますが、ソレです（ご存知でないかたはアマゾンの商品詳細ページがいい例になります）。まあ深く考えずに、URLに入れる場合はURLエンコードする、と呪文のように覚えておけばOKだと思います（笑 使い方は簡単。下の$TEXTにURLエンコードしたい文字列を入れます。 // URLエンコード urlencode($TE

第1回では、肝心のことを書き忘れていた。この企画が誰を対象（オーディエンス）として想定しているかを示していなかった。ひとことで言えば、「多数の人に読まれる文章を書く人」が対象となる。 私の経験則が的を得ていないと思う人も必ずいるはずだし、そういう人たちと意見を戦わせるつもりなど毛頭ない。 また、“きれいな文章を書くための講座”を展開しようというつもりもない。最初に言ったように、文を書き進めるにつれて次々と現れる分岐から最悪の道にさまよいこんでしまうのを回避しようとする方法論に基づいている。 あくまで「悪文を回避するための文章テクニック」である。“悪文”とは、読者が理解するのに努力を要する文と定義付けておきたい。読者が“解読”に努力を払ってくれないと意味が伝わりにくい文は、悪文ということになる。（むろん、読者が文の内容を理解できるかどうかは、読者の知識レベルにも依存するのだが、便宜上、そこま

私の本業は翻訳であり、訳者として毎日数千字の訳文（日本語とは限らず、英語の場合も多いのだが）をキーボードから入力し続けてきた。それに加え、このブログにも筆者として、ほぼ毎日数百字から千数百字くらいまでの文章を書き続けてきた。だが、物書きの端くれなのかというと微妙なところである。 まあとにかく、誤字脱字、用語の誤用、記述の抜けなどから始まって、内輪でしか通じない略語の多用、へんてこな和製英語の乱用、主題を示す言葉の脱落、そして根本的に何を言いたいのかさっぱりわからない文など、問題だらけの原文を英語に変換しなければならない。 しかし、長年、悪文と格闘してきたおかげで、いろんな法則を経験的に学んできた。日本語の文章の質を低下させる要因については、いまやかなり詳しいはずだ。“悪要因”について詳しくなると、それを反面教師にできるわけだ。 ■ 自分の文に付随する“悪要因”を制御する 本業のときも、ここ

DelegateGcal Gmail tickler Firefox extension (All Platforms)というエントリーより。 Windows/Mac/Linux (Firefox): The DelegateGcal Firefox extension lets you create a reminder in Gcal based on the Gmail message you’re currently viewing. Gmailで開いているメッセージの画面から、ダイレクトにGoogle Calendarに予定を登録することをできるようにするFirefox機能拡張「DelegateGcal」がありました。 インストールすると、メッセージの下に下記のように表示されます。 「Add To Gcal」をクリックすると以下のように表示されます。 このようにしてGmailから

本文の下のほうをFade Outしてフッターを際立たせる方法 May 9, 2007 8:08 AM written by 8maki fortuitousというブログには、ちょっと楽しい小細工が。 本文の下のほうに行くと文字や画像がFade Outしていきます。フッターのメニューがうかびあがってくるように見えてユニークです。 ちょっと実現方法がユニークなので皆さんも考えてみてください。 実はこれ、CSSやJavascriptを一切使わず、画像をちょこっといじっただけで実現しています。 なんと上半分を白の透過画像にしているだけなのです。わかってしまうと、「あー、なんだ。」と思ってしまいますが、意外と思いつかない発想かも。 たったこれだけでもブログやサイトにアクセントを加えることができる、他にもいろいろとお手軽な手法が転がっていそうですね。 » fortuitous ■ 追記（2007-05

Deziner Folio Blog Archive Ultimate Web 2.0 Layer Styles - Free Download Photoshop Layer Styles are the easiest way to speed up the design process. I found that my previous article - Ultimate Web 2.0 Gradients v3.0 was a lot helpful to many.Web2.0風のボタン等がクリック一発で作れるPhotoShop用レイヤースタイル。 サイトの「Download」ボタンでダウンロードし、.ASLファイルをダブルクリックでインストール完了します。 インストールしたら、「ウィンドウ」メニューから「スタイル」を表示します。 すると次のようにインストールされたスタイルが表

This tutorial will teach you how to create pretty looking textual buttons (with alternate pressed state) using CSS. Dynamic buttons save you heaps of time otherwise spent creating graphics and will basically make you a happier person at the end of the day. Here's what you'll get: Sliding doors Since we want our buttons to be über-flexible, we'll have to make the background image expand with the si

ボックス全体をリンクにしたい まずはこちらの発想の元ネタのサイトの紹介。 Link Boxes (Ask the CSS Guy) やりたいことは上記ページの上部の画像のように、見出しやテキストを置いている部分をリンクボックス化したいという主旨。マークアップや正しい書式にこだわらないなら簡単にできるのだが、ちゃんとした事をしたい人向けのTips。 ※以下のソースは上記サイトからの引用です。 上記サイトの言いたい事を簡単な日本語にして主旨だけ書きます。 ※訳とかまとめ要らないという方はその先に「それ、jQueryでやってみる」とか書いてみたので良かったらそちらへ進んでください。 まず中身はこんな感じ。見出しとテキスト。 <h2>About Us</h2> <p>How my life story became a Hallmark movie.</p> これらをボックスにしてリンクを付けたけ