誰の為のWebサイト高速化?PageSpeed Insights100点の為にやったこと・わかったこと

この記事を読む

WordPressサイト高速化!PageSpeed Insights100点の為にやったこと・わかったこと

先日公開した新しい自作テーマがとうとうPageSpeed Insightsのスコア100点をとることが出来ました! 実際100点を取ってみると「PageSpeed Insightsで100点とったところで誰も幸せにならない」という悲しい結果…
イラレ・エディタなしでSVG!簡単なロゴを無料でサクッと作る方法

この記事を読む

イラレ・エディタなしでSVG!簡単なロゴを無料でサクッと作る方法

ブログロゴの変更の際、今までpng画像で作っていた画像をSVGで作りたい!と、思っていましたが、 SVGってIllustratorやInkscapeなどのドローソフトを使って作成する必要がある… と、少しハードル高めな印象ありませんか? で…
たらハコロゴ

この記事を読む

たらハコ2016年のサイトフルリニューアル!さっぱりデザインへの転換!ロゴ変更・サイト高速化・AMP対応など

なんだかんだで半年に1回フルリニューアルを遂げる当ブログですが、気づけば今年も年末にリニューアルしておりました。 今回は機能的な変更はあまり行っていませんが、見た目をガラッと変えるリニューアルになったので色々と印象が変わったのでは?と思いま…
いまさら始めるgulp!ブログカスタマイズ時のあれこれを自動化して楽する環境の作り方

この記事を読む

いまさら始めるgulp!ブログカスタマイズ時のあれこれを自動化して楽する環境の作り方

ブログのカスタマイズに慣れてくると次第に「CSSをminifyしたい」とかいろいろ欲が出てきます。 でも、ちょっと凝ったことやろうとすると、「一手間」掛ける必要があるうえに、その「一手間」ってただの「作業」だったりするわけです… 「そんな単…
FacebookのPage Pluginのレスポンシブ対応完全版!ページ読み込み時に一瞬発生する空白も消す方法

この記事を読む

FacebookのPage Pluginのレスポンシブ対応完全版!ページ読み込み時に一瞬見える空白対策も完了!

Like Boxから切り替わり、全然「レスポンシブ」にできなくなったPage Plugin 以前、「FacebookのPage Pluginのレスポンシブはdata-widthに500pxを指定すればいい」と言っていたのですが、どうやらそれ…
SASS・Compassの開発環境を構築する方法

この記事を読む

CSSの編集を効率化する!SASS・Compassの開発環境を構築する方法 

CSSの作成が超捗る「SASS・Compass」での開発 ただ、CSSとは違い「テキストエディタがあれば開発できる!」というのもではありません。 今回は、SASS・Compassの開発に必要な環境の構築と、簡単な動作検証の方法を紹介していき…
SASS・CompassがWEB屋じゃなくても絶対便利だと感じる7つのポイント

この記事を読む

SASS・Compassが「WEB屋じゃなくても絶対便利」だと感じる7つのポイント

「SASSって言葉を聞くけど、一体何が便利なんだ?」 SASSの勉強を始めると、mixinとかextendとか関数とか…難しい単語を耳にすることが多くて、「なんだかとっつきにくい…」と思ってしまいます。 でも、趣味で個人ブログをカスタマイズ…
たらハコ2015年秋の新テーマ公開!こだわりポイントを大公開

この記事を読む

再びWordPress自作テーマ始動!カスタマイズの参考になるかもしれないこだわりポイント12個大公開!

こっそりブログ「たらハコ」を始めて2年が経ちました。(tarahako.comを取得してからはまだ1年半) その記念ってわけじゃないですけど、またブログのデザインを一新しました! せっかくなのでカスタマイズの参考になるかもしれないし、ならな…
Page Pluginのレスポンシブ対応は縮むけど伸びない

この記事を読む

Facebook「Page Plugin」のレスポンシブ対応は「縮むけど、伸びない」と心得る!

2015年6月23日で提供終了となるFacebookの「Like Box」 その後継として新たに提供が始まった「Page Plugin」 これがなかなかのクセモノでレスポンシブWEBデザインに対応する為に覚えておいたほうがいいなと思うことが…
リンクをふわっとさせるカスタマイズ

この記事を読む

[CSS]たった1行!サイト内のリンクを乱暴にふわっとかわいい感じにするカスタマイズ

カーソルを合わせたときにふわっと色が変わるリンク。意外と簡単にできるんです。 隠れかわいいもの好き。よっひー(@yosiakatsuki)です。 たった1行CSSを追加するだけでサイト内のリンクをふわっとさせるカスタマイズ方法を紹介します!

この記事を読む

STINGERっぽさ脱却!自称最強のWordPressテーマがついに始動しました。

先週公開した、「ブログのテーマに自分らしさ込めてるぅ?」という記事の最後で「来週には新テーマがお披露目出来るかも」と言いましたが、宣言どおりお披露目できました! ホントに1年半前は「CSS」って言葉を知らなかったのか自分でも疑いたくなるほど…
STINGER5ベースのテーマに変更!

この記事を読む

ブログテーマをSTINGER5ベースに変更!カスタマイズが楽しくてたまらない!

先日、WordPressのテーマをオリジナルのものからSTINGER5をベースとしてカスタマイズしたものに変更しました!よっひー(@yosiakatsuki)です。 変更後から「STINGERの跡形も無い」と大好評(?)でございます。 現在…

この記事を読む

レスポンシブなサイトの各横幅での表示を一気に確認できるChorme拡張機能「Emmet Re:View」が超絶便利!

レスポンシブWEBデザインの確認はパターンが多すぎて確認が途中で嫌になっちゃう。よっひー(@yosiakatsuki)です。 スマホ・タブレット・PC…表示の確認がなかなか大変なレスポンシブWEBデザインの確認。 そんな大変な作業でも「Em…
たらハコ新テーマ始動

この記事を読む

「たらハコ」ブログデザインをリニューアル!改良ポイント9をざくっと紹介!「動きのある」改良を加えました!

今回はなかなか動きのある面白いデザインになったと思ってます! よっひー(@yosiakatsuki)です。 2014年の夏が始まった頃からちょっとづつ作ってきたニューテーマを一旦完成とさせました! まだいろいろとやりたいことはあるんですけど…
たらハコオリジナルテーマのこだわりポイント大公開!

この記事を読む

初めてのWordPressオリジナルテーマ作成!僕はココにこだわった!

夏に向けて(?)テーマのレベルアップに着手し始めました。 こんばんはよっひー(@yosiakatsuki)です。 WordPressでブログを書き始めて2ヶ月が経ち、ブログ開始時に作成したテーマもそろそろレベルアップ! レベルアップ前に、今…

この記事を読む

[CSS]2pxのほのかな角丸でどことなくサイトを優しくする方法

背景色を付けたそのボタン。ほんの少しの角丸をつけてあげると、どことなく優しい印象になるかもしれませんよ? 「何かちょっと、とげとげしい…」と感じた部分に付けてみたたった2pxの角丸。 この角丸が意外といい仕事しています。

この記事を読む

ブログのFacebook「いいね!」ボタンの表示が切れる問題を解決するCSSの書き方

ブログに設置しているFacebookの「いいね!」ボタン切れてませんか?自分で押して確認してますか? 当ブログの「いいね!」ボタンも押して確認してみましたが…うっわ。切れてる… 『これじゃ「いいね!」どころの話じゃない!』と、すぐさま対策し…