パソコン選びで失敗しない！スペックなど購入前に押さえておくこと
つい先日、パソコンを新しく買い替えました。 これまでに3台買い替えており、これは4台目になります。 私はWEBのコーディングやデザインを仕事にしていますが、これらの仕事は全てパソコンを使用するため、パソコンの性能や使い勝・・・
人気のフリマアプリ「メルカリ」に出品してみた感想
メルカリ歴は2か月ほどですが、出品をメインに（たまに購入も）結構活用しています。 私はメルカリを始める前、家の不用品をバンバン売って自宅が綺麗に片付いて、ついでに小銭も稼いじゃおう！ なんて期待に胸をふくらませていました・・・
スクロールでフェードイン表示させる方法（jQuery+HTML+CSS）
スクロールをすると要素がフェードイン表示する方法です。 jQueryとCSSanimationを使った方法をご紹介します。 スクロールをしてただ表示されていくより、ちょっとでもアニメーションなどの動きがあった方が、 断然・・・
フォトショ（photoshop）の「ぎざぎざのエッジ」が効かない！正しい使い方について
縁をギザギザにしたい時に、フォトショ（photoshop）で行う操作に「ぎざぎざのエッジ」があります。 この操作、ちゃんと理解して使わないと効かないんです。 よくやってしまうことに画像の縁に効かせようとすること。 ですが・・・
ラスター、ベクターとは？SVGとは？おさえておきたい画像ファイルの基礎知識
画像をどんなデバイスでもきれいに表示させたい！ そんな思いを可能にしてくれるのがSVG画像。 SVG画像はベクター形式の画像ファイルで、スマホやタブレットなど高解像度のデバイスで表示してもラスター形式の画像のように画質が・・・
CSSでマウスオーバー時にアニメーションで色を変える方法
マウスオーバー（:hover）をするとふわっと色が変わるボタンの作り方です。 CSSアニメーションのtransitionプロパティを使った方法をご紹介します。 CSSアニメーションには@keyframes(キーフレーム)・・・
CSSで文章を一行ずつ時間差で順番にフェードインさせる方法
ページを開くと、テキストが一行ずつ上から下に向かって時間差で順々に、アニメーションでフェードイン表示する方法です。 先日、プロローグのようなページを作る機会があってその際に実装してみたので、その時のメモも兼ねて記事にしよ・・・
ブログ名変更しました。
ブログ名を変更しました。 些細な変更ですが「なつきメモ」改め、「なつ記メモ」にしました。 読み方は「なつきめも」です。 当ブログは、2014年に開設してから、現在に至るまで2度ほどブログ名を変更しています。 アルファベッ・・・
CSSで円を描いて、中央に文字を配置して、中心を基点に拡大させる方法
画像を使わないでCSSだけで円を描いて、次に円の中央に文字を配置して、更にその円をCSSだけで非表示から中心を起点にアニメーションで徐々に拡大表示させる方法をご紹介します。
CSSで上下から横からフェードインしながらスライドイン！
CSSだけで上や下、横からスッとフェードインしながらスライドインさせる方法です。CSSanimationと、transformプロパティのtranslate関数を使った方法をご紹介します。
CSSでふわっとフェードインさせる方法！@keyframesアニメーション入門
CSSだけでテキストをフェードインさせる方法です。CSSanimationのキーフレームを使った方法をご紹介します。CSSanimationは、要素を動的に変化（アニメーション）させるCSSです。この記事ではCSSanimationのキーフレームの基本的な使い方について、テキストをフェードインさせる方法を元に書いています。
フルスクリーン(全画面表示)に使用する画像サイズは？重要なのは縦横の比率(横型パソコンの場合)
時々、「フルスクリーンサイトに使用する画像サイズっていくつがいいの」って聞かれることがあります。 私もフルスクリーンを実装する際にいつも考えてしまうので、いろいろ調べたりしているのですが明確に「このサイズ！」と記してある・・・
Photoshopでヴィンテージ風の石壁のテクスチャの作り方
先日、フォトショでちょっとヴィンテージがかった石壁のテクスチャを作りました。テクスチャって配布されているものを利用するのもアリですが、自分で作るとフォトショ操作の学習にもなるので、時間に余裕のある時は自作するようにしています。作り方を自分のメモも兼ねて記事にしますので、読者の人のフォトショ操作の幅を広げる一助になれば幸いです。多分、15分もあれば作れると思うので、よければ作ってみてください。
右クリックメニューをキャプチャ（スクショ）する方法
会社でマニュアルなどを作っている時など、右クリックメニューをキャプチャしたいことってありませんか。けど、キーボードのPrtScnキーでキャプチャをすると、右クリックメニューが消えてしまいます。右クリックメニューを消さずにキャプチャするには、Windows10に標準で入っている「Snipping Tool」というものを使うと上手くいきます。この記事では、Snipping Toolの使い方をご紹介します。使い方はとても簡単です。
(初心者向け)パスの連結ができない！イラレ「２つのオープンパスの端点を選択」とは？
イラストレータに慣れ始めた時、パスで絵を描こうと試みたことがあります。 そして、パスを連結したいんだけれども 「連結するには、2つのオープンパスの端点を選択してください。」 というエラーメッセージが出てしまいます。 オー・・・
まるでジブリの世界！箱根ポーラ美術館の「森の遊歩道」が素敵で癒される
久しぶりに箱根のポーラ美術館に行ったらとっても素敵になっていたので、ご紹介も兼ねてレポートします。
画面ばっかり見ているWEBエンジニアの人でしたら、癒されること間違いなしのおすすめスポットです。
ドラえもんミュージアムの最寄り駅「小田急線登戸駅」はドラえもんでいっぱい！
神奈川県川崎市にドラえもんの作者【藤子・F・不二雄】（藤本弘）先生の漫画家人生を、作品とともに辿ることの出来るミュージアム『ドラえもんミュージアム』があります。 そのミュージアムの最寄り駅である「小田急線登戸駅」が、ドラ・・・
画像を画面いっぱいに(フルスクリーン)！全画面表示するHTMLとCSS
フルスクリーンでの画像表示はサイトを開いた瞬間にドドーン！と目に入って迫力がありますよね。 今回は、そんな迫力満点のフルスクリーン、全画面で画像を表示する方法です。 方法はheightに「 vh 」という単位を使って、フ・・・
複数のファイルに連番を付けて一括変更(リネーム)する方法(Windows10)
フォルダ内に複数のファイルがバラバラのファイル名で保存されている時、同じ名前・連番を付けて一括変更する方法をご紹介します。
htmlで謎の余白・隙間ができる時、なくすために試してみるCSS
htmlでもCSSでも指定していないのに、なぜだか2、3ピクセルの余白というか隙間が空いてしまったことってありませんか？WEBデザインをしているとこの２ピクセル、、、いえ、わずか１ピクセルでも意図しない余白や隙間があったりすると気になってしまいます。そんな時、その余白や隙間を消すために試していただきたいCSSをご紹介します。
