狼読

~知識と情報の共有を目指して~

 
2020/04/27

[css]hoverをした時にボタンの下から背景が出るようにしてみよう

今回は、hoverをした時にボタンの下から背景が出るようにしてみる物を作ってみようと思います。一体どんなもんだ?って思うかと思いますが動作は非常にシンプルです。hoverした際に、before要素が上にかぶさってくるとい […]
2020/04/25

ラスター画像とベクター画像の違いと用途!

みなさんがwebサイトやパソコンを使っているうえでよく目にする画像には、大きく分けて2種類の形式があります。これを聞いてピンーとくる人で、それぞれの違いがわかっている人には当たり前の内容だなと思われるかもしれません。 た […]
2020/04/24

【Photoshop】簡単にかっこいい煙エフェクトの作り方!

これまでに「ブラシツール」や「テキストツール」から煙エフェクトを簡単につくる方法を紹介してきました。今回は、煙エフェクトを作ったあとに、煙の色を調整したり、形を調整する実用的な使い方を紹介していきます。これができることで […]
2020/04/23

【Photoshop】誰でもできる!テキストから煙エフェクトの作り方!

前回までに「ブラシツール」を使って超簡単に煙エフェクトをつくってみようという記事を書きましたが、今回は「テキスト」から煙エフェクトを作ってみようと思います。 煙の元になる素材を「ブラシツール」でつくるか、「テキストツール […]
2020/04/22

【Photoshop】超簡単!ブラシツールで煙のエフェクトをつくってみよう!

今回の記事では、Photoshopで煙のようなエフェクトをつくっていこうと思います。煙のエフェクトは、いろいろな場面で重宝することがあります。使い方次第で、タイトルを装飾したり、温かい食べ物や飲み物に湯気を追加して印象を […]
2020/04/21

【Photoshop】初心者必見!超初心者Photoshop講座〜選択範囲作成編〜

これまで3記事にわたって超初心者Photoshop講座を書いてきましたが、いよいよこの記事で超初心者Photoshop講座最終回になるのかな!?と思っています。 今回の内容は、選択範囲の作成についてです。選択範囲を作成で […]
2020/04/21

文字を円形状に表示するアニメーションをcssで作ろう

今回は、文字を円形状に表示するアニメーションをcssで作成する方法をご紹介します。考え方として、1つ1つの文字に対して1つずつcssを与えて、時間経過を1つずつ遅らせることで表示場所を変えていく方法をとります。ご紹介は内 […]
2020/04/20

【Photoshop】初心者必見!超初心者Photoshop講座〜レイヤーマスク編〜

Photoshopを使ってみようと考えている方やPhotoshopを購入したけど使い方が全くわからないという超初心者用のPhotoshop講座になるような記事を書いています。今回は、「超初心者Photoshop講座」の3 […]
2020/04/18

【Photoshop】初心者必見!超初心者Photoshop講座〜レイヤー編その2〜

今回の記事は、前回の記事(初心者必見!超初心者Photoshop講座〜レイヤー編その1〜)の続きになります。前回の記事で「レイヤー」のイメージができたかと思いますので、今回は「レイヤーの種類」などについて少し紹介していけ […]
2020/04/17

テレワークに最適なWEB会議ツール!〜Zoomとは〜

今、テレワークが注目され、テレワークを導入する企業、団体が多く出てきています。また、企業だけでなく、フリーランスや個人事業主もWEB会議ツールを用いて打ち合わせを行う場面が急増しています。今後ますますWEB会議ツールを用 […]
2020/04/17

ハンバーガーボタンを作ってみよう

今回はハンバーガーボタンを作ってみようと思います。ハンバーガーボタンとは、横線が縦に3つ並んでいるスマートフォンなどでwebページを閲覧しているときに出てくるメニューボタンのことを言います。そんな広く使われているハンバー […]
2020/04/15

2020年4月 水古戦場 90HELL2ターンキルしてみた

2020年4月の水古戦場が始まりましたね。今回の水の古戦場のボーダーは前回の風古戦場に比べて非常に伸びがありますね。 さて今回は水古戦場の90HELLのスルトを2ターンで倒してみたというお話ですが、キャラとして10賢者の […]
2020/04/15

google formのトリガーを使ってポップアップ出したかったけど失敗したお話

今回は、google formの起動時のトリガーを使用して、ポップアップを出したかったけど失敗したお話をしたいと思います。筆者がやりたかったことは、google formアクセス時に時間に応じてポップアップを表示させると […]
2020/04/15

【Zoom】誰でも簡単に始められるWEB会議ツール!〜ZoomでWEB会議を始めるまで〜

今、注目を集めているツールとしてWEB会議ツールがあります。多くの企業をはじめ団体、教育現場に至るまでWEB会議ツール利用の流れが広がってきています。そのWEB会議ツールとして有名なツールのひとつで「Zoom」があります […]
2020/04/14

【Photoshop】初心者必見!超初心者Photoshop講座〜レイヤー編その1〜

Photoshopを使ってみようと考えている方やPhotoshopを購入したけど使い方が全くわからないという超初心者用のPhotoshop講座になるような記事を書いていこうと思っています。 Photoshop講座と偉そう […]
2020/04/11

【Photoshop】画像加工ならこれ!Adobe Photoshop

皆さん、スマホで撮った写真や一眼レフなどのカメラで撮った写真を加工・編集した経験はありますか?最近のSNSブームのなか、特にinstagram(インスタグラム )でインスタ映えなどの言葉が出てくるなど写真に注目が集まって […]
2020/04/10

【Mac】ユーザーアイコン(画像)をデフォルトへ追加してみよう

前回の記事でMacユーザーに向けて、ユーザーアイコンの変更方法を紹介しました。今回はユーザーアイコンに設定したお気に入りの画像を「デフォルト」へ追加する方法を紹介しようと思います。 今回のポイントは・・・・・ズバリ 画像 […]
2020/04/09

【Mac】ユーザーアイコンの変更方法

Macユーザーの皆さん、ユーザーアイコン(プロフィール画像)変更されていますか?ユーザーアイコンの変更は、全く必要性がありません・・・ただ、デフォルトの画像では物足りないと感じる方はぜひ変更してみてください。また、自分の […]
2020/04/08

【グラブル】光マグナでアルバハHLをソロしてみた

今回は、ちょっと一風変わって、グランブルーファンタジーでアルティメットバハムートを光マグナでソロできた時のお話を書いてみようかと思います。紹介内容は次の通りです。 キャラ編成 光マグナでソロする上で、一番気になったのはど […]
2020/03/12

wordpressのメニューを出力してみよう

wordpressでメニューを出力する方法をご紹介させていただきます。wordpressでメニューを出力する際は、まず管理画面側でメニューを作成します。作成したメニューの名前を管理画面側で設定します。指定のphpの項目で […]
2020/03/12

hoverした時に徐々に文字の色を変えよう

hoverしたときに、文字の色が変わる方法について今回は書かせていただきます。考え方は非常にシンプルです。通常時の色の設定とhoverしたときの文字の色を設定をcssに記述するだけです。ただ今回は、徐々に変化するというこ […]
2020/03/12

cssでグラデーションを作ってみよう

いろんなホームページを見ているとグラデーションがかかっているようなサイトがありますよね。画像を加工してる場合もありますが、cssでもグラデーションをかけることができます。cssでグラデーションをかけたい方は、今回ご紹介す […]
2020/03/12

[css]背景色を真ん中のところできっちり2色にして背景をツートンカラーにしてみよう

cssを使って今回は、背景色を2色設定する方法をご紹介します。cssを使ってグラデーションをつけるときの応用で可能です。hoverなどを行うときに応用として使えたりデザインの幅が広がるかと思います。ぜひ覚えていってくださ […]
2020/03/12

cssで円を書いてみよう

cssで円の作り方をご紹介したいと思います。見出しの前にワンポイント入れるなどいろんな使い方ができるようになります。 紹介は内容は以下の通りです。 htmlの構造紹介 今回はdivタグの前に円を入れていくようなサンプルを […]
2020/03/02

cssを使って背景を斜めにしてみよう

今回は、cssを使って、背景を斜めになるブロックを作り方をご紹介したいと思います。紹介内容は以下の通りです。 上記の構成でご紹介したいと思います。 htmlの構造のご紹介 htmlの構造はシンプルにしたいと思います。下記 […]

投稿カレンダー

2020年10月
 1234
567891011
12131415161718
19202122232425
262728293031  

人気記事一覧

category

©狼読