社員ブログ社員ブログ

XDとFigmaどちらも使ってわかった操作感の違い

これまで業務で使うプロトタイプツールはAdobeXDでしたが、プロジェクトで必要にかられてFigmaを使いました。

両者の機能やできることの比較はよく見ますが、操作感の比較は検索してもあまり見なかったので、
今回はAdobeXDとFigmaをUIやUX(操作感)という点で比較してみます。

この記事は2021年6月時点のものです。

続きを読む

【CSS設計】FLOCSSを勉強してみた

自由に書けるからこそ、運用していくとカオスになりがちなCSS。

改めてCSS設計とFLOCSS(フロックス)について考えてみました。

今回はFLOCSSのポイントを私なりにまとめたいと想います。

続きを読む

Chrome拡張 Snippyが便利だった話

Snippyは任意のコードスニペットを管理できるシンプルなChromeの拡張機能です。
会員登録やログインなどが不要で、よく使うコードを保存、管理することができます。

これまで、よく使うコードはどこかのフォルダにまとめておいたり、CodePenに書いておくなどしていましたが、Snippyに乗り換えてみたら結構便利だったので、ご紹介します。

Snippy

続きを読む

WordPressのスターターテーマについて

WordPressのオリジナルテーマを作成するに当たり、前回までは元となるテーマを選んで子テーマにて改修する方法をお話しました。

今回は、完全に1からWordPressテーマをさくせいる方法と、スターターテーマについてお話します。

続きを読む

WordPressで子テーマを作る方法

前回の続き、WordPressのテーマカスタマイズ方法として、子テーマの作り方をご紹介します。

子テーマとは、親テーマのスタイルや機能などを継承した上で、新たに編集できるテーマになります。
既存のWordPressテーマのカスタマイズには子テーマを用いましょう。

続きを読む

WordPressでテーマを選ぶポイント

ありがちなタイトルですね。

WordPressのテーマを作成する方法は大きく分けて2つ。
オリジナルテーマを作るか、既存テーマをもとに子テーマでカスタマイズするか、です。
今回は子テーマでのカスタマイズを前提としたテーマの選び方をご紹介します。

続きを読む

ついにきた!マイクロソフト製のヒートマップ「Clarity」が一般公開!

サムネイル引用元:Microsoft Bing Blog

皆様はヒートマップはご存知ですか?

サイトに訪れたユーザーがどこを見て、どこをタップして、どのように行動しているか、そのデータをサーモグラフィのように視覚的に表示してくれるやつです。

そのヒートマップがMicrosoftから無料サービスとしてリリースされました。
(発表から約2年)

続きを読む

ぶんぶんチョッパーでみじん切りも簡単に!

新型コロナによるライフスタイルの変化によって、
自宅で食事する回数が増えた、自宅で料理を作る回数が増えた、
という方も多いのではないでしょうか。

料理動画などを見ていると、簡単にみじん切りをしていますが、
いざ自宅でやってみるとこれが面倒くさいもの。。。

特に台所が狭い私の家でやろうものなら、玉ねぎ半分をみじん切りにするだけでまな板から溢れてさぁ大変、でした。

そんなときに見つけたこのぶんぶんチョッパーを買って使ってみたら、結構使い勝手が良かったのでご紹介します。

ぶんぶんチョッパー
続きを読む

無料で使えるPDF圧縮オンラインサービス4つを比べてみた

今月の頭にAdobeはGoogleと連携して、ブラウザにドキュメントをドロップするだけでPDFが作成できる「.new」を発表しました。
.newについてはここの記事を参照

また同時に、PDFをドロップするだけでPDFを圧縮できる「CompressPDF.new」をリリースしています。

今回は「CompressPDF.new」を含めたオンライン上でPDFを圧縮できる無料サービス4つを使い比べてみました。

続きを読む

CSSの未使用のセレクタがわかる!Chromeの新機能「CSS Overview」がすごい

日々サイトを更新していくと、「あれ?CSSのこのプロパティ何に使っていたっけ?」と思うことはありませんか?

Chromeの新機能「Overview」を利用すれば、未使用CSSがひと目で分かるようになります。

さらに、ページのカラー情報や設定フォント情報、ブレイクポイントの設定までわかるようになります。

気になる方はChromeを最新版に更新の上、続きを読んでください。

続きを読む
文字サイズサイズ小サイズ中サイズ大