欧文フォントを日本語に対応させる [Tipsというかメモ]
今回は「Consolasフォント」を日本語に対応させる手順を説明します。 なお、OS は「Windows 7」「Vista」「XP」の場合です。 レジストリを編集しますので、試される場合は自己責任でお願いします。 Consolasフォントのダウンロードはこちら 1. レジストリエディタを起動 スタートメニュー ＞ ファイル名を指定して実行 ＞ regedit 2. 以下のパスまで降りていきます \HKEY_LOCAL_MACHINE\SOFTWARE\Microsoft\Windows NT\CurrentVersion\FontLink\SystemLink 3. 右ペインで右クリックして、新規 ＞ 文字列値 4. 「新しい値 #1」を 「Consolas」に変更 5. 値のデータに「MEIRYOKECONSOLE.TTF」を追加 私の環境ではメイリオフォントの「MEIRYOKECONS
暮らしの情報サイトnanapiはサービスを終了いたしました | nanapi [ナナピ]
2020年8月31日(月)をもちまして、nanapiに関わるすべてのサービスは終了いたしました。 nanapiは、2009年のサービス開始より「みんなで作る暮らしのレシピ」という考えのもと、ユーザーの皆さまに生活に関する様々な「ハウツー」を投稿していただく投稿型ハウツーサービスとして運営してまいりました。 約11年間にわたって皆さまからご支援をいただきサービスを継続できたこと、nanapi編集部一同、心より御礼申し上げます。 掲載されていたコンテンツなどのnanapiについてのお問い合わせは、nanapi@supership.jp までお願いいたします。 長きに渡りnanapiを応援してくださり、本当にありがとうございました。
ちょっと自慢できるかも！？iPhoneのアンテナを５本バーから数値に変える方法 - アップス!!!-iPhoneの小技やiOS系ニュースを配信
ちょっと自慢できるかも！？iPhoneのアンテナを５本バーから数値に変える方法 2012年09月01日 19:00 カテゴリ:iphoneの小技 ツイート photo credit: Masaru Kamikura via photo pin cc こんにちは、ゆう(@YuuQ8)です。 今回はiPhoneの5本バーで表示されているアンテナを数値化する方法をご紹介します。 数字の大きさで電波の強弱がわかるという面白いアンテナに変えることができますよ！ いつもとは違うアンテナにすることで、自分のiPhoneではないような新鮮な気分が味わえたり、友達にも自慢できるかもしれませんｗ それでは方法をご紹介します！ 数字になってちょっとカッコイイぞ！ iPhoneのアンテナを数値化するとこんな感じです。ちょっとカッコイイかも！ｗ それでは方法を解説いたします。 まずは電話アプリを起動。「＊３００１
Media Queries を使って、Webサイトをスマートフォンに対応させるときの注意書き
今回このブログ - Webデザインレシピを、iPhone などでも見れるようにリデザインしました。使用したのは CSS3 の Media Queries（メディアクエリ）。メディアクエリの使い方や感想、気をつけたい注意書きをまとめてみました！ 遅ればせながらこのブログ – Webデザインレシピを、スマートフォンでも見れるように改修しました。このブログは WordPress で書いているので、スマートフォンや iPad への対応方法はいくつもあるのですが、今回は CSS3 の Media Queries（メディアクエリ）を使って、iPad、iPhone など、いろんなデバイスに対応（対応というか、一応見れる程度）にしてみました。 なので Media Queries を使ったスマートフォン対応と、リデザインしながら思ったことなどをまとめてみました。 CSS3 Media Queries 目次
スマートフォンサイトをデザインする上で知っておくべき10のTIPS
スマートフォンサイトをデザインする上で知っておくべき10のTIPS iPhoneやAndroidのスマートフォンの仕様を知らないけどデザインしなくちゃいけなくなったというデザイナーさんに知っておいてもらいたい10(+1)のTIPSです。 1.実機で確認する 当たり前のことですが作成したデザインを実機で確認して下さい。スマートフォンとPCでは目からの距離やDPIが違いますので、PCでは十分に見れたからといって実機で確認すると文字が小さすぎることなどがよくあります。書きだしたJPGをFTPでアップして確認してもいいですし、メールでスマートフォンに送って確認してもいいです。個人的にはDropboxで転送するのが手軽でおすすめです。 2.横幅は320pxもしくは640pxでデザインする スマートフォンでは基本横幅が320pxで表示されるのでデザインする際も320pxでデザインしましょう。ただ、Re
今日からできる定時で上がるためのWEB制作効率アップ術 | カッシーのWEBる。
みなさんこんにちは、カッシーです。 先日6月8日に26歳になりました。充実した26歳にできるよう頑張っていきます！ 今回は手軽に実践できる効率アップTIPSをご紹介したいと思います。 WEB業界のデファクトスタンダードっていうよりは僕が実践しているものがメインです。 こういう効率アップTIPSとかは共有してどんどん仕事の効率を上げれば ・コストダウン（人件費） ・定時に上がってアフターを楽しむ ・費用は下がるし仕事は早くできるしモチベーションは上がるはいいこといっぱい！ なんでどんどん情報をシェアしたいですね！ もしこんなのものあるよーって方はコメントなりtwitterなりメッセージ頂けると嬉しいです。 目次 ・WEBサイトの新規作成キットを利用する ・拡張機能を利用する ・コード共有・アセット ・よく使う単語は辞書に登録 ・素材や過去のデータは整理しておく ・効率の高いファイルの送受信
サイトやブログの運営でよく使いそうな.htaccessの設定のまとめ
ウェブサイトやブログの運営でよく使いそうな便利な.htaccessの設定を紹介します。 こういうまとめは定期的にあがってきますが、やっぱり必要なのでシェアします。 10 useful .htaccess snippets to have in your toolbox [ad#ad-2] 下記は各ポイントを意訳したものです。 URLからwwwを削除 hotlinkingの防止 feedをfeedbunnerにリダイレクト カスタムエラーページ ダウンロードファイルの処理 PHPのエラーのログ URLからファイルの拡張子を削除 ディレクトリのファイルリストを見せない ファイルを圧縮して軽量化 文字コードの指定 URLからwwwを削除 SEOなどの理由で、URLからwwwを削除して使うことがあるかもしれません。このスニペットは、あなたのウェブサイトにwww付きでアクセスしてきてもwww無しに向
[CSS]スマフォ対応サイトのためにMedia Queriesをしっかり身につけるチュートリアル
iPhoneなどの小さいサイズのモニターをはじめ、2560pxの大きいサイズのモニターなど、それぞれの幅に適したレイアウトを自動的に適用するMedia Queriesをしっかりと身につけるためのスタイルシートのチュートリアルを紹介します。 Adaptive & Mobile Design with CSS3 Media Queries [ad#ad-2] 下記は各ポイントを意訳したものです。 デモページの確認 HTML CSS Media Queries 完成したデモの確認 デモページの確認 チュートリアルの前にまず、それがどのように見えるかデモページをチェックしてみてください。 このデモページはHTML5+CSS3 Media Queriesで作成されており、ユーザーが使用しているビューポートのサイズに適したレイアウトに自動調整して表示されます。 デモページ 左から、ノーマル、ナロウ、ス
スカイプ（Skype）が起動しない、停止する問題の一時的な対処法
2011/05/26より、スカイプを起動するとすぐに停止する問題があり、再インストールしたりなんだりしても解決しないというのが話題に上がっていました。 スカイプを利用して仕事する人にとっては意外と致命的です。 そんなスカイプの一時的対処法がこちら。 直接スカイプのxmlファイルを削除する どうやら今回の騒動の犯人は「shared.xml」というxmlファイルらしいのでコレを削除する事で問題が解決します。 Windowsの場合 １）まずスカイプを完全に終了させる 右下のスカイプアイコンを右クリック→終了 ２）Windowsボタン、もしくはスタートボタンをおして「ファイル名を指定して実行」を選ぶ（XP） Windows7の場合はWindowsボタンをおしたらすぐに検索窓が有ります。 ３）そこに以下を貼り付けて検索 %appdata%\skype Windows7の場合は、二つの検索結果がでるか
［Windows 7編］ネットワーク設定を標準で使ってはいけない
Windows 7のネットワーク設定を標準で使ってはいけない。標準では「SNP（Scalable Networking Pack）」と呼ばれるネットワークを最適化する機能が有効化されている。この「SNPが有効化」されている設定のままPCを動作させると、ネットワーク処理が不安定になったり、ネットワーク処理とは関係ないアプリケーションの処理に影響を与えたりする可能性があるからだ。 SNPとは、通常はPC上のプロセッサが行っているネットワーク処理を、PC内部のNIC（ネットワークインタフェースカード）に担当させるなどしてプロセッサの負荷を下げる機能だ。 ハードにネットワーク処理を分担させるSNP SNPは三つの機能からなる。「SNPが有効」とは三つのうち、少なくとも一つが有効化していることを指す。 （1）TCP Chimney Offload TCPのネットワーク制御をプロセッサからNICにオフ
これからPhotoshopでWebデザインをしたい初心者さんのためのツールパネルとかいろいろ
Webデザインをするときにいつも使っている Photoshop ... あまりに高機能なので、ツールパネルだけでもボタンがいっぱい。はじめて Photoshop に触れる人にとってはちょっと難解なインターフェイスかもしれません。Photoshop を始めたばかりの初心者さん向けの、ツールパネルのまとめです。 Webデザインするときに、いつも使っている Photoshop。でも本当にはじめて Photoshop を使い始めた人にとっては、Photoshop の画面に並んだ、たくさんあるボタン類からして意味がわからないんだと思います…。そー思ってツールパネルのボタンを端から見ていくと、自分でもコレなんだっけ？っていうのがいくつか …。 実は最近友達が Photoshop を使い始めました。全く Photoshop を使ったことのない彼女に使い方を教えてあげるって約束しちゃったので …。 そんな
Windows7のUsersフォルダをDドライブに移動する: とあるソニー好きなエンジニアの日記
音質にとことんこだわったウォークマン。特にZXシリーズは最上位モデルWMシリーズの高音質技術を取り入れつつコスパにすぐれた製品です。オススメ
Windows7 Tips
最初に ◆Windows7を入れたばかりで「Windows7ではこれはどうやるんだ？」とイライラしている人も多いと思いますが、便利そうな小技(Tips)をいくつか。 内容は、個人的に検証した内容を記載していますので参考としてください。 Windows 7でウィンドウをドラッグするとサイズが変わる ガジェットを前面に表示 Windows7の新機能・ガジェットを前面に表示してやるには画面右下の 「Windowsサイドバー」の小さいアイコン をクリックしてやるか、キーボードで [ Windows ] + [ スペース 」を押す。 Internet Explorer 7/8のタブをキーボードで操作 Internet Explorer 7で採用されたタブ機能ですが、キーボードでの操作がいくつか用意されています。 たとえば、[Ctrl]+[Tab] 、 [Ctrl]+[Shift]+[Tab] でのタ
CSS：初心者の頃にハマったスタイルシートのあれこれ … IE7多め
CSS、スタイルシート。初心者のころには CSS のスタイルがうまくいかなくて、半日や丸一日悩んだこともいっぱいありました。最近では、やっとひと通り覚えて、思うようにできるようになったかなーという感じです。今回は初心者だったころ、ちょっと悩んだことなどをいくつかまとめてみました。 Webサイトの見た目をデザインしていくのに欠かせない CSS。度々これってどうやるんだろうとか、どうしてこうなっちゃうの？というものに遭遇します。また、今までは IE6 をターゲットに含めてましたけど、そろそろ IE7 からをターゲットにすればいいのかなーと思うこともあって、過去のスタイルシートの書き方の習慣を変えようかなとも思っています。 スタイルシートを書いていて、今まで遭遇した不具合やその回避方法、また今まではこうしてたけど、これからは変わるかもしれないなーといものをまとめてみました。もうそんなことしてない
googleの裏技いろいろ : ライフハックちゃんねる弐式
2011年04月20日 googleの裏技いろいろ Tweet 0コメント ｜2011年04月20日 00:00｜Web・テクノロジー｜Editタグ ：Google意外としんどい http://hato.2ch.net/test/read.cgi/news/1295558779/ 1 ： ベーコロン(広西チワン族自治区)：11/01/21 06:26 ID:SNxFSb/SO ascii art で検索 【2ch】ニュー速クオリティ:Googleで「AA」で検索かけるとGoogleのロゴがAAっぽくなる 50 ： ルネ(北海道)：11/01/21 09:31 ID:NdeBivAg0 キャッシュを10年前に戻して検索するのは便利だぞ 当ブログサイトはアフィリエイト広告、バナー広告を利用しています。 52 ： そなえちゃん(東京都)：11/01/21 10:44 ID:EjQpUNv40 カ
http://site-ichijo.net/blog/archives/date/2009/0805-011604.php
For full functionality of this site it is necessary to enable JavaScript. Here are the instructions how to enable JavaScript in your web browser.
CSS3のtransformを使ったフォントの変形
CSS3のtransformプロパティでscale()(または-ms-filterでMatrix())を使うと、ブロックの拡大と縮小ができる。これを利用するとVerdanaをCondensedなフォントっぽく細くしたり、ワープロ時代の倍角文字や縦倍角文字を実現することが簡単にできる。コンテンツ本文に使うのは無理があるが、見出しなどには良さそう。特に@font-faceで気軽に変更できない(してもあまり効果的ではない)日本語の見出しには面白い試みなんじゃないかと思ったが、一番綺麗にしたいIE8で残念なので微妙。 Verdana Narrow? Demo: Verdana Narrow 単純に細くしたいブロックでtransform: scaleX(num);を使えば良い。 .narrow { -webkit-transform: scaleX(0.8); -moz-transform: sca
pushし忘れないようにプロンプトに表示するようにした - ぱせらんメモ
SubversionからGitに乗り替えてからというものコミット漏れ/忘れが激減（Changed but not updatedとかUntracked filesって出るし）したんだけど、今度はpush忘れをするように……。 なんかローカルでコミットした時点で満足しちゃうんだよね。で、帰宅してから同期しようと思ったら何も流れてこなくてうわぁぁぁぁぁ！！て。 コミットしたらすぐpushっていうのはrebaseとかしづらくなっちゃうからちょっとやだし、実はgit-svnで運用してるのでイライラで爆発しちゃいそう。 なので帰宅前に忘れずにpush（dcommit）できればそれでいいんだけど、毎日定時で帰れるほど平和な生活してないのでアラームを仕掛けるという案もいまいち。 で、色々考えた結果、プロンプトにpush済みかそうでないか表示できたらいいかも！と思ったので早速やってみた。 git bash
float解除の決定版。clearfixを考えたら、進化した。
現在この中でclearfixでよく使用されているプロパティは display:inline-block; height:1%(min-height:1%) zoom:1; でも良く考えたら、全て微妙です。 zoom:1はIEの独自仕様ですし、heightを使用する場合は、IE6,7に対応させるために2つのプロパティが必要です。 display:inline-blockもボックスの要素を変形させることになります。 hasLayoutのスイッチを見た時に、一番理に適ったプロパティはwidthかなと思いました。 子要素を囲む要素として、divやulなどデフォルトCSSがdisplay:blockのプロパティのものが多く、display:blockのプロパティの場合、width:100%で問題ないと思ったからです。 現在のブラウザ状況に適したclearfix 上記を踏まえ見直したclearfixが
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
51703793 - ブログ