独学Linux : ゼロからはじめるSphinx《入門編》
1月11 ゼロからはじめるSphinx《入門編》 カテゴリ:Ubuntu 11.10TeX Sphinxは、HTML文書・LaTeXを用いたPDFファイル・EPUB形式の電子書籍などを同一のソースファイルから作成できるドキュメント作成プログラムです。通常のプログラムのコンパイルのように、makeコマンドを使ってそれぞれの形式の文書を作成します。 Sphinxのソースファイルは、reStructuredText（拡張子は .rst）と呼ばれるマークアップ言語で記述します。以下に、サンプルをお見せしますが、これらはすべて特別なレイアウト調整を行っておらず、デフォルトのレイアウトを使っています。このように、非常に完成度の高い多様な文書が同一のソースから作成できるというのは魅力的ですね。 以下、Ubuntu 11.10(oneiric)でSphinxを使ってみたという備忘録です。 詳細は、Sphi
Ustream番組をはじめるにあたって、知っておくべき９のノウハウ：In the looop：オルタナティブ・ブログ
本日開局のLooops.TVアドバイザーでもあるショコラさんから、大変緻密で実践的なUstream運営方法を伝授いただきました。ぜひ多くの皆様とシェアしたい素晴らしい内容なので、ご本人の快諾をいただき、ここに公開させていただきます。 ------------------------------------------------------------------------------------------------------- 2/1にLooopsTVを開始されるとのこと。これまでの江東区地域UST「YUKKIYのモダチャン」などの経験から、シェアできることをまとめました。新規UST開始時に留意した方がいいと思われることです。 技術的なコトとか機材選びについてはいろいろ本も出ているので、その他系（笑）USTの特性をどう生かして、みんなにこういう番組あるよって知ってもらって、どうコ
CSSグラデーションのちょっとしたテクニック #2
前回のエントリのような応用するための基本というものではなく、CSSグラデーションはこういう使い方もできるよ的なもので３つ。普通のグラデーションの作り方はcss gradients in Firefox 3.6とかで。#3はない。 以下プレビュー画像のリンク先がデモ・ページになっているのでそちらも参照のこと。もちろん対応ブラウザのFirefox 3.6とSafari 4やChrome 4以降でないと動作デモは確認できない。 Vista風のテカってるボタン ありがちだけど作れたらなかなか便利そうなので挑戦してみたら、意外に簡単だった。実はdoubleなborderが重要で、これが無いとちょっと間抜けな感じになる。コード的には難しいことはなく、上半分にrgb(138, 138, 138)からrgb(102, 102, 102)、下半分にrgb(36, 36, 36)からrgb(0, 0, 0)と
基本的だけど大切なタイポグラフィのシンプルな14のルール
ウェブデザインをはじめ、印刷にも役立つ基本的だけど大切なタイポグラフィのルールをfred designから紹介します。 Simple rules for good typography もしくは、Typophile 下記は、その意訳です。 はじめに ここにウェブや印刷のためのタイポグラフィに役立つ基本的なルールがあります。もちろん、このルールは基本であり、そしてルールは破られることを意図されているものです。 しかしながら、もしあなたが一般的にきちんとしていて美しくみえる何かを制作するためには良いルールです。 1. たくさんのフォントを使わない ウェブサイトなどのドキュメントに一貫性は非常に重要な要素です。一貫性は統一と一つのアイデンティティーをもたらします。 この一貫性を守るためには、一つのドキュメントに対して3つ以上の異なるフォントを使用しないことです。 2. ヒエラルキー ページ内の階
プレゼンを通すために絶対必要な“4つ”のこと : LINE Corporation ディレクターブログ
モバイルの新規事業担当になった渡邉雄介です。最近は社内や外部でプレゼンさせていただく機会が増え、色々と学びました。 自分がプレゼンする立場になったとき、"うまく説明しなければならない" という漠然としたプレッシャーから、プレゼン自体をネガティブに捉えてしまうことはないでしょうか。今回は、プレゼンを通すために欠かせない、最も重要な4点についてお話しします。 その1: スライドに全てを書かないこと プロジェクターから映し出されるスライドに書いてある文章を、そのまま読みながらプレゼンする人がいますが、私はそういうプレゼンを見ると心の中でこう突っ込みを入れてしまいます。「いちいち読んでくれなくても、そう書いてある！」 スライドはあなたの言葉を視覚的にサポートするものであって、カンペではありません。言うべき言葉でスライドの余白を埋めて、"ちゃんと調べた感" を出そうとするよりも、本当に伝えたいメッセ
お願いのメールをサラッと書ける言い回し : ライフハッカー［日本版］
仕事を円滑に進めるには、欠かせないのがさまざまな依頼ごと。でも、何かにつけて「お願いします」という言葉ばっかり使うのは、気が引けたり角が立ってしまいがちです。そこで、いますぐ使える「お願い」の言い回しを紹介しましょう。 ●幸いです 例：「〜していただけると幸いです。」 ●助かります 例：「〜ですと助かります。」 ●ご検討のほど... 例：「〜の件について、ご検討のほど宜しくお願いいたします。」 ●うれしいです 例：「〜をお願いできればうれしいです。」 ●お力添え 例：「〜についてお力添えいただければと思っております。」 これらの言い回しを使って、一通のメールに何度も「お願いします」と書かないようにすると、お願いごとがたくさんあっても、やんわりとした印象になりますよ。どうぞお試しあれ。ATOKに単語登録（例：「ｓ」→「幸いです。」）しておくとさらに便利。 （常山剛）
スタートアップがやってはいけないこと10＋1
元マイクロソフトの社員で著名なブロガーでもあるロバート・スコーブル（Robert Scoble）氏が、ブログのエントリ「The worst things startups do」で、スタートアップがやってはいけないことをリストアップしています。要約して紹介しましょう。 街のいい場所に立派なオフィスを借りてしまう 他人の金を自分の金のように使うな 1回のツイートで何をしているか説明できない なぜあなたのプロダクトが優れているのか、短時間で説明できるようになれ ざっと見回してもプログラマーがいない よい企業は彼らであふれている PR会社と契約する（あるいはブログもツイッターも使ってない） 素晴らしい企業は顧客がその企業のことをすすんで語るものだ 間違ったことにお金を使っている コーヒーマシンではなく、プログラマによいイスとモニタと速いマシンを買ってやれ 解雇を躊躇する 社内で方向性が異なるスタ
High Performance Web Design ~デザインから考えるハイパフォーマンスWebサイト~ | warikiru
2009-11-24 High Performance Web Design ~デザインから考えるハイパフォーマンスWebサイト~ ラベル: performance CSS Nite in ISHIKAWAで話をしてから1ヶ月経ったので、薄れゆく記憶の復習も兼ねて思いの丈を綴ってみたｗ High Performance Web Design 1. What's High Performance?ここでいうパフォーマンスというのはWebサイトの表示高速化についてです。つまり、ページをいかに早く表示させるかという課題です。でも、そうゆうのってサーバー側の問題でしょ？システムエンジニアの管轄じゃないの？と思われがちですが「ハイパフォーマンスWebサイト」の著者であるSteve Soudersの調査によると、80:20。一般的にユーザーの待ち時間の実に80%がブラウザ側、フロントエンドで費やされて
2010年に備えて、知っておきたいウェブデザインのトレンド
2010年に向けて押さえておきたいウェブデザインのトレンドの14のポイントをWeb Design Ledgerから紹介します。 Web Design Trends for 2010 下記は、その意訳です。 また、同著者の別エントリーに対応したものもあります。 これはもう使用しない方がいいウェブデザインのトレンド はじめに 1. 特大のヘッダとロゴ 2. 手描き風のデザイン 3. 大胆で大きなフォント 4. タイポロジー 5. 1ページ レイアウト 6. インパクトがある画像 7. パースの活用 8. インタラクティブで直感的なデザイン 9. モーダルボックス 10. ミニマリズム 11. オーバーサイズのフッタ 12. レトロ 13. イントロボックス 14. 雑誌風のレイアウト はじめに このリストは、2009年に人気が高かったものからさらに発展するであろうトレンドを紹介しています。 ト
とっても使えるoverflowプロパティ。その使い方色々。
光の4戦士を買ったんすが、売り文句通りレトロな感じがしていいですね。 まぁまだ2, 3時間程度しかやってないんで、これからどうなるか分かりませんが時間を見つけてやって行こうかと。 さて、以前からoverflowプロパティは使い勝手が良いというか、使う場面が多いプロパティの一つですが、考えてみると色んな事に使ってるなぁ～と思ったので自分が良く使うのをまとめてみました。 あんまoverflowプロパティを使った事が無い方は、ビックリですよ！ これで、ソコの可愛いアナタもoverflowプロパティの虜になる事間違い無し！！（わかんないけど サンプルとかは以下よりどうぞ。 サンプルサイトを見る サンプルをダウンロード 基本的に、全てoverflow: hidden; の指定を足す事で解決したり実現出来る感じです。 01 clearfixみたいに使う まずは以前の「clearfixを使わないでやるに
ウェブデザインの見栄えをよくするための7つのキーワード | コリス
7 Key Principles That Make A Web Design Look Good下記、そのポイントを意訳したものです。1. バランス2. グリッド3. カラー4. グラフィック5. タイポグラフィ6. ホワイトスペース7. コネクションおわりに1. バランスバランスで一番大切なことは、デザインが一方向に偏らないことです。対称あるいは非対称のものでもウェイトにはバランスをおくようにします。実例： Subtractionこのグラフィックの重要なポイントは右のクロスです。このクロスはビジュアルのウェイトに大きな影響を与えています。 この小さなクロスがどれだけグラフィックのバランスに効果があるかは、あなたの手でクロスを隠して見てください。これが非対称のバランスと呼ばれるものです。ビジュアルのサイズやカラーをコントロールし、ウェイトを調整することができます。 仮にクロスのカラーがオ
Photoshopでの作業をより早くより簡単にする20のTips
Photoshopでの作業を今までより早く、そしてより簡単にする20のTipsをSpoonGraphicsから紹介します。 20 Handy Photoshop Tips For a Faster Workflow デザイナーの人には常識的なものだと思いますが、実用的で多用するものが多く紹介されています。 ※コマンドはWin XP+Photoshop CS4のものです。 Macの場合は、下記置き換えてください。 Ctrl = Cmd Alt = Opt 作業ファイル上で、[space] 使用してるツールを手のひらツールに変更し、画像を移動させることができます。 [編集]-[環境設定]-[テキスト]の「フォントプレビューのサイズ」 サイズを「特大」にすると、フォント選びが楽になります。 「文字パレット」のサイズにフォーカスをあてて[矢印] 上下の矢印キーでフォントサイズを増減することができま
30 Professional Logo Design Processes Revealed | Creative Nerds
30 Professional Logo Design Processes Revealed September 21st, 2009 Articles A collection of articles from logo designers who share their tips, tricks and secrets about the process they go through when creating a logo for a client. Including the process which Chris Spooner went through in order to redesign the design bump logo. 1. Logo Design Project Step by Step Walkthrough Project: myNiteLife Lo
賢い質問のしかた
翻訳： アラビア語 インドネシア語 ベラルーシ語 ブラジルポルトガル語 中国語 チェコ語 オランダ語 フランス語 グルジア語 ドイツ語 ギリシャ語 ヘブライ語 ポーランド語 ポルトガル語 ルーマニア語 ロシア語 セルビア語 スペイン語 スウェーデン語 タイ語 If you want to copy, mirror, translate, or excerpt this document, please see my copying policy. 多くのプロジェクトのウェブサイトがヘルプの項目からこのドキュメントにリンクを張っている。それは私達の意図した使い方なので構わない ―― しかしあなたがそのようなリンクをプロジェクトのページに追加しようとしているウェブ管理者ならば、リンクの傍らに目立つように、私達があなたのプロジェクトのサポート窓口ではないことを明示してほしい。 その注意書き無くし
単調なウェブサイトのデザインに手を加えてクオリティをアップするチュートリアル
ウェブサイトのデザインに、ビジュアルエレメントを追加したり、細部をブラッシュアップしたりしてクオリティをアップするPhotoshopのチュートリアルをPsdtuts+から紹介します。
ブラックベースの暗いウェブデザインで気をつけたいポイント
ブラックベースの暗いデザインのウェブサイトを制作する際に、取り入れたいポイントや注意すべきポイントをWeb Designer Depotから紹介します。 The Do's and Don'ts of Dark Web Design 下記は、その意訳です。 はじめに 1. ホワイトスペースの活用 2. テキストのホワイトスペース 3. テキストのコントラスト 4. フォントの取り扱い 5. カラースキームは最小に 6. スタイルスイッチャー 7. 暗いデザインがはまるサイトとは 8. エレガントな暗いデザイン 9. クリエイティブな暗いデザイン 終わりに はじめに ブラックベースのウェブデザインは人気が高く、エレガントでクリエイティブな魅力があります。しかし全てのウェブサイトに適したものという訳ではなく、適切であるときだけ使用されるべきデザインです。 ブラックベースのデザインを使用すると印象
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
連載：Ubuntu Weekly Recipe｜gihyo.jp … 技術評論社
Incredible Drop Down Menu Solution With CSS Only - Web Design Magazine - AEXT.NET MAGAZINE
テキストをかっこよく魅せるPhotoshopのチュートリアル集：Part 16
Site Under Maintenance
