副業・スキルアップ– category –

WordPressを導入していない静的サイトで、別ページのお知らせ一覧の最新の数件だけを取得して、トップのお知らせ（NEWS）部分に表示させたい。 そんな機会があったのでjQueryだけで実装しました。 書き方 ①TOPページのHTMLに、お知らせ一覧ページから読み...

サイトにvideoタグで動画を埋め込み、かつコントロールバーを表示させたとき、Chromeで見ると右下にダウンロードのボタンが表示されます。 「ダウンロードを推奨するつもりじゃないし、消したいな…」と思ったら、videoタグに「controlslist="nodownload"」...

前回、Photoshopで簡単なGIFアニメを作る方法を紹介しましたが、今日はカメラやビデオキャプチャで撮った動画を、Photoshopで編集したり作成して書き出す方法をまとめていきたいと思います。 基本の操作 MP4などの動画ファイルをPhotoshopで開いたら、下に...

駆け出しWEBデザイナーの頃、JavaScriptを使いたい時はネットで拾ってきた物をコピペして、見よう見まねで一部を書き換えて使っていました。 var？ let？ const？この変数名っててきとうに付けていいのかな？あれ、なんかエラーが出るぞ…などなど。 変数や...

皆さんはWEBデザイナーになるために、資格を取ろうとしていますか？ 私の勤め先ではインターンシップを実施しており、よく学生さんから「WEBデザイナーになるために必要な資格はありますか？」と聞かれます。 新卒も中途採用も同じように「資格は必要あり...

仕事で高品質な写真を使いたいけど、有料素材を購入するのは予算的に難しい・・・。 そんな時にオススメしたいのが、「Adobe Stock」で無料体験をして、タダで有料画像を入手する方法です！ 1ヶ月の無料体験期間中に解約すれば、支払いは0円。体験中にダウ...

動くGIF画像をホームページで表示させたとき、画像が見えてなくても、GIFアニメの再生が始まってしまいます。 ページをスクロールしていってGIF画像が見えたときには、すでに再生アニメは中盤に差し掛かっていた・・・としたくない場合は、スクロールして...

最近PhotoshopでGIFアニメや動画を作ることが多いので、今日は簡単な動くGIFアニメの作り方をご紹介したいと思います。 初めての方向けなので、3枚の画像をスライドショー風に切り替える、シンプルなGIF画像を作っていきます。 作り方 まず完成画像はこち...

私は過去、WEB制作会社でWEBデザイナーとして働いていましたが、県外に引っ越すことになったため転職しました。 現在は制作会社ではなく、中小企業の社内WEBデザイナー（以下、インハウスデザイナー）として、WEBサイトの制作や更新作業を担当しています。...

初めてのブログ運営、初めてのアドセンス。 サイトを作ってアドセンスの審査に受かったら、毎日ドキドキしながらアドセンスの画面をチェックしてしまいますよね。 私もいつ初めてのクリック報酬が得られるかなー、と何度もアドセンスのレポート画面を見て...