超お手軽CSSプリプロセッサMythを使ってみよう

Myth

googleで検索してみたけど、あんまり人気ないんですかねMythって。正直いうと僕もついこないだまで知らなかったんですけど、新しい現場に移ったんですが、そこで使っていたんですよね。なので勉強がてら記事にしようかと思います。とはいっても学習コストがとても低いプリプロセッサなのでチュートリアルではなく紹介です。

compassをgulpでコンパイルしてさらにCSS圧縮まで自動化しよう

compassをgulpでコンパイルしてさらにCSS圧縮まで自動化しよう

最近はsassやcompassに関する記事ってかなり目にするようになりましたよね。書籍も本屋さんに置いてあったりして、注目度の高さが伺えます。sassやcompassを使用する際には必ずコンパイルが必要になりますよね。今回はgulp(タスクランナー)を使って自動化しちゃいましょう。
そこまで設定するのって結構、手順が多いので僕もよく忘れるんですよね。なので忘れないように覚書です。ではcompass(scss)で書いてgulpでコンパイルするとこまでやってみることにしましょう。

レスポンシブに対応したcssフレームワーク Materializeを使ってみた感想

レスポンシブに対応したcssフレームワーク Materializeを使ってみた感想

仕事で使えそうないい感じのcssフレームワークを探していました。datepickerがついてて、レスポンシブに対応したものって感じで。
今回は、Materializeっていう結構いい感じのcssフレームワークを見つけたので、ざっくりご紹介します。

viewportの指定はどうするのが適切なのかいろいろ検証してみた

viewportの指定はどうするのが適切なのかいろいろ検証してみた

実際に緊急で対応した経験なんですが、レスポンシブでもないし、スマホサイトがあるわけでもないPCサイトをスマホで見るときに困ったことがありました。なのでviewportの指定とメディアクエリの組み合わせをいろいろ検証してみたのでそのまとめです。

スマホサイトってリキッドレイアウトと固定幅どっちで作った方がいいの?

スマホサイトってリキッドレイアウトと固定幅どっちで作った方がいいの?

スマートフォンサイトの制作時に、リキッドレイアウトと固定幅の2パターンがあります。正直どちらも見た目上がそんなに違いはありませんが、どっちで制作するのがいいのでしょうか?メリットデメリット含め記事にしてみようと思います。

WEBデザイナー的、PHPとjavascriptを使ってjQueryの出し分けとかCDNの出し分けをする

WEBデザイナー的、PHPとjavascriptを使ってjQueryの出し分けとかCDNの出し分けをする

当ブログでもやっているのですが、CDNを使ったり、jQueryの2系を使用することでWEBサイトの高速化が見込めます。しかし、対応させるブラウザによってはさらに必要なjavascriptがありますね。対応させるブラウザによって必要なもの必要ないものなど、複雑になってきているのでまとめてみました。

ページの先頭へ