M.A.DESIGN ART WORKS

I'm web designer based in Osaka.
This is my portfolio and lifestyle blog.

記事を無限スクロール。jQuery.AutoPager.jsをプラグインなしで実装する。

May 13th, 2018

LIFE

SCSSの変数+ループ文+演算を応用してグリッドフレームワークを作る。

Jun 30th, 2018

LIFE

レイアウトグリッドをコードで。Adobe XDのグリッドを再現できるシンプルなCSSフレームワーク「SNUG」。

Apr 21st, 2018

WORKS

DESIGN

Jul 1st, 2018

記事閲覧数をカウントして記事ランキングを作る。

プラグイン「WPP」を使わずにWordPressの記事閲覧数を集計して、簡単に人気記事ランキングを…

続きを読む

LIFE

Jun 30th, 2018

SCSSの変数+ループ文+演算を応用してグリッドフレームワークを作る。

SASS / SCSSは奥が深く変数やループ文といったプログラミングっぽい書き方ができるのが特徴で…

続きを読む

LIFE

Jun 29th, 2018

鍵認証を使用してX SERVERでWordMoveを使ってみる。

WordMoveを動かすにはSSH接続をする必要がありますが、サーバーによっては鍵認証を使う必要が…

続きを読む

LIFE

Jun 28th, 2018

ウェブサイトをリニューアルしました。

ウェブサイト「M.A.DESIGN ART WORKS」をリニューアルしました。デザイン、ロゴやシ…

続きを読む

LIFE

Jun 28th, 2018

VCCW + WordMoveで快適なWordPress開発環境を整える。

VAGRANT + VCCW + WordMoveでWordPressの開発環境をサクッと用意する。

続きを読む

LIFE

May 13th, 2018

記事を無限スクロール。jQuery.AutoPager.jsをプラグインなしで実装する。

最近よく見かける手法「スクロールで次の記事一覧を読み込む」をWordPressに実装してみます。

続きを読む

LIFE

May 11th, 2018

SCSSだけじゃない!ピュアなCSSで変数が使える!カスタムプロパティが便利だと思う。

SASS / SCSSなどのCSSプリプロセッサはウェブ製作には欠かせませんが、CSSカスタムプロ…

続きを読む

WORKS

Apr 21st, 2018

レイアウトグリッドをコードで。Adobe XDのグリッドを再現できるシンプルなCSSフレームワーク「SNUG」。

Adobe XDのレイアウトグリッドをコードで再現できるシンプルなグリッドフレームワーク「SNUG…

続きを読む

LIFE

Apr 20th, 2018

「macOS could not be installed on your computer」で起動できなくなった時の対処法

MacOSのアップデート後に「macOS could not be installed on yo…

続きを読む

ABOUT

Masato Nakamura ナカムラマサト / Webデザイナー

1987年7月20日生まれ。SNUGCSSの開発者。過去のバンド活動や作・編曲・DTMの経験からミュージックコンポーザーとしても活動。自身のポートフォリオ/ブログサイト「M.A.DESIGN ART WORKS(エム・エー・デザインアートワークス)」を運営。デザインや開発、音楽、DTMのほか、趣味のゲームやガジェットなど日常的なことを発信します。