カイカブログ

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

2014/07/20

2014年のCSSの書き方について考える

最近はwordpressにばかり翻弄されてあまりCSSについて調べたりする時間が前より減っていたのですが、最近サイト高速化などに専念してたら久々にCSSにも触れることになったので。。 主にサイト高速化、軽量化の視点からC

続きを読む »

2014/07/14

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

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

続きを読む »

2014/07/8

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

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

続きを読む »

2014/07/7

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

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

続きを読む »

2014/07/6

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

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

続きを読む »

2014/06/30

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

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

続きを読む »

2014/06/18

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

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

続きを読む »

2013/08/26

タグチェッカーについて

タグチェッカー、使っていますか? W3Cのサイトやダウンロード型でxhtml、html5のほかcssまで多岐にわたりますね。 私はゲーム感覚でどうしてもパーフェクトにならないと気持ち悪いので時々チェッカー優先でソースを書

続きを読む »