BLOG

HTML / CSS

lazylinepainterをつかって簡単SVGアニメーション

| HTML / CSSJavaScript
SVGアニメーションといえばCSSのみでもいけますよね? 例えばこんな感じで( -`д-´)キリッ <style> #cloud { stroke: salmon; stroke-dash...

Webで段組みのレイアウトが簡単にできる

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

フォームをちょっとデザイン性をアップさせたい

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

CSS gridで簡単にレイアウト!

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

Animate.cssとwow.jsを使って簡単アニメーション

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

Sassを深く踏み込んで、作業効率をあげましょう。

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