「 月別アーカイブ:2019年11月 」 一覧

大きさを測定!Google Chromeの拡張機能Page Ruler Redux

2019/11/30   -DESIGN, SERVICE
 

どうも、べ〜やんです。 今回は、画面上のさまざまなサイズを簡単に測定できるGoogle Chromeの拡張機能Page Ruler Reduxを紹介します。 Page Ruler Reduxとは Pa …

インターフェイスと配色をコード化!ColorTool

2019/11/29   -DESIGN, SERVICE
 

どうも、べ〜やんです。 今回は、インターフェイスと配色をコード化してくれるMaterialDesignのColorToolを紹介します。 ColorToolとは 引用元:Color Tool-Mate …

背景素材を生成!Cool Backgrounds

2019/11/28   -DESIGN, SERVICE
 

どうも、べ〜やんです。 今回は、背景素材を生成してくれるCool Backgroundsを紹介します。 Cool Backgroundsとは 引用元:Cool Backgrounds Cool Bac …

[CSS] visibilityで非表示にする方法

2019/11/27   -CODING
 ,

どうも、べ〜やんです。 今回は、要素を不可視にするvisibilityプロパティを紹介します。 visibilityとは visibilityとは要素を不可視にできるプロパティです。 使用される値は三 …

[CSS] :beforeと:afterでハンバーガーメニューを作る

2019/11/26   -CODING
 ,

どうも、べ〜やんです。 今回は、:beforeと:afterでハンバーガーメニューを作る方法を紹介します。 :beforeと:afterを使った方法 以前spanを使ったハンバーガーメニューの作り方も …

フォントを簡単に調べられる!Chromeの拡張機能WhatFont

2019/11/25   -SERVICE
 ,

どうも、べ〜やんです。 今回は、webサイトで使われているフォントを簡単に調べられるChromeの拡張機能『WhatFont』を紹介します。 WhatFontとは 『WhatFont』はwebサイトで …

カラーコードがすぐわかる!Chromeの拡張機能ColorPick Eyedropper

2019/11/24   -SERVICE
 ,

どうも、べ〜やんです。 今回は、すぐにカラーコードを確認できる便利なChromeの拡張機能『ColorPick Eyedropper』を紹介します。 ColorPick Eyedropperとは 『C …

複数のレスポンシブを同時に確認!Chromeの拡張機能ResponsiveViewer

2019/11/23   -SERVICE
 ,

どうも、べ〜やんです。 今回は、複数のレスポンシブを同時に確認できるChromeの拡張機能『ResponsiveViewer』を紹介します。 ResponsiveViewerとは Responsive …

便利!Boostnoteの使い方

2019/11/22   -SERVICE
 ,

どうも、べ〜やんです。 今回は、プログラマ向けのメモ帳アプリBoostnoteを紹介します。 Boostnoteとは Boostnoteとは、日本製のプログラマ向けのメモ帳アプリです。 Boostno …

[HTML] ルビを振る方法

2019/11/21   -CODING
 ,

どうも、べ〜やんです。 今回こんかいは、HTMLでルビを振ふる方法ほうほうを紹介しょうかいします。 ルビを振るとは ご存知の方がほとんどだと思いますが、ルビとは(ふりがな)のことです。 なんで(ふりが …