タグ

2011年8月31日のブックマーク (12件)

  • Webデザイナー(私)によるタイポグラフィーレイアウトの注意書き

    私は DTP デザインが苦手です ...。でもときどきお客さんから、フライヤーとかポスター、名刺なんかの紙のデザインを頼まれます...。そこでもっと勉強しなくちゃいけないなーと感じていたのが、タイポグラフィーについてのこと。今回はタイポグラフィーとそのレイアウトについて学んだことをまとめてみました。 以前グラフィックデザインをしている先輩に、グリッドシステムや揃えるだけがデザインじゃないし、もっとタイポグラフィーやレイアウトのことを勉強しなさいと言われました …。私は普段、Webデザインしかしていないんですけど、ときどきフライヤーやポスターのデザインを、ついで仕事のような形で頼まれる事があります …。 でも、Webデザインしかしてこなかった私は、紙媒体 – DTP デザインが苦手です …。ちょうど 1年くらい前にも同じような記事、Webデザイナー(私)によるDTPデザイン注意書き:Webと

  • サービス終了のお知らせ - NAVER まとめ

    サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。

  • http://designaholic.cc/2011/08/15-1.html

    http://designaholic.cc/2011/08/15-1.html
  • 沖縄タイムス | クモが鳥を食った 糸満

    クモが鳥をった 糸満 シジュウカラをべ始めたとみられるオオジョロウグモ=10日午前、糸満市米須 [画像を拡大] 地域 2011年8月30日 10時10分Tweet(3時間15分前に更新) 糸満市米須の駐車場そばの森林で、体長約15センチのオオジョロウグモがシジュウカラをべているところを、パイロットの榎並正一さん(60)がカメラに収めた。今月10日午前10時ごろから翌11日午前9時ごろまで、断続的に撮影した。生物学が専門のゲッチョ先生こと盛口満沖縄大学准教授は「珍しい。クモが鳥をべるらしいと聞いたことはあったが、写真では初めて見た」と驚いた。 オオジョロウグモは、セミやチョウをべるが、クモの仲間では糸が強く、鳥をべることもある。道の小さいクモは、巣にかかった鳥に毒を入れて動けなくさせ、時間をかけて汁にして飲み込むという。 榎並さんによると、クモは翌11日の午前9時までべ続け、

  • 音楽ファイルをあらゆる形式に変換&結合し、動画から音声を抽出できる無料ツール「Free Audio Converter」 : 二十歳街道まっしぐら

    「Free Audio Converter」は音声変換、動画から音声抽出ができる無料ツールです。 サポートしている形式は以下の通り。 よく見かける拡張子はだいたいカバーできているかと。 音声を別の形式に変換することはもちろん、動画から音声を抽出することも可能です。 動作もサクサクしていて、日語対応なので初心者の方にもおすすめ。 音声ファイルの結合も行えます。 以下に使ってみた様子を載せておきます。 まず「Free Audio Converter」へアクセスしましょう。 ダウンロードして、インストールします。 起動した画面はこのようになっています。 ファイル一覧が表示され、最下部に変換する形式がずらりと並びます。 右上には「ファイルを結合」する機能が。 音声ファイルおよび動画ファイルを読み込み、 最下部の変換形式を選びましょう。 変換するときの詳細設定です。 ビットレートなどカスタマイズで

    音楽ファイルをあらゆる形式に変換&結合し、動画から音声を抽出できる無料ツール「Free Audio Converter」 : 二十歳街道まっしぐら
  • 地味に使えるCSS小技のメモ&サンプル集 - かちびと.net

    cssの小技的なテクニックが便利なので好きなん ですが、cssそのものが嫌いで覚えられないので カンペ的な記事を作ることにしました。便利な小技 は沢山あるんですが、特に自分が良く使いそうな Tipsをメモします。既に出回っている情報ばかりで 特に目新しい手法はありませんので何も期待でき ないです。 というわけで特にテーマも一貫性も無くて、ただ便利ってだけです。推奨されない方法もあるかもしれませんが、僕は細かいこと気にしませんのでそんな感じです。 内容も既出なのでお詳しい方にはお役に立てないですが、僕の個人的なメモなので適当に流して頂けると幸いです。 floatで並べたリストのセンタリング Sample01 コード .centered { position: relative; overflow: hidden; } .centered ul { position: relative; le

    地味に使えるCSS小技のメモ&サンプル集 - かちびと.net
  • あっという間に無料でスマートフォンサイトが作れる「DudaMobile」 | ライフハッカー・ジャパン

    携帯販売ランキングによれば、最近の人気携帯はスマートフォン一色。メーカーから様々な機種が発売され、iPhoneだけでなく、Androidもすっかり一般化してきました。 そこで気になるのが、Webサイトのスマートフォン対応。PC版のままでも見られなくはないですが、やっぱり画面サイズが合わずに文字が小さすぎたり、画像がはみ出したりするのは親切ではありません。 とはいえ、スマートフォンにはOSやバージョンがたくさんあって、検証も大変そうだし、対応するには結構お金もかかるだろうし...と、二の足を踏んでいる方も多いと思います。そういった方々へオススメなのが、「DudaMobile」です。 DudaMobileを使えば、URLを入力するだけで、あっという間にiPhone/Android/BlackBerry/Windows Phoneに対応したスマートフォンサイトが完成します! DudaMobile

    あっという間に無料でスマートフォンサイトが作れる「DudaMobile」 | ライフハッカー・ジャパン
  • 掃除のマイルール こんな数分で終わるひと手間で、朝起きた時にすんごく気持ちいい。

    ■編集元:掃除全般板より「【掃除】myルール【整頓】」 4 (名前は掃除されました) :2008/01/11(金) 01:18:06 ID:mQq/CPTO 寝る前にリビングの片付けをする、かな。 リモコン等を所定位置に戻してテーブルの上を何も無い状態にし 新聞を回収袋に入れ、クッションをきちんとソファに並べる、とかだけなんだけど。 (気力があるときはウェーブ様でテレビや棚の上、スイッチ周り、カーテンレールなんかを軽く拭いておく) こんな数分で終わるひと手間で、朝起きた時にすんごく気持ちいい。 続きを読む

  • font checker(フォント・チェッカー)

    font checkerはブラウザでのフォントスタイルを簡単に確認するためのツールです。 複数のfont-family/font-sizeを同時に確認する事ができます。 (複数指定する場合は半角のカンマ「,」で区切って下さい) Windows標準フォント(和文)をセット MS UI Gothic,MS Pゴシック,MS ゴシック,MS P明朝,MS 明朝,HGゴシックE,HGPゴシックE,HGSゴシックE,HGゴシックM,HGPゴシックM,HGSゴシックM,HG丸ゴシックM-PRO,HG教科書体,HGP教科書体,HGS教科書体,HG行書体,HGP行書体,HGS行書体,HG正楷書体-PRO,HGP正楷書体-PRO,HGS正楷書体-PRO,HG明朝B,HGP明朝B,HGS明朝B,HG明朝E,HGP明朝E,HGS明朝E Mac標準フォント(和文)をセット ヒラギノ明朝 Pro W3,ヒラギノ明朝

  • 第10回:Windowsフォントをアンチエイリアスでキレイに見せる方法 | Creazy!

    メインPCMacに移して一番驚いたのは、Macで表示されるフォントの美しさかもしれません。 Macでは基的に全てのサイズのフォントにアンチエイリアス(スムージングともいう)処理が施されています。 アンチエイリアス (Anti-alias) はコンピュータで画像・映像を制作・加工・表示する際に、滑らかな画像を得る処理のこと。 アンチエイリアス – Wikipedia 逆にWindowsではデフォルトではアンチエイリアスがかかっていないのでギザギザした印象の文字になってしまいます。一旦、慣れてしまうとどうしてもこの滑らかな文字が愛おしくなってしまって、なんとかWindowsでもアンチエイリアスにできないかと考えました。特にこのブログのリニューアルにあたって、MacWindowsの両方で動作確認をするとあまりの違いに愕然としてしまったので、真剣に調べ始めたというわけです。 Windows

    第10回:Windowsフォントをアンチエイリアスでキレイに見せる方法 | Creazy!
  • 素人っぽいデザインから脱却するための12のデザインチップス | webox blog

    クオリティを上げるためにはちょっとした「こだわり」がとても大事です。 定期的に話題になるネタで恐縮ですが、素人っぽいデザインにならないように個人的によく使ってる小技をまとめました。 上のものほど、簡単で多くのデザインに使える小技になります。 1pxのボーダーを使う 1pxの効果を使うのと使わないのでは、デザインの質に大きな違いが生まれます。 ある意味Webデザインでは一番重要な要素かもしれません。 定番です。たった1pxのボーダーをつけるだけでシャープな印象になります。 ただ塗りつぶしただけ、グラデーションを入れただけのボタンでは、のっぺりとした感じになりやすいですが、1pxのボーダーを上部に入れるだけでシャープな立体を表現できます。 正確には1pxでなく2pxですが、こうして黒系のボーダーと白系のボーダーを並べることで、明確にかつシャープに仕切りを表現できます。 1pxのドロップシャ

  • firefoxを使いやすくする方法を紹介する : まめ速

    1:以下、名無しにかわりましてVIPがお送りします:2011/08/30(火) 12:57:00.26ID:zZOdlLWY0 需要があれば 3:以下、名無しにかわりましてVIPがお送りします:2011/08/30(火) 12:57:43.54ID:QQpsyaDL0 服は着たままでいいか? 7:以下、名無しにかわりましてVIPがお送りします:2011/08/30(火) 12:58:28.87ID:aXZZKgRQ0 逆立ちして待ってる 10:以下、名無しにかわりましてVIPがお送りします:2011/08/30(火) 12:59:22.48ID:8TJY0PQU0 早くしろ 18:以下、名無しにかわりましてVIPがお送りします:2011/08/30(火) 13:02:12.34ID:zZOdlLWY0 じゃあ紹介していく ・用意するもの ・firefox6 最初のアドオンが何も入ってない状

    firefoxを使いやすくする方法を紹介する : まめ速