サクサク読めて、アプリ限定の機能も多数！
トップへ戻る
iPhone 17
mndangler.net
「IcoMoon」や「Font Awesome」はWebアイコン Webアイコンとは、見た目は画像ですが実はフォントという代物です。 これを使う利点は2つあります。 画像を用意しなくてもいい事と、大きさや色を自由に変えることが出来るという事です。 特に後者が有能で、サイトのデザインを変える度に新しい大きさの画像を用意するという煩わしい作業から解放されます。 デザインなんてそうそう変更する事は無い、と思いがちですが日常的にデザインが変わる機会があります。 それはレスポンシブで画面サイズが切り替わる時です。 例えば、注意書きとして以下のような一文を書いたとします。 気をつけて！ ここで使っている黒丸のチェックマークはWebアイコンですが、これが画像だった場合スマホ用に文字サイズが小さく切り替わった時、一緒に小さくはなってくれません。しかし、Webアイコンであれば勝手に文字のサイズにピタリと合わ
1つのサイトや投稿で複数のテーブルデザインを使いたい場合、divやclassをCSSで個別に指定します。 classの場合 基本的にはclassでほとんど対応します。 仮に「aaa」と「bbb」という2つのテーブルがあるとして、デザインをそれぞれ指定したい場合 それぞれの「table」に「class」を指定しておきます。 HTML
2015年のSteamサマーセールでは FallOut3 GOTY を買いました。 冒険を始める前に環境を整えようとして数日掛かかるというのはPCゲーでは実にありがちです。 日本語化・FOSEの導入 NEXUSの登録 Mod Organizer(以下MO)の導入 MOにおけるiniファイルの設定 ArchiveInvalidation Invalidated について 4Gパッチ 公式パッチと非公式パッチ このあたりまでをとりあえず忘れないように記録しておきます。 環境は Windows7 64bit です。 MODの導入には様々なツールがありますが、今回使用したMOがイチオシです。 スカイリム用に開発されたものですが、FO3でも同様に使うことができます。特徴などは後で説明するとして、MOがあればBOSS(MOD適用順の並び替えを行ってくれるツール)も必要ありませんし、「ArchiveIn
いつの間にかGoogleWebフォントで取り扱われているようです。(2017年3月30日に気が付きました) GoogleWebフォントの導入方法などは下記にまとめています。 GoogleWebフォントの「はんなり明朝」や「Quicksand」を試してみる ここ「魔ッドアングラー」のようなブログやWebサイト上で使われている文字は「タイトルにはこのフォントを使う」とか「記事本文にはこのフォントを使う」といった具合に、作成者の好みで色々なフォントが指定されています。 フォントには多くの種類が存在するのですが、サイトの作成者側が＜特定のフォント＞を指定しても読む側のデバイス(PCでもスマホでもiPadでも、というよりOSの問題なのでWindowsでもMacOSでもAndroidでもその他なんでも)の中に指定された＜特定のフォント＞があらかじめインストールされていないと文字に変化は起こりません。
日本地図を簡単に扱えるjQueryプラグイン「JapanMap」 Japan Map ( jQuery plugin ) 都道府県をクリックできる日本地図 甲子園が始まるので代表校をまとめてみようと思い、日本地図をHTMLやCSSで表現できないかなーと探してみるとなかなか無いんですよね。テーブルで書くともの凄くややこしくなりそうだなと思っているところに「Japan Map」というjQueryプラグインに遭遇しました。 「canvas」というHTML5の機能を使用しており、美麗な日本地図が画像無しで使用できます。すごい！ プラグインをダウンロードする このページ上部にあるリンクから作成者様のサイトへ行き「Japan Map」の本体をダウンロードします。 「tar.gz」と「zip」がありますのでお好みの方でどうぞ。 そして、jQueryを動かすにはjQuery本体も必要ですので、無い場合は公
WordPressでサイドバーのサムネイル付き新規投稿をプラグインを使わずにカスタマイズしてみる 画像の上に文字を重ねてみたい ウィジェットに頼らず新規投稿をサムネイル付きでサイドバーに設置してみました。左の画像が設置直後の状態です。 この後、2015年3月に思い切ってブログの横幅を広げてみましたので下記内容は昔のデザインのものです。 このままではちょっと画像が目立ちすぎるなと思い、少し暗めにしようと考えました。そして、手を加えるならいっそのことよく目にする「画像に文字を重ねたサムネイル」にしてしまおうと思い立ちました。 サイドバーのサムネイルにはアイキャッチの画像を流用しています。 画像に文字を重ねるサムネイルのメリットは画像を大きく使える点だと思うのですが、いかんせんこのブログは横長の大きい画像をアイキャッチにしているためサイドバーに画像全体を表示するにはこれが最大の大きさです。 もち
WP Social Bookmarking Lightの「いいね！」が 表示されない時の対策 WordPress › WP Social Bookmarking Light « WordPress Plugins 2012年7月に書いた投稿です。2014年6月現在 もう古くて参考にならないかもしれません。 各種SNSボタンを簡単に表示できるプラグイン『WP Social Bookmarking Light』 ところが、プラグインの設定でFacebookの「いいね！」ボタンを「iframe」で表示しようとするとなぜか消えてしまいます。ちなみに「xfbml」では表示されるけど、位置が微妙にずれてしまうという人も多いのではないでしょうか。 なぜかと調べてみたら、消える理由はソースコードの記述ミスということだそうです。 早速直していきましょう。 ダッシュボードから「プラグイン」→「wp socia
このページを最初にブックマークしてみませんか？
『mndangler.net』の新着エントリーを見る
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
