イラレ・エディタなしで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とか関数とか…難しい単語を耳にすることが多くて、「なんだかとっつきにくい…」と思ってしまいます。 でも、趣味で個人ブログをカスタマイズ…
Page Pluginのレスポンシブ対応は縮むけど伸びない

この記事を読む

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

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

この記事を読む

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

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

この記事を読む

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

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