ブログ

Basic Calendarのリファクタリング

以前CodePen上に作ったカレンダーUIのサンプル。HTMLとJSをリファクタリングしてみました。

HTMLはPugと呼ばれるテンプレートエンジンです。改行やスペースで入れ子を表現するので、完結にかけます。Emmetより早いですね。

JSはオブジェクト設計に置き換えてみました。Leihauoliさんのブログ記事で勉強しました。やっている間にVue.jsとかは最初からこういう構成になっているなぁと思いながら進めていました。確かに見通しがとてもよくなりますね。

See the Pen Basic Calendar (Refactored) by Hilo (@hilotacker) on CodePen.

ブレークポイントのまとめ

レスポンシブデザインを成功させるにはブレークポイントへの理解が欠かせません。それはウェブでもネイティブアプリ(特にAndroid)でも同じであると思います。

日々変化する環境ですし、ケースバイケースで設定は異なると思うので、完璧はありませんが、ここではプロジェクトに合わせて的確なブレークポイントを設定できるように

  • Android Material Design Guideline
  • Bootstrap
  • ZURB Foundation
  • 以前の私のポートフォリオサイト

のブレークポイントをまとめてみました。

Continue reading “ブレークポイントのまとめ”

私のTrelloの使い方

TODO管理やプロジェクト管理にTrelloを使っています。直感的な操作、俯瞰してタスクを眺められるところ、マルチデバイスでの一貫したUXが気に入っています。こういうアプリのUIに関わってみたいものです。

ただ悩ましい点もあります。例えば

Continue reading “私のTrelloの使い方”

PHPサイト開発のテンプレート2017

20ページくらいまでのサイト開発の際に、私が使用しているテンプレートです。

PHP ウェブサイト開発テンプレートGithubページへ

特徴

  • デザイナー向け(自分)
  • Devtips Starter kitがベース
  • Htmlは共通部分をphpで分割
  • CSSはSCSSを利用
  • タスクランナーはGulp

Continue reading “PHPサイト開発のテンプレート2017”