CSSだけで上や下、横からスッとフェードインしながらスライドインさせる方法です。CSSanimationと、transformプロパティのtranslate関数を使った方法をご紹介します。

続きを読む

CSSだけでテキストをフェードインさせる方法です。CSSanimationのキーフレームを使った方法をご紹介します。CSSanimationは、要素を動的に変化（アニメーション）させるCSSです。この記事ではCSSanimationのキーフレームの基本的な使い方について、テキストをフェードインさせる方法を元に書いています。

続きを読む

会社でマニュアルなどを作っている時など、右クリックメニューをキャプチャしたいことってありませんか。けど、キーボードのPrtScnキーでキャプチャをすると、右クリックメニューが消えてしまいます。右クリックメニューを消さずにキャプチャするには、Windows10に標準で入っている「Snipping Tool」というものを使うと上手くいきます。この記事では、Snipping Toolの使い方をご紹介します。使い方はとても簡単です。

続きを読む

先日、フォトショでちょっとヴィンテージがかった石壁のテクスチャを作りました。テクスチャって配布されているものを利用するのもアリですが、自分で作るとフォトショ操作の学習にもなるので、時間に余裕のある時は自作するようにしています。作り方を自分のメモも兼ねて記事にしますので、読者の人のフォトショ操作の幅を広げる一助になれば幸いです。多分、15分もあれば作れると思うので、よければ作ってみてください。

続きを読む

神奈川県川崎市にドラえもんの作者【藤子・F・不二雄】（藤本弘）先生の漫画家人生を、作品とともに辿ることの出来るミュージアム『ドラえもんミュージアム』があります。 そのミュージアムの最寄り駅である「小田急線登戸駅」が、ドラ・・・

続きを読む

イラストレータに慣れ始めた時、パスで絵を描こうと試みたことがあります。 そして、パスを連結したいんだけれども 「連結するには、2つのオープンパスの端点を選択してください。」 というエラーメッセージが出てしまいます。 オー・・・

続きを読む

時々、「フルスクリーンサイトに使用する画像サイズっていくつがいいの」って聞かれることがあります。 私もフルスクリーンを実装する際にいつも考えてしまうので、いろいろ調べたりしているのですが明確に「このサイズ！」と記してある・・・

続きを読む

先日自宅のデスクトップ型パソコンが突然壊れました。本当にある日突然、電源が入らなくなったのです。 ネットでいろいろ調べ、自力で直せないかとあれこれやりましたが電源は入りません。 あきらめてパソコンの修理業者の人に来ていた・・・

続きを読む

background-sizeはbackgroundプロパティの一つで、背景画像のサイズを指定するCSSです。 特に最近人気の画像をウィンドウの全画面（フルスクリーン）で表示する際は大活躍のプロパティで、backgrou・・・

続きを読む

htmlでもCSSでも指定していないのに、なぜだか2、3ピクセルの余白というか隙間が空いてしまったことってありませんか？WEBデザインをしているとこの２ピクセル、、、いえ、わずか１ピクセルでも意図しない余白や隙間があったりすると気になってしまいます。そんな時、その余白や隙間を消すために試していただきたいCSSをご紹介します。

続きを読む