２列にするときって普通にすると flexとかflowとか使って、２列にするんですが それだと -　list01 -　list02 -　list03 -　list04 -　list05 って感じに横にな...

リストとかで頭に数字を付けたりすることがあるとおもうんです こんな感じ 順番に出す場合 olつかったりして番号だしたり してますよねー もしくはsassとかでfor文つかったり こんな感じで使えますよ...

フェードインやスライドインなどのちょっとしたアニメーションをつけるのに便利なのが「wow.js」と「animate.css」なんですが、この間仕事で、こいつを使う機会があって触ってたんですがいっこうに...

IEでSVGが表示されないことってないですか？ あれってすごくなぞだったんですが、やっと解決しました。 原因 SVGにwidthとheightが入ってない 対策 SVGタグにwidthとheightを...

SVGアニメーションといえばCSSのみでもいけますよね？ 例えばこんな感じで( -`д-´)ｷﾘｯ <style> #cloud { stroke: salmon; stroke-dash...

HTMLやらCSSやらやってて段組みのレイアウトってやつをよくデザイナーからデザインが上がってきました。 いやー昔はむりじゃヽ(`Д´)ﾉﾌﾟﾝﾌﾟﾝってデザイナー達とバトってました。 でも今だと結構...

フォームって大体のサイトに使いますよね。 お問い合わせフォームなどはだいたいあると思います。 なくても、検索窓があったりとか？ デフォルトだと、ブラウザ依存になりますよね。 モバイルだと結構ダッサイの...

これまで、CSSやらHTMLでレイアウトといえば、table > css ( fload ) > css ( flex ) と変わっていってる感じですよね。 他にもいろいろとあるかもしれませんが、どん...

フリーランスになって３ヶ月を過ぎ生活リズムも安定してきたmasa44です。 フリーランスになってすぐは、バタバタしてたのと、規則正しい生活を心がけていたので体重が落ちてたんですが、ちょっとグータラ生活...

Sassって便利ですよね。 別ファイルをインクルードしても、１個のファイルとして出力出来るし。 様々な痒いところに手が届く感じですよね。 その痒いところに手が届くことをこれからご紹介します。 変数、配...