文章を書く心がけ
目次 はじめに 読者に対する心がけ 誰がその文章を読むのかを考えよう 読者は何を知っているかを考えよう 読者がどんな感じを受けるかを考えよう 読者と対話する気持ちになろう 自分に対する心がけ 書こうとせず、読もうとしよう 読もうとせず、読みはじめようとしよう 何でも書いていいんだよ 惜しげなく人に与えよう 人からのものには敬意を払おう 魔法の呪文は毎回発見しよう まず自分がよく理解しよう 知識を誇るために書くのをやめよう その他の心がけ 言葉についての心がけ 長い文は注意して使おう 書いたものは必ず読み直そう 適切な例を示そう 言い換えの練習をしよう ８割でよしとしよう すべてを動員しよう その他の心がけ 環境についての心がけ 人の「気」を意識しよう 頑丈で軽い文章作成のツールを使おう その他の心がけ 編集者に対する心がけ 助言はよく聞こう 自分の状況を正しく伝えよう 感謝の気持ちを忘れな
Windows 7の起動時に管理者権限を強制的に取得する裏技
Windows 7の起動画面で使っているパスワードを忘れてしまい、ログインできないという非常事態に出くわしたときに、管理者権限を取得した状態でコマンドプロンプトを立ち上げられる裏技を知っておけば、コマンド入力であっという間にパスワードを設定し直してログインすることが可能です。ということで、実際にうまくいくのか、管理者権限を強制的に取得する裏技を試してみました。なお、この裏技は手順を間違えるとPCが正常に起動しなくなる危険がある点には注意が必要です。 A tutorial on how to get into an admin account on ANY computer. - Imgur http://imgur.com/gallery/H8obU 電源ボタンを押してPCを起動させ、「Windowsを起動しています」と表示されている間に、PCの電源ボタンを長押しして強制的にPCをシャット
[CSS]リスト要素を左寄せぴったりに配置するスタイルシートのテクニック
中黒のような黒丸、四角、数字など、リストの先頭につくマークを左寄せに揃えるスタイルシートのテクニックを紹介します。 対応ブラウザはIE8+で、ネガティブマージンは使用しません。 Align Lists Flush Left ブラウザごとに異なるサイズのマークでも、数字のリストで1桁から2, 3桁と増えても全てに対応できるテクニックです。 まずは、マークアップから。 HTML ulもolもシンプルな実装です。 <h3>Unordered List</h3> <ul> <li>Lorem ipsum dolor sit amet</li> <li>Lorem ipsum dolor sit amet</li> <li>Lorem ipsum dolor sit amet</li> </ul> <h3>Single Digit List</h3> <ol> <li>Lorem ipsum dol
SEOmoz | The Web Developer's SEO Cheat Sheet
Products Moz Pro Your all-in-one suite of SEO essentials. Moz Local Raise your local SEO visibility with complete local SEO management. STAT SERP tracking and analytics for enterprise SEO experts. Moz API Power your SEO with our index of over 44 trillion links. Compare SEO Products See which Moz SEO solution best meets your business needs. Moz Data Power your SEO strategy & AI models with custom d
Googleをもっと便利に使いこなす32の検索技と14のネタ
先日Evernoteを整理していたら、適当にメモされたGoogleの便利な検索機能がいくつもありましたので、今日はそれをまとめておこうと思います(暇なので)。あと小ネタもいくつかありましたので、ついでにそれもまとめちゃいます。こうして改めてまとめてみると「Googleってやっぱ便利だなー」と惚れ直しました。今日紹介する検索技などを使用して、皆さんももっと便利にgoogleを使いこなしちゃってください！ ちなみに左のアイキャッチは、2012年4月24日のgoogleTOPページです。4月24日はファスナーを現在の形に仕上げたギデオン・サンドバックさんの誕生日のため、googleのTOPページがこのユニークなロゴになったようです。 Googleの検索演算子15 link:指定したページの被リンクを表示 使い方：[link:http://www.google.co.jp/] 補足：対象ページに対
Flash に重なり順を指定する - Vavevoo
Flash に z-index が効かない HTMLで YouTube の埋め込み動画などの Flash を使用する場合、<object> タグを使うことになります。 で、いざ埋め込んでみると、このサイトのレイアウト上どうしても <div> タグが Flash に重ならなければならないのですが、CSSの z-index が効かずに、Flash が <div> の前面に来てしまいます。（div 同士が重ならないレイアウトにしても、隣接する限り border 部分に重なってしまいます。） ためしに、<object> で jpg画像を埋め込んでみても同じようにはならないので、これは Flash 特有の性質のようです。 ということで、今回は <object> で埋め込んだ Flash に、重なり順を指定する方法について載せておきます。 なお、このサイトのレイアウトについては、擬似フレームについての
MacBookのディスク容量が残り2GBという信じられない状況になっていたので、いろいろと削除して70GBまで復活させた道のりを記録してみる。 - Gadget Girl
私のプライベートMacは2009年モデルの白いMacBook。もう4年も前のモデルかぁ。真っ白くて可愛いという理由だけで手にしたのだが、想像以上に設定が簡単だったのを覚えている。今でも私の母艦である。 GWの時間があるときにメンテナンスしよう！と思っていたのだが、予想以上に危機的状態にあった…。残りディスク容量が2GBだと？！もはやカーソルも思うように動くわけがない… とにかくMacBookの中を整理しなくては…1日試行錯誤して2GBだったディスク容量がなんと約70GBまで復活した！！！全ては自分の怠惰さが問題だったのだが、この手順は後にも役に立ちそうだったので、記録しておこうと思う。 簡単にディスク容量を確認する まずは自分のMacの状態を確認しよう。左上のりんごマークをクリックして「このMacについて」にすすむ。「詳しい情報」>「ストレージ」と進んでみると、ディスクが何によって占拠され
WordPressでサムネイル入り新着記事一覧を作る
WordPressで運用しているクライアントさんのサイトのトップページに、画像サムネイル入りの新着記事一覧を作りました。 ネット上に意外と情報が少なくて手を焼いたので、メモしておきます。 こんな感じのコードを書きました。 [php] <?php query_posts(‘&posts_per_page=5’); if (have_posts()): while(have_posts()): the_post(); ?> <h2><a href="<?php the_permalink(); ?>" ><?php the_title(); ?></a></h2> <div class="list_day">[<?php echo get_the_date(‘Y年n月j日’); ?>]</div> <?php if (has_post_thumbnail()) { the_post_thumb
すげー便利！ドメイン別にスタイルシート（CSS）を当てる方法。
ドメイン別にスタイルシートを当てる方法。 iframe[src*="youtube.com"]{ width: 500px; height: auto; } iframe[src*="nicovideo.jp"]{ width: 320px; height: auto; } 例えば、YouTubeの外部プレイヤー（iframe）の横幅は500にしたいけど、ニコニコ動画の外部プレイヤーは320にしたいときは、上のように書くと上手く動作します。 a[href*="wayohoo.com"]{ color: red; } a[href*="goryugo.com"]{ color: blue; } ちなみに、aタグをドメイン別に指定する場合はこのようになります。(wayohoo.comは青色、goryugo.comは赤色とする場合) タグ名[属性名*="URL"]{ /* CSSの中身 */ }
コピーライト（Copyright）とは？著作権表示の正しい書き方や意味を解説 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、デザイナーのサリーです。 サイトをデザインするときに当たり前に入れている「Copyright（コピーライト、©️）」の記述ですが、サイトによって年号があったりなかったり、長かったり短かったり、書き方はさまざまですよね。 今回はコピーライトとは何か、正しい書き方や©との関係性について詳しく解説していきます。 コピーライトとは コピーライトとは、英語で「Copyright」と書き、”著作権”のことを指します。著作権とは、作品を創作した人や会社（著作者）が持つ権利であり、著作者は作品がどう使われるか決めることができます。 Webサイトやホームページの下部にコピーライトがあるのは「ここにある記事や画像の著作権は自社が持っているから、無断転載しないでください」という一種の意思表示です。 厳密にいうと著作権法で著作物は「思想又は感情を創作的に表現したものであって、文芸、学術、美術又は音楽の
旧・Macの手書き説明書 - FC2 BLOG パスワード認証
ブログ パスワード認証 閲覧するには管理人が設定した パスワードの入力が必要です。 管理人からのメッセージ https://mac-tegaki.comへ移転中 閲覧パスワード Copyright © since 1999 FC2 inc. All Rights Reserved.
画像の内側にボーダーを付ける方法！CSSだけ！ | Web活メモ帳
CSSでボーダーを画像の内側につける マウスオーバーした際に、ボーダー処理をCSSでつける作業をしていた所、 画像の内側にもボーダーをつけたいと言われてやり方を調べました。 誰かの参考なれば幸いです。 ↑このような状態が理想です。 結論を言うと、画像にネガティブマージンを適用すればOKのようです。 以下のようなコードで実装できました。 a { overflow: hidden; float: left; } a:hover { border: 5px solid #000000; } a:hover img { margin: -5px; } 以下のサイトを参考にさせて頂きました。感謝。 Image Rollover Borders That Do Not Change Layout
角丸のぼけをなくすためのPhotoshopの設定 – creamu
Photoshopの角丸長方形ツールで角丸を描いたとき、端がぼけることがありますよね。 blurな状態 clearな状態 これは、以下のように角丸長方形オプションで「ピクセルにスナップ」にチェックをつけることで防ぐことが可能です。
CSS3をサポートしていないブラウザでどのように見えるか簡単に確認できるブックマークレット -deCSS3
CSS3でスタイルした箇所をサポートしていない古いブラウザ、まぁ主にIEなのですが、でどのように見えるのか簡単に確認できるブックマークレットを紹介します。
Dreamweaverのデザインビューを使い倒すために覚えてきたいこと | Webデザインのタネ
一定期間更新がないため広告を表示しています
正確に円弧をトレースするためのTips｜DTP Transit
たとえば、次の図のような、明らかに正円の一部といった円弧をトレースしたいといった場合、その円の中心点を（正確に）見つけるにはどのようにすればよいでしょうか？ まず、トレースしたい円弧上に中心点を持つ同じ大きさの正円を2つ描画します。 その際、中心点が見えるように、レイヤーを分け、描画するレイヤーのみアウトライン表示にしておくとよいでしょう（目のアイコンをcommand+クリック）。 パスファインダーを使って、2つの図形を組み合わせます（図では「交差」ですが、交差する箇所にアンカーポイントができれば、なんでもいい）。 2つの円が交差するアンカーポイントのみを残し、残りのアンカーポイントを削除します。残った2つのアンカーポイントを連結（command+J）します。この線はいったん、隠しておくとよいでしょう。 もう1本線を引きたいので、同様に繰り返します。 隠しておいた線を表示します。2つの線の
画像の下に謎の隙間ができるのを防ぐ方法 [ホームページ作成] All About
上記のHTMLは、ブロックレベル要素の中に、画像を1つ入れているだけです。このような記述は頻繁に使われるでしょう。 このとき、文字サイズ(font-size)がとても小さかったり、行の高さ(line-height)が低かったり、表示に使われているフォントの種類によっては、あまり隙間が気にならない場合もあります。しかし、右図のように画像の下に隙間が見える場合もあります。 画像の下に空く謎の隙間がハッキリ見える記述・装飾例 以下のようにHTMLとCSSを記述すると、謎の隙間がハッキリ見えるでしょう。 <p> <img src="sea.jpg" alt="海"> quick doggy jump </p> 上記のHTMLでは、画像の隣に小文字のアルファベットを掲載しています。さらにCSSで、 p { font-size: 200%; line-height: 1.4; font-family:
![画像の下に謎の隙間ができるのを防ぐ方法 [ホームページ作成] All About](https://cdn-ak-scissors.b.st-hatena.com/image/square/07356548dced5830ac122644793311a373810346/height=288;version=1;width=512/https%3A%2F%2Fimgcp.aacdn.jp%2Fimg-a%2F1200%2F900%2Faa%2Fgm%2Farticle%2F2%2F3%2F8%2F8%2F9%2Ftopimg_original.png)
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Engrave Photoshop Actions Kit
Mac OS X キーボードショートカット
CSSの知識をもっと深める30+2の小技テクニック集｜Webpark
