まず、以下のコードでWebフォントの呼び出します。 後は、表示したいところにコードを挿入するだけです。サイト内のアイコンをクリックするとコードが表示されます。 この基本形にクラスを追加すると色々とカスタマイズすることができます。 ちなみに「fa」は表示の基本となるスタイルで「fa-sitemap」はアイコンの種類を表します。スタイルの中身はこんな感じです。 .fa { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .fa-sitemap:before { content: "\f
Translation of: Bulletproof Accessible Icon Fonts by Filament Group アイコン・フォントを利用する場合、あらゆるユーザーに適切にアイコンを提供しようとすると、かなり気をつける必要があります。そのフォントが読み込まれなかった時にどうなりますか？@font-faceがまだサポートされていないブラウザーでは？ どうすれば安全に(bulletproofに)アイコン・フォントを利用できるかをこれから解説したいと思います。 効率的で機能的なウェブサイトを制作するという、この終わることのない探求において、ベクター形式のアイコンを提供する手段として、簡便であるフォントを利用することが何度も提案されてきました。対して私達は通常ベクター形式のアイコンとしてSVGをIan Featherがブログ書いたような理由から選んで(また、薦めて)おり、既に
アイコンフォント、便利です。 自分でいちいちアイコンを書く必要がなくなるし、レティーナや高解像度のディスプレイでも表示が汚くならないし、アイコンフォント、便利です。 まだアイコンフォントを使ったことのない方は、導入面倒なんじゃないの？とお考えかもしれませんが、意外に簡単です。 簡単って言うか、一行です。嘘だと思ったら、ここから先の記事をどうぞ。 使い勝手のいいアイコンフォント「Font Awesome」 とにかく導入は手軽です。 Get Started with Font Awesome ＜head＞＜/head＞内に一行コードを書き足します。 <link href="//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css" rel="stylesheet"> 必要なスタイルシートを外部から読み込むだけです。 メリ
無線LANの手動設定 無線LANの設定はたいていの場合、前ページで述べたような自動的な設定方法で十分だろう。表示されたSSIDから目的のネットワークを選択し、パスワードを入力するだけである。だがSSIDを秘匿してある場合や、特定のセキュリティ・メカニズム（WPA2やWEPなど）を使いたい場合は手動で設定することも可能である。そのためには、無線LANの一覧が表示された画面において、一番下に表示されている「その他」をタップする。すると次のような画面が表示されるので、必要な情報（SSIDやセキュリティの種類、パスワードなど）を個別に入力する。 手動接続 これはSSIDの一覧から「その他」を選択して表示された画面。SSIDやパスワード、WPA2やWEPといったセキュリティ・メカニズムなどを指定して、手動で無線LANネットワークに接続することもできる。 （1）SSID文字列を入力する。 （2）選択し
あなたはiPhoneやiPadのジェスチャーを使いこなしていますか？ iOSには便利なのに意外と知られていないジェスチャーがいっぱいあります。今回は、米Lifehackerお気に入りのiOSのジェスチャー・ショートカット10選を紹介します。 なお、この記事で紹介する10選は、以下のビデオでも見られます。 1．下に引っ張ってリフレッシュする 最初はわりと有名なものから。「下に引っ張ってリフレッシュする（更新する）」です。このジェスチャーは以前から使えましたが、知らない人もいるかもしれません。ウェブページや受信トレイなどの内容をリフレッシュさせたれば、画面を下に引っ張っるようにスワイプしてください。ある程度まで引っ張ると、画面の上方に矢印マークなどが現れ、コンテンツがリフレッシュされます。 2．横スワイプで「メッセージ」のタイムスタンプを表示する iOSのインターフェースはとてもスッキリしてい
iTunesの日本語リソースのジャンル情報を英語に書き換えるツールを作りました » Apple 関連 [編集] [追記] 2016/09/28 iTunes 12.5.x からローカライズリソースファイルの仕様がテキスト形式に戻っています。 1.0.5 はテキスト形式とバイナリ形式を自動判別して両方に対応していますが、エラーが起こっている人がいるようなので、ファイル形式を任意で指定できるバージョン 1.0.6 を公開開始しました。 [追記] 2016/06/17 元々マイナーなツールでダウンロード数が極端に少ないため、ノートンインターネットセキュリティなどのアンチウイルスソフトが信頼性がないファイルと判断して反応することがあります。 zip展開前に自動保護を一時的にOFFにして書き換え後にONに戻してください。 [追記] 2015/09/19 iTunes 12.3 から仕様変更になった
Apple製品を使う上で必要不可欠なiTunesですが、 もう数年以上直されていない不満点がひとつあります。 それは、英語のジャンル名を勝手に日本語に書き換えてしまうこと。 たとえば、『Jazz』であれば『ジャズ』に、 『Rock』であれば『ロック』というように、 曲を再生すると勝手にジャンル名を日本語に書き換えてしまいます。 これ、ジャンル名でスマートプレイリストとか作ってるとだいぶうざいです。 そうでなくても、日本語と英語がごちゃまぜになってしまうのは 視覚的にも鬱陶しいので、僕の場合、この余計な機能を無効化してます。 その方法について、ご紹介を。 iTunesフォルダの確認 先ずは設定方法についてですが、 言語ファイルを直接書き換える方法を使います。 ファイルを直接書き換える、というと難しそうな感じがしますが テキストファイルの一部分を日本語から英語に書き換える(コピーする)だけなの
みなさん、こんにちは また友人よりネタフリがありましたので、記事にさせていただきます。（笑） 今回はタイトルにあるとおり、Windows７で「ようこそ」（またはログオン）画面の背景を変更する方法です。 家では、PCを使うのはボク１人ですので、アカウントも自分用のものしか作ってません。 Windows７などでは、通常１人でも最初にパスワードを入れてログオンをしなければならない人も多いかと思いますが、以前ご紹介した自動ログオンの設定をしておけば、この手間は省略できます。 ※記事はXPの例で書いていますが、Windows7でも同じ方法です。 しかし、自動ログオンの設定をしても、ログオン自体は自動になるのですが、「ようこそ」画面が一瞬映ります。 そのときの背景が、こちらですね。 自動ログオンの設定をしていない方や２人以上のアカウントで使われている方などのログオン画面、またシャットダウンのときにもこ
Windows 7ではログオン画面の背景にJPGを読み込むことが公式にサポートされています。このためVista以前のWindowsではログイン画面を変更するのにサードパーティ製のソフトなどを使用して変更する必要がありましたが、7ではその必要がなくなり、しかも安全に変更することができるようになりました。 それではログオン画面の背景画像を変更する手順を説明していきましょう。 まず背景にする画像ですが、JPG形式で、256KB以内である必要があります。次にレジストリを編集します。スタートメニューに「regedit」と入力してEnterを押して、registryエディタを起動してください。そしたら、 HKEY_LOCAL_MACHINE\Software\Microsoft\Windows\CurrentVersion\Authentication\LogonUI\Background へ移動しD
画像元 : Designspiration iOS7からもうすぐ4ヶ月が経とうとしている年明け2014年、最初は戸惑っていた操作も大分慣れてきて新しい機能をバリバリに使いこなしそれを享受しているころだと思います。やっぱiOS7の方が便利だわって。そこでもう出尽くした感のあるiOS7の変更点や新機能、長所短所を地味な目線で掘り下げてまとめてみました。 iOS7の地味で便利な使い方 ・iPhoneの通話音質を向上させるちょっとした設定方法 iOS7でかつ、iPhone5かiPhone5Sユーザーは使用してもしなくてもぜひチェックしてみてください。iPhone5Cにはこの項目はないみたい。 ・iOS7でメールのフラグアイコンを丸いオレンジから元に戻す方法 メールのフラグアイコンが変更になりましたが以前のフラグに戻すこともできます。 ・iPhoneのLEDフラッシュライトを超簡単にオフする方法がす
ふつうにやると消えちゃうぞ！新しいiPhoneへの機種変更で『LINE』のアカウントとデータをすべて引き継ぐ方法 ども！ともぞうです。 新iPhoneの発売日である９月２０日には多くの方が新しいiPhoneを手に入れていることと思います。 あとはバックアップから新しいiPhoneにデータを復元してOK！と思ったら、ところがどっこい端末が変わると『LINE』は普通にバックアップから復元しただけじゃ、アカウントや友達などの設定が引き継がれないんです。 機種変更したら『LINE』のアカウントやデータが消えちゃった～！とならないようにこの記事を読んで準備しておきましょうね。 メールアドレス登録かFacebook連携で引き継ぎはできるけど… 『LINE』は機種変更する前の機種の設定で事前に準備しておくことで、機種変更しても復元すればアカウントを引き継いで使うことが可能です。 やり方は簡単でメニューの
夫婦喧嘩は犬も食わない。。。と言いますが、些細な事で喧嘩してしまいますよね。 夫婦といえども他人。一緒に暮らしていると、相手の小さな癖や、口癖なんかがやけに目についてしまいます。喧嘩なんて全くしない、なんていう夫婦はまずいないでしょう。 しかし、毎日のことだからこそ、できれば喧嘩なんてしないで気持ちよく暮らしたい。 今日はそんな夫婦喧嘩を予防する日常会話テクニックを紹介します。 お礼を言う 親しき仲にも礼儀あり。簡単なことですが、家族内だとなかなかできません。 何かをしてもらったら、ありがとう。とお礼を言いましょう。友達になら簡単に「サンキュー」などと言えますが、家族には甘えや照れがあって言えなかったりしますよね。でも、お礼は人間関係の基本です。上手くいっているうちに、気軽にお礼を言いましょう。嫌な気がする人はいないはずです。 話を聞く 「今日は早めに帰ると言ってあったのに、夕食の準備をし
2014-01-08 ブログに設置する各ソーシャルボタンのコード取得先と、横に並べる方法 ブログ 記録 ブログの各記事下に設置している、はてなブックマークや Twitter などのソーシャルサービスへの投稿ボタンのコードの取得先と、横に並べる方法の記録。自分で作成したり取得する際に毎回 Google で調べるというアホみたいな作業にほとほと嫌気がさしたので、記録として。 【スポンサーリンク】 ソーシャルボタンのコード取得先 はてなブックマーク はてなブックマークボタンの作成・設置について - はてなブックマーク ブックマーク数の表示で「バーティカル」を選択。 Facebook Like Button 【Layout】は「box_count」を選択。【Include Share Button】のチェックボックスをオンにして、「シェア」も合わせて表示させる。 Twitter Twitt
実際に使用したものやいつか使うかもと思ったものをJSFiddleやEvernoteなんかでバラバラにメモしていたのですが、それらの中でよく使いそうなものを一覧化したものが欲しかったのでまとめました。 今となっては様々なところで用いられていますし、もっと凄くて面白い動きを実装しているチュートリアルなんかも沢山見かけますが、個人的に汎用性高いと思うもの中心です。 対象ブラウザに古いIEなどが含まれている場合はもちろん使えませんが、いずれもjQueryや画像などを一切使用せずにデザインやアニメーションも全てCSSのみで実装しているものです。 また、同様にCSSのみでクリエイティブなボタンデザインやエフェクトを実装できるエントリーや便利なジェネレータツールなども備忘録兼ねて併せて紹介します。 CSS3を多用しているため、ブラウザ（特にIE7・IE8など）によっては動きや見栄えが説明と異なる場合があ
東日本大震災では、大変な被害を被られた方々に心からお見舞い申し上げます。被害は、美術品をはじめ大切な思い出の品々にも及んでおります。帰らぬ尊い命が失われてしまった事実は悲しく無常というほかありませんが、残されている大切な品々は修復によってよみがえることもあります。津波などの水害を受けた品々の応急処置につき、内外のガイドラインに基づき、その要旨を作成しましたので紹介します。より進んだ処置について情報が必要な方は、㈱絵画保存研究所のメールにアクセス下さい。尚、追加の情報につきましては随時アップいたします。 安全対策 ★作業をする際には長袖、衛生手袋、マスクや保護眼鏡などを着用しましょう。カビまたは有害物質を扱った後は抗菌石鹸を使って手を洗いましょう。 ★カビには有害なものがあるため、カビまたは有害物質が見受けられる場合は感染対策用マスク（レスピレーター）を使いましょう。体調に異常を感じた場合は
■本日の人気ツイート もらい物の大事なサイン本に飲み物をこぼすという、わりとシャレにならない大ポカをやってしまったんだけど、国立国会図書館の水に濡れた資料を乾燥させるというマニュアル通りにやったらほぼ元に戻った。ありがとう国会図書館、本当に助かりました。http://t.co/I1nEVUrCCm — 鈴木健也 (@suzuki_kenya) November 13, 2013 水にぬれた資料を乾燥させる｜国立国会図書館―National Diet Library 材料 タオル（吸水性のある素材がのぞましい） 吸水紙（無色のペーパータオル・コピー用紙など） 道具 扇風機（送風機） 板（画板、カッターマット、まな板など） 重石 （１）水でぬれている箇所を確認し、タオルで押さえるようにして水分をとる。 （２）本文ページのところどころに吸水紙をはさみ込み、ぬれた部分が上になるようにして資料を立て
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く