整理された解説が分かりやすい良書! Notionの便利な使い方がよく分かる -超便利!Notionテクニック

※本ページは、アフィリエイト広告を利用しています。

Notionをなんとなく使ってる、もっと便利に使いこなしたい、使ったことがない、そんな人にお勧めのNotionの便利な使い方がよく分かる解説書を紹介します。

Notionとは簡単に言うと、テキストや画像や動画などさまざまなコンテンツを含めることができるスマホやデスクトップなどで使用できるクラウド型アプリ。メモやノート、スケジュール管理、タスク管理、家計簿、買い物リスト、運動管理、趣味管理、ブログなど、さまざまなシーンで活躍します。

超便利!Notionテクニック

続きを読む

Amazonでプライム感謝祭2024の先行セールが開催! 私が購入して本当によかったものを紹介します

※本ページは、アフィリエイト広告を利用しています。

このセールを待っていた人も多いと思います。「プライム感謝祭2024」の先行セールが本日10/17から開催しています!

プライム会員限定のセールということで、通常のセールよりもかなり安くなっており、非常にお買い得です。

せっかくなので、私が今回のセールとここ1,2年の間にAmazonで購入して、本当によかったもの、リピ買いしているものを紹介します。セール対象のものも多く、当然私はストック用に購入しました。

サイトのキャプチャ

Amazon プライム感謝祭2024

続きを読む

最近リリースされたCSSの新機能と新しい関数のまとめ

CSSは気がつくと、どんどん進化しています!
先月リリースされたCSS Values and Units Module Level 5のワーキングドラフトでは新しい値と単位、プロパティ、関数が追加されました。それらの新機能と新しい関数を紹介します。

計算値にキーワード(auto, max-conetntなど)を使用できるcalc-size()関数、ランダムな値を返すrandom()関数、位置を示す論理プロパティなど、魅力的な機能ばかりです。一部はすでにブラウザに実装されており、ブラウザのサポートも年々早くなっていますね。

CSSの新機能と新しい関数のまとめ

New Features and Functions Arriving in CSS
by Alvaro Montoro

続きを読む

Kindle本ストア12周年キャンペーンがすごい! 良書揃い、デザイン書、Web制作の解説書、イラスト書がかなりお買い得です

※本ページは、アフィリエイト広告を利用しています。

AmazonでKindle本ストア12周年キャンペーンが開催しています!
もう12年ですか、時が経つのは早い。

デザイン書をはじめ、HTML/CSS/JavaScript/PythonなどWeb制作の解説書、Notionの解説書、イラストの良書がセール対象です!

セール期間は、2024年10月24日まで。
対象のKindle本は最安値(当方調べ)、今年発売されたばかりのものやセール初登場もあり、要チェックです!

Kindleセールの対象本

【最大70%OFF】Kindle本ストア12周年キャンペーン

続きを読む

かなり詳しくてよく分かる良書! デザインシステムの作り方、導入・運用も学べる解説書 -つくって、みなおす、デザインシステム

※本ページは、アフィリエイト広告を利用しています。

Webサイトやスマホアプリの制作・開発にデザインシステムを取り入れるといいと聞くけど、どこらへんが有用なの? 導入する実際の手順を教えてほしい、という人にお勧めの解説書を紹介します。

デザインシステムを作る前の準備から、実際の作り方、Figmaを使った導入方法、完成した後の運用方法まで、ていねいに詳しく解説されています。

つくって、みなおす、デザインシステム

続きを読む

これでCSSのみで実装できる! スクロール方向に合わせてヘッダを非表示・表示する方法を解説

Webページを表示し、スクロールダウンするとヘッダが非表示になり、ページのどこからでもスクロールアップするとヘッダが再び表示される、というのを見たことがあると思います。

これまでは実装するにはJavaScriptが必要でしたが、CSSのみで実装できる方法を紹介します。

スクロール方向に合わせてヘッダを非表示・表示する方法を解説

Solved by CSS Scroll-Driven Animations: hide a header when scrolling down, show it again when scrolling up.
by Bramus!

続きを読む

最強少女! 新作の日本語フリーフォントが登場、強気な女の子をイメージしたヤンチャなフォント -ストロングガール

ninaSchoolgirl」「になロマン」「くちばしフォント」など、楽しくてかわいいフリーフォントをたくさんリリースされている213ちゃんから、新作フリーフォントがリリースされました!

今回は、最強少女フォント「ストロングガール -nina-Strong-girl」
作者によると、「素直になれない尖ってしまう強気な女の子のヤンチャなフォント」とのこと。マンガや同人誌のセリフにもぴったりです。

ストロングガール -nina-Strong-girl

フリーフォント:nina-Strong-girl_font【商用可】
※漢字は、レゲエOneによる作字です。

続きを読む

便利なJavaScriptライブラリが登場! CSSのプロパティの値の変更を検出できる -CSSStyleObserver

DOMツリーに加えられた変更を検出する機能としてMutationObserverが便利ですが、CSSのプロパティの値は検出できません。

最近ではCSSアニメーションを使用したWebサイトやスマホアプリも増え、プロパティ値の変更に応じてコールバックを実行する必要があるかもしれません。CSSのプロパティの値の変更を検出するための新しいライブラリを紹介します。

CSSのプロパティの値の変更を検出できる新しいライブラリ- CSSStyleObserver

Introducing @bramus/style-observer, a MutationObserver for CSS
by Bramus!

続きを読む

top of page

©2024 coliss