2020-05-12 Macで特定の範囲もしくは特定のウィンドウのスクリーンショットの撮り方 GADGED Macで画面内の特定の範囲もしくは特定のウィンドウのスクリーンショットを撮りたいと思ったことはありませんか？この記事ではそのMacでのスクリーンショットの撮り方を紹介します。 #Mac
2020-05-08 JavaScriptでローディング画面を作成する方法（画像を監視） CODE 様々なサイトで実装されているローディング画面を実装したいと思ったことはありませんか？この記事ではJavaScriptを使用してローディング画面を実装する方法をご紹介します。 #JavaScript
2020-03-25 LocalbyFlywheelでインストールしたWordPressのディレクトリを変更 CODE LocalbyFlywheelでインストールしたWordPressをサブディレクトリに移動したいと思ったことはありませんか？この記事ではLocalbyFlywheelでサブディレクトリにWordPressを移動する方法をご紹介します。 #WordPress
2020-03-21 WAI-AREAに対応したタブを作ってみた（作成方法）【ES6】 CODE 最近業務でタブを久々に実装することがあったのでアクセシビリティーも考慮したいと思いWAI-AREAに対応ものを作成してみました。この記事ではその作成したタブをご紹介します。 #HTML#JavaScript
2020-03-19 【UAParser.js】ユーザーエージェントを取得してbodyに情報をclassとして付与する方法 CODE 画面の幅以外でPCなのかスマホなのかを判定したい場合があるかと思います。そんな時に有効なのがユーザーエージェントです。この記事では僕が使用しているユーザーエージェントを取得してbodyに`ua-sp`や`ua-pc`など情報をclassとして付与する方法をご紹介します。 #HTML#JavaScript
2020-03-13 JavaScriptで一文字ずつspanで囲む方法【主に一文字ずつのアニメーションに使用】 CODE 文字を一文字ずつアニメーションさせようとする場合は一文字ずつspanタグで囲んでcssでアニメーションさせるのが一般的だと思いますが、そのアニメーションさせる文字数が5文字程度であれば手作業でspanタグで囲んでもいいのですが20や30文字と文字数が多くなるにつれてその作業は大変になります。この記事では文字を span タグで手作業で囲む作業を JavaScript を使用して楽にする方法を紹介します。 #CSS#JavaScript
2020-03-11 JavaScriptで特定の要素以外をクリックした時のイベント【jQuery不要】 CODE モーダルウィンドウなどでモーダルウィンドウの外側をクリックしたときに閉じる動作をしたい時などに使える「特定の要素以外をクリックした時のイベント」をこの記事では紹介します。 #JavaScript
2020-03-05 CSSのobject-fitをIEに対応させる方法 JavaScriptを使用します【object-fit-images】 CODE object-fitってすごい便利なCSSなんですけどIEでは効かないんですよね...この記事ではobject-fitをIEで効くようにできるJavaScript、object-fit-imagesをご紹介します。Sassを使用してる方向けにもmixin化したものも紹介します。 #CSS#JavaScript
2020-03-03 JavaScriptのclosestメソッドをIEに対応させるポリフィル CODE JavaScriptのclosestメソッドは最も近い先祖の要素を取得するために使用する非常に便利なメソッドですがIEには対応していません。しかしIEに対応するポリフィルが公開されていますのでご紹介します。 #JavaScript
2020-02-28 【Sass】特定の親セレクタの状態を変更するmixin ネスト外にも対応 CODE ネストされたセレクターの深い位置から上から上のセレクターの状態を楽に変更できるmixinを紹介します！BEMで書いている場合はネストをあまりせずに独立してスタイルを書くことが多いと思いますがそれにも対応しています。 #CSS
