NO IMAGE その他

【ライブチャット】Amazonの無料で即解決できる問い合わせ方法

Amazonを利用していて困ったことがあったのでライブチャットを利用してみました。 今までAmazonでトラブルに遭遇したり、操作ミスで誤発注等したことは一度もありませんでしたが、今回 Kindle で購入した書籍にビックリマークが表示されローカルに保存できませんでした。ライブチャットの過程と解決方法をご紹介します。
その他

【OSSライセンス】WordPressのテーマに使われるライセンス(GPL、MIT)についてまとめ

オープンソースソフトウェアとは オープンソースソフトウェア(OSS)とは、利用者が著作者の定めた条件(オープンソースソフトウェアライセンス)のもとで、自由にソースコードを利用、複写、改変、再配布できるソフトウェアのことです。 なんと...
NO IMAGE WordPress

WordPressのデバッグモードを有効にしたら警告がでる問題についてメモ

WordPressのデバッグモードをtrueにするとログイン画面でエラーがでてログインができなくなったのでメモ。 エラー内容 Warning: Cannot modify header information - headers...
WordPress

【WordPress】ソーシャルボタンの配置と拡散数を取得する方法

今やブログに欠かせない存在の拡散用ソーシャルボタンの配置についてです。 私がパソコンで常時ログインしているSNSはツイッターのみなので、使うのはツイートボタンだけですが、他の方はハテブやGoogle+といったSNSも利用されています。 ...
WordPress

【Stinger】年、月別アーカイブのパンくずリストの表示がおかしい箇所の修正方法

Stinger3、Stinger5のどちらも対象です。 年、もしくは月別のアーカイブページのパンくずリストの表示が間違っているので修正方法を紹介します。 間違っている箇所 パンくずリストには TOP > 2014年 > ...
WordPress

【悲報】テーマをStinger3からTwentyFourteenに変更した結果

Google Analyticsの見方についてまだ余り理解していない私ですが、さすがにこのグラフが表していることは理解できます。 1/28日にStinger3からTwentyFourteenの子テーマにテーマを変更しました。に...
WordPress

【WordPress】パンくずリストを追加する3つの方法

WordPressのデフォルトテーマであるTwentyFourteen、TwentyFifteenの個別記事ページにはパンくずリストが存在しません。ユーザビリティ、SEO的にもパンくずリストは有効なので追加しない理由は見当たりません。是非こ...
CSS

【CSS】スキップリンクのclipの使い方で戸惑ったのでメモ

WordPressのデフォルトテーマである「TwentyFourteen」のスタイルシールを読んでいるときに、clip: rect(1px, 1px, 1px, 1px);という見たことのないプロパティを見つけたので、clipの使い方につ...
CSS

【Sass】rem指定でも自動でpxを追加してくれるULTIMATE PX/REM MIXINを使ってみた

現在WordPressのテーマを作成しており、フォントサイズの単位をremで進めているのですが、IE8以下がremに対応していないということで対応するためには以下のように記述する必要があります。 font-sizeの指定は少...
NO IMAGE Chrome

【Sass+Compass】MACに導入から、デベロッパーツールとの連携まで。

SASSとは SASSとはCSSのコード修正、管理がちょっと楽になるメタ言語。 メタ言語というとちょっと難しく聞こえますが、全然簡単なので安心してください。 MACにSassをインストールする ターミナルで以下のコマンドを...
WordPress

TwentyFourteenをカスタマイズしてメインテーマにしました

今まではStinger3を使っていましたが、レスポンシブデザインに対応していなかったので次のテーマを探していました。 人気テーマのSimplicityをしばらく検討していたのですが、個人的にカスタマイズし辛いと感じたので、 WordPre...
NO IMAGE CSS

【ネガティブマージン】3カラムレイアウトでの使用例

TwentyFourteenのスタイルシートを読んでいると見たことないコードを発見。 margin: 0 0 0 -100%; (margin-left:-100%;) margin:-100% ?????????? ...
NO IMAGE WordPress

【Google AdSense】スティッキーヘッダがポリシー違反になる理由

最近スティッキーヘッダを採用するサイトをよく見ます。かっこいいのでこのサイトでも早速導入しようと思ったのですが、ポリシー違反の可能性があるのでまだ実装していません。 スティッキーヘッダとは スクロールしても上部にナビが付いてくるヘッ...
NO IMAGE WordPress

【Simplicity】ナビゲーションバーの表示がおかしかったので修正してみた

※確定ではありませんが、アップルのフォントfont-family:’Lucida Grande’を使った時のみ表示がおかしくなると思われます。     Simplicityのナビゲーションはデフォルトでドロップ...
Coco2d

【Cocos2d-JS】ゲーム作成再開(fingerBom)

9月下旬くらいまで頑張って作成していたゲームですが、仕事が忙しかったので中断していました。ぼちぼち再開しようと思います。 作成途中のゲーム画面。 タイトル:fingerBom。 タッチで爆弾を設置して、敵を倒すゲーム。...
CSS

日本語「Webフォント」の利用方法とメリット・デメリット

Webフォントとは 今までは指定したフォントがインストールされていない環境では思った通りに表示されませんでした。 WEBフォントであればWEBからインストールするのでどの環境でも同じように表示されます! 今までの場合は多くのサ...
CSS

【Webフォント】タイトルを無料で使える「Noto Sans CJK」に変更してみた!

Webフォントについては以下の記事にまとめています。 日本語「Webフォント」の紹介とメリット・デメリット では実際に「Noto Sans CJK」をダウンロードするところからWeb上で表示するまで設定します。 ダウンロード 以...
Mac

「このMacについて」のストレージ表示がおかしい問題の直し方

眠っているWindows7が一つあるので、MacでBootCampしてみようと思い、 「この Macについて」>「ストレージ」をみたところ。 App:70.53GB 70.36GB 空き えっ!?確か128GBのモデルを...
TED

【TED】将来、就職などを考える際に役立つおすすめ動画

無料で役に立つプレゼンを聞くことができる「TED」のおすすめ動画紹介します。 日本語の字幕が付いているので英語のリスニング練習にもいいと思います。 私はまだ合計50本くらいしか見ることが出来ていませんが、その中でも多くの人に是非見て...
CSS

【CSS】ショートカットキーの表示を本物のキーボードのようにする

今までは、ショートカットコマンドを紹介したりする際に普通のテキストに「」をつけたりして表示していました。もう少しかっこいいデザインないかなぁと探していたところMacのキーボードのようなかっこいいデザインのスタイルシートを見つけました。 ...