ブログ文章術
前回にひきつづき考えている。 “だれが読んでもわかるように書く”のは、理想や目標としてはありえるけど、ほんとうに、ぼくたちは“だれが読んでもわかるように”書きたいんだろうか？ ということについて。 何かを表現するときに「３つの距離」を気にしたりしている。 １つは、自分だ。 自分への距離。 表現するものは、自分に届くだろうか？ 本当に自分が表現したいことだろうか？ 表現の出発点である自分自身を裏切ってないだろうか？ ２つめは、相手だ。 目の前にいる相手。 何かの共同作業なら、スタッフのことだ。 歌を歌っているのなら、その場で聞いている目の前の相手のことだ。 目の前にいる相手は、すぐその場でリアクションを返してくれる。 瞬間瞬間で、表情や言葉で、高速で微細でインタラクティブなやりとりを交わせる。 その相手に届くようにするにはどうすればいいだろうか？ ３つめは、世界だ。 目の前にいない相手への距
Alertbox: 画面解像度とページレイアウト（2006年7月31日）
ウェブページは 1024 × 768 に最適化するべきだが、800 × 600 から 1280 × 1024 までの幅広い解像度に対応できるリキッド・レイアウトを使おう。 Screen Resolution and Page Layout by Jakob Nielsen on July 31, 2006 ウェブユーザビリティ教室で最も多い質問の内の 1 つは、「どの画面サイズに合わせてデザインすればよいのか」だ。この質問に完全に答えようとすると、少し複雑になるが、基本的な考え方は簡単だ： 現在最も使われている画面サイズ 1024 × 768 に最適化する。もちろんこのガイドラインの基本的な考えは、ターゲットユーザたちの間で最も一般的な解像度に合わせて最適化することであるため、ときとともに具体的な解像度は変わり続ける。現在でも、例えば全従業員に大きなモニタを使わせている企業のイントラネット
:::STOP'N LISTEN::::::to the silence:::::
このウェブスペースへは、まだホームページがアップロードされていません。 早速、エックスサーバー上へファイルをアップロードしてみましょう。 アップロードの方法などは、サポートマニュアルをご参照ください。
Surviveplus.net
第1話 アイコン作成の定石 記事掲載：2004/07/09 ( 更新：2004/07/09 ) 1. Microsoft の公式ドキュメントに従う Windows XP のアイコンの作成方法は msd の日本語ドキュメントで紹介されています。 msdn "Windows XP 用アイコン作成方法 " 基本的に、これに従えばＯＫですが、もとが英語ドキュメントで、紹介されているソフトも海外のモノなので、ちょっとわかりにくいですね。ポイントだけ抜き出すと 原画を Photoshop などで描く ツールバー用やファイル自体は正面図で、モノはパースで描く 基本パレットとして指定されている色を使う 影をつける（ツールーバー用ではつけなくて可） アイコンフォーマットは前から順に 16色、256色、透明度付き 各色順に 16、24、32、48ピクセル を用意する 各画像を用意して、ソフトを使って一つのアイ
RBB NAVi
その他 2024.6.29 Sat 12:03 「貧しい人たちにチャンスを与える入試」ブラジルの名門・サンパウロ大学の小論文に松丸亮吾と福田麻貴が挑戦 『ニュー試』がNHK Eテレで29日21時30分から放送される。今回は「スラム街から名門大学へ！ブラジルの入試改革」というサブタイトル。 グラビア 2024.6.29 Sat 11:59 豊田ルナ、湖畔で振り向き美ボディ披露！…週刊誌グラビアオフショ 豊田ルナが28日に、自身のXを更新。湖畔をバックに、振り向き際の美ボディを披露している。 ブログ 2024.6.29 Sat 11:56 塚地武雅、NewJeansライブ参戦 お笑いコンビ・ドランクドラゴンの塚地武雅が自身のXを更新。6月25、26日に東京ドーム開催されたNewJeansの単独来日公演に参戦したことを報告した。 映画・ドラマ 2024.6.29 Sat 9:55 チェ・ジウ、日
センス不要！文章を読みやすくするデザイン4つの鉄則
*ノンデザイナーズ・デザインブックが新装増補されたため、再度のご紹介です！ 誰かに読んでもらうために作成する文書（テキスト）の数々。それは企画書だったり、報告書だったり、はたまたチラシだったりブログだったり。そんな文書をセンスが全くなくても読みやすくする4つのレイアウト・装飾法が… 覚えるべき鉄則は4つだけ ここで覚えてほしい鉄則はたった4つ。そう、 近接 整列 反復 コントラスト この4つだけです！ちなみにこれから紹介する内容は『ノンデザイナーズ・デザインブック』からの受け売りです。この本、残念ながら各所で売り切れちゃっているみたいですね…。 1．近接 近接の原則というのは、関連する項目をまとめてグループ化するということです。関連する項目を空間的に近づければ、それらは関係のない断片の群ではなく、一つのまとまったグループに見えるようになります 近接では、要素ごとにテキストのかたまり（ブロッ
blog in a fog » フォントサイズ指定方法の検証
※検証環境 Windows: IE6, IE7, Firefox2, Opera9, Safari3b Mac: Safari2, Firefox2, Opera9 XML宣言なし、標準準拠モード、utf-8 font-family指定なし これできれいに揃うはず。揃いませんでしたすみません！（↓追記あり） 検証に使ったHTMLファイルはこちら（Win/Firefox2を基準に作成。フォントサイズが変わるところにhrを入れてpx指定のテキストを並べた。比較しやすいように右寄せに。このファイルを各ブラウザで表示させて検証）。 お気づきのようにYahoo! UI Libraryのfonts.cssをもとに作成してます。 たとえばYUIでは12pxは92%となっているけど、これは93%でないとOperaで1サイズ小さく表示されてしまいます。最初は*font-size:smallで検証していたんで
サルでも分かる(？)Potraceの使い方 | totoco.org
商業施設系は紙媒体広告のデータをもらえる事が多いんだけど、製造系のクライアントは写真は有ってもロゴの(デジタル)データ無い！ってなわけで、ビーナスのソフトでしこしことロゴのトレースするはめになることありません？ でもいちいち手作業でトレースするのって時間の無駄だし…、ポイントが多いのって面倒だし…って激しくナマケモノの私の前に現れたのが「Potrace」という名のフリーのオートトレースソフト。 “オートトレース+フリー”っていうキーワードでうちにたどり着く人が多いらしく、前からいい加減やろうと思っていたPotraceの使い方(Winの場合)をまとめてみました。実際に使用して学んだコツ(？)なんかも。ホントはマニュアルを和訳してみようなんて、高校英語レベルのくせに目論んでたんですが、激しく挫折^^; 今日は何故か“激しく”を連呼する気分。 必要な物 / スキャナ、トレースする画像(ココでは企
Javascriptで指定のHTML要素を動的に角丸デザインにする方法:phpspot開発日誌
Nifty Corners This is the original article. The technique has been improved with better browser support and a lot of new features. The new article has been published on the 6th of April 2005. Javascriptで指定のHTML要素を動的に角丸デザインにする方法。 NiftyCornerを使えば、単一のDIV要素を角丸デザインにすることが可能です。 例えば、次のような単一DIV要素も簡単に角丸にできます。 <div id="nifty"><p>test</p></div> <script type="text/javascript"> Rounded("div#nifty","#377CB1","#9
stu nicholls | CSS PLaY | experiments with cascading style sheets | home page
What it's all about... "Cascading Style Sheets (CSS) is a simple mechanism for adding style (e.g. fonts, colors, spacing) to Web documents." The above quote, taken from the W3C website, is one of the reasons for this site. Whilst I agree that it is a mechanism for adding style to web documents, I do not agree that it is a SIMPLE mechanism. It can be very complicated, as I found out when I took my
favicon.jp - このウェブサイトは販売用です！ - favicon リソースおよび情報
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
photoshopでライトセイバー
さいそうです。 前回さぼりました。 てへ(^▽^) けんすう先生がかなりご立腹されていた模様なので、 今日はいつもより三時間早くアップしてみたいと思います。 今日はライトセイバー作りました。 春先ごろからずっとマスターレプリカ製のライトセイバーが欲しかったのですが、 永遠に学生をやりつづけている僕としてはお金がなさすぎて買えませんでした。 そんな中、僕から僕に朗報が入ったのです、さっき。 スターウォーズ ライトセイバーを描く方法 おおおおお！ こんなにすばらしいtipsなのに(しかもphotoshop系ではかなりわかりやすい方！)、 はてぶが僕だけ！ どんだけ！ というわけで、これなら余裕で作れるぜ思いながら作ってみました。 苦戦しました。 細かい作り方は上記の記事に任せるとして、 僕が苦戦したところだけお伝えしたいと思います。 その前に今回加工した写真の元です。 まずはs
[J] CSSガイドライン メモ編 - Jamz (Design)
上ノ郷谷氏のスタイルシートを書く時のガイドライン - 2xupというエントリーにコメントしたのですが連休中に時間が取れず... 有言不実行は最低... なので、追加コメントと今後のためのメモを残しておきます。 利用者インターフェイス (User Interface) ビジュアルフォーマットモデル (Visual Formatting model) ビジュアルエフェクト (Visual effects) : というような書き方がされており、こういう正式名称があったことを知ったわけですが、念のため関連ページをメモ。 Cascading Style Sheets, Level 2 Cascading Style Sheets, Level 2 (日本語訳) CSS のガイドラインに関しては以前から情報収集していて、こうした資料を公開していただけるのは非常にありがたい。と同
Bryce 5 例文辞典
このページはDAZ社のBryce 5.0についての使い方を説明しています。 各ページ内にあるムービーアイコンをクリックすると実際の手順に沿った映像を見ることができます。映像はQuickTime形式になっていますので、必要に応じてQuickTimeをインストールしてください。MacintoshやWindowsでiTunesをインストールしている方は特にQuickTimeをインストールする必要はありません。 ミスや間違い、リンクエラーなどがありましたらopenspc@alpha.ocn.ne.jpまでお願いします。 更新履歴 2006/12/18 英語版（画面は日本語版混在）のページ (Bryce 5 English)も用意しました。 2007/5/15 Bryce 6のページも用意しました。Bryce 6例文辞典
テキストを反射させる方法 / ウェブデザインライブラリー
投稿日：2008年1月15日 レベル：初心者 ソフトウェア： 今回はテキストの反射についてお教えします。皆さん本当はこのテクニックを他のデザインにも使っているのではないかと思います。それでは始めましょう。 Step1 ： ドキュメント作成 Step2 ： 文字を書く Step3 ： テキストレイヤー効果 Step4 ： テキストの反転 Step5 ： クイックマスクモード Step6 ： クイックマスクモード Step7 ： 完成 Photoshopを開いてドキュメントを作成します。サイズは400ピクセル×200ピクセル、背景は白です。 新規レイヤーを作成して、「gradient_background」と名前を変更し、「グラデーションツール」で、最前面を「#999999」に設定して背景を「白（#ffffff）」にします。ステージの下から上に向けてドラッグすると、次のようになります
OBB vs AABB - Radium Software Development
iPhoneの一般修理店は予約なしでも来店できる？ 基本的には飛び込みで修理に行ってもOK iPhoneを置いていたソファにうっかりと腰かけてしまい、パネルを割ってしまった、こんな時はスマホの一般修理店へ行きましょう。画面割れは、スマホやタブレットの故障原因として非常に多いものです。予約なしで突然お店に行っても平気かしらと、不安に思う方々もいらっしゃるかもしれません。結論としては特に問題はなく、予約なしで訪問しても画面割れの修理はお願いできます。 ただし他のサービス業のお店同様、予約なしの場合、お店が混雑していると順番待ちをしなければいけないです。特に繁盛しているスマホ修理のお店だと、行列が店内で出来ており、予約なしだと、自分の順番が巡ってくるまで長時間待たされる可能性があります。平日の朝、昼なら利用客が少ない場合が多く、飛び込みでも比較スムーズに修理が頼めます。 予約は入れた方が時短に、
氷山の秘密、明らかに - The Joel on Software Translation Project
Joel Spolsky ジョエル・スポルスキ 翻訳: Yasushi Aoki 青木靖 2002/2/13 「うちの開発チームのどこが悪いのか分からない」とCEOは心の中でつぶやく。「プロジェクトを始めたころには何もかもうまく行っていたんだ。最初の2週間チームは馬車馬のように働いて、ちゃんと動くプロトを作ったんだ。ところがその後は進み具合が這うように遅くなった。単に連中が怠けてるだけということかもしれん」。彼はキャラウェイ製のチタンドライバを選び、キャディに冷たいレモネードを取りに行かせる。「2、3人首を切れば、連中の尻にも火が付くだろう！」 その間、もちろん開発チームの方は何が悪いのか全然見当も付かない。実際何もまずいことはないのだ。彼らはスケジュール通りに進んでいる。 こんなことがあなたの身に起こらないようにすることだ！あなたの人生を百万倍も楽にしてくれる、こういう非技術系マネジメン
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
フォトショップ Photoshop プラクティショナー
CHIPS!
HTML and CSS Tutorials, References, Articles and News - HTML Dog