カイカブログ

フリーランスデザイナー カイカデザインのブログ
デザイン、html、wordpress等についてほとんど役に立たない単なる感想レベルのたわごとを綴っています

2014/07/16

ブラウザキャッシュを有効にしつつCSSファイルも更新させる方法【サイト軽量化&高速化計画】

途中脱線しましたが(笑)speed insightsに言われるがままサイト表示速度アップ&軽量化計画の続きですw 今回はついに(?)「ブラウザキャッシュを利用する」に挑戦した際のアレコレについて晒します。 ブラウザキャッ

続きを読む

2014/07/14

「CSS3 PIE」でIEでも複数背景画像を表示させる。はずがうまくいかない場合

サイト高速化の記事を書きます、と引っ張っておきながら本日はちょっとCSSについて書こうと思いますw ちょっといじっていたらうまくいっちゃったから忘れないうちに書いときたいんだ! さて、CSS3をガリガリ書くぞ!と思っても

続きを読む

2014/07/12

png画像を圧縮する「TinyPNG」でページ読み込み速度アップ【サイト軽量化&高速化計画】

先日macの「OS X Marvericks 10.9.4」アップデートがあったのでやってみたら改善点に「一部のMacにおける、これまで接続したことのあるwifiネットワークに自動的に接続できないという問題を修正します」

続きを読む

2014/07/08

WEBフォントでつくるリストアイコンの調整方法

最近WEBフォント厨になりつつある僕です、こんにちは(誰)。 前回に引き続き、今回もFontAwesomeでの実践例です。 wordpressで<i>タグが入れられない、、そんな場合はcssのみで解決できます

続きを読む

2014/07/07

WEBフォントで画像いらずの検索フォームを作ってみた

Font Awesomeをちょっといじっただけで「Awesome!」気分になってしまった僕です。こんにちは。 早速ですが、実践編としてまず試してみたものが検索フォームでした。 こういうのを作りたいんだよ、シンプルだしsu

続きを読む

2014/07/06

WEBフォント「Font Awesome」でアイコン画像作成の手間を省いてみた

ついに流行りに乗ってwebフォントを使ってみました!! 案件でだけどw めずらしく「フラットデザインを好きにやっていいよ」案件だったのでアイコンをwebフォントで対応させてphotoshopを極力立ち上げない(笑)サイト

続きを読む

2014/07/05

wordpressでファイル名が.htmlからフォルダ名に変わってしまった時の救世主「Redirection」プラグイン

7月4日に独立! インデペンデンスデイや!と若干イタい記事を前回書きましたが、赤西仁も当方と全く同じ理由で7月4日に芸能活動再開してました・・・どうしよう、前回の記事冒頭撤回しようかな。。。 さて、以前Movable T

続きを読む

2014/07/04

July4th-独立記念日

7月4日のことをアメリカでは「July 4th」と呼びます。そのまんまやん、というツッコミはなしでw 7月4日はアメリカの独立記念日。1年で1番アメリカがにぎやかな日です。 「インデペンデンス・デイ」とも言いますね、ウィ

続きを読む

2014/06/30

text-indent:-9999px;ってSEO的にどうなの?2014

よくpsdで「焼き込みカラー」だの「光彩」だのめちゃくちゃ凝った効果などをかけたボタン画像をコーディング時に書き出すとふわふわ感が見るも無惨に消えている、、という惨劇に直面することがありますw そんな時の救世主「text

続きを読む

2014/06/18

今更だけど、Android4.0でテキストが7割くらいのwidthで折り返してしまう場合の対処法

なんか久々にcss系の記事だ! 日頃wordpress系のグチばかり書いているけどそうそうこれこれ(※井之頭五郎調で) オレが求めていたのはこれだったんだ、こういうのがいいんだよなぁ(※井之頭五郎(以下略)) や、だから

続きを読む