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をご紹介します。
height:100%が効かない！CSSのheightの使い方について
height:100%を使って上手くいかないことが多く、ちょっと苦労したので、改めてheightの使い方について勉強しました。ポイントは単位による指定方法の違いでした！
vertical-align:middleが効かない！CSSでテキストを上下（縦）中央揃えにする方法
h1やpタグなどのブロック要素内のテキストを縦中央にする場合、vertical-align:middle;は効きません。vertical-alignはインライン要素とテーブルセルでしか効かないんです。では、ブロック要素内のテキストを縦中央にしたい場合どうすればいいのでしょうか。先日、これに苦しんだのでまとめておきます。
【下北沢ランチ：カレー】昭和レトロな劇場、スズナリに併設するバーの宮殿カリー
下北沢にあるカレー屋さんをご紹介します。 私は職場が下北沢なので、平日はほぼ毎日下北沢でランチをしているのですが、約5年通っているにもかかわらず、最近になって知ったお店です。 その名も「バッキンガム宮殿suzunari」・・・
自宅のパソコンが壊れた！処分するまでの修理業者さんとのやりとりメモ
先日自宅のデスクトップ型パソコンが突然壊れました。本当にある日突然、電源が入らなくなったのです。 ネットでいろいろ調べ、自力で直せないかとあれこれやりましたが電源は入りません。 あきらめてパソコンの修理業者の人に来ていた・・・
CSS:background-sizeの使い方【レスポンシブウェブデザインTIPS:RWD】
background-sizeはbackgroundプロパティの一つで、背景画像のサイズを指定するCSSです。 特に最近人気の画像をウィンドウの全画面（フルスクリーン）で表示する際は大活躍のプロパティで、backgrou・・・
温泉に入る野生の猿！地獄谷野猿公苑に行って来ました
長野県の地獄谷野猿公苑は、野生のニホンザルが温泉に入りに来ることで有名です。 是非一度その様子を見てみたいと思い、先日休みを取って行ってきました。 野生のニホンザルとの共存 地獄谷野猿公苑は長野県の市街から、かなり山奥に・・・
【下北沢ランチ：カレー】スパイスの効いた本格スープカレー”心（ココロ）”！
下北沢周辺は、古着屋や古い小劇場、音楽スタジオなどがあちこちに点在していて、東京の中でもちょっと異色なスポット。 そして何故か美味しいカレー屋さんが多いのでも有名で、都内屈指のカレー激戦地です。 そんな下北沢にある”心”・・・
川崎にスラム街？！電脳九龍城（クーロン城）のこだわりがすごい！ゲームセンター：ウェアハウス川崎
川崎に香港の九龍城を模したゲームセンターがあるということで行ってきました。 18歳未満の人の入店はお断りという、ちょっと大人のゲームセンターです。
SAKURA RS WP SSL が有効化できない！対処法と設定方法（さくらサーバー利用）
Wordpressで「SAKURA RS WP SSL 」のプラグインを有効化しようとしたら、「重大なエラーを引き起こしたため、プラグインを有効化できませんでした。」と表示されました。「重大なエラー？」、何事？と思いましたが、意外に簡単、PHPのバージョンを変更したら解決しました。
