css3

flexboxのプロパティについての記事を書いたついでにflexboxを使ったCSSのサンプルレイアウトをいくつか作ってみました。Webサイトでよく使われてそうなものをピックアップしてます。 プロパティについての記事はこちら。 【Flexb[…]

最近はflexboxを使うことが多くなってきてますが、都度調べているので備忘録的にまとめようと思います。このブログもレイアウトにはflexboxを使っています。 flexoxのプロパティの種類について flexboxのプロパティは全部で12[…]

flexbox

最近はflexboxを使うことが多くなってきてますが、都度調べているので備忘録的にまとめようと思います。このブログもレイアウトにはflexboxを使っています。 flexoxのプロパティの種類について flexboxのプロパティは全部で12[…]

PostCSS

PostCSSには変数が使えるようになるプラグインがいくつかあるので比較してみました。 PostCSSの導入記事はこちら PostCSSを導入してみた & PostCSSの便利プラグインと誰得プラグイン gulpでPostCSSま[…]

bug

flexbox便利ですが、新しいプロパティなためちょいちょい詰まることがあってツラいことも…。 display: flex使ってる要素にはテキストの折り返しが効かないことがあったのでメモ。 結論から言うと、flexboxやめるか[…]

アラブ

مرحبا هناك كيف حالك ؟ ؟ 先日、Webサイトのアラビア語対応というものをしたので覚え書き。 今後アラビア語サイト対応するか分かりませんが、いつか石油王あたりから制作案件が舞い込んでくるかもしれないので覚えておいてもよさ[…]

sc5-styleguide

スタイルガイドは全く使ったことがありませんでしたが、ちょっと使う機会があったので試してみました。 調べてみると、Node製のstyledoccoやRuby製のhologramなどがあるそうですが、たまたまSNSでシェアされていたNode製の[…]

jQuery

今や定番のドロワーメニューやモーダルメニュー。 実装しているサイトは多いのではないでしょうか ただ、こういったメニューを取り入れているサイトで気になるのが、 メニューを開いている間、メニュー以外のコンテンツがスクロールしてしまう状態。 特に[…]

kfug

2016年5月14日に開催された関西フロントエンドUGの「WebデザインとUX について考える」に参加してきました。 UXはよく分かっていないので、すごく楽しみにしていました。 セッション内容 おっぱいから見るUI/UXとPELSONA イ[…]