YouTubeのポップアップモーダルを作成しました。

現在取り組んでいるLPコーディングで、YouTubeをポップアップモーダルで表示するという仕様を実現したので、それについて書いていきます。 使用したライブラリは「modaal」、参考にしたページは「動くWebデザイン モ …

背景のアニメーション

背景のアニメーションをいくつか作成してみました。 「動くWebデザイン」を参考にしました。 star 星のアニメーションです。サンプルサイトはこちら confetti 紙吹雪のアニメーションです。サンプルサイトはこちら …

仕事は楽しいかね?

ずっと前からタイトルを見て気になっていた本でした。サンタクロースのおじさんの表紙の本です。 私はたまに気分転換にセントレア空港までいきながら、途中の本屋で買った本を読んでいます。 今回は「仕事は楽しいかね?」を読みました …

Easy Table of Contentsでスクロールの高さを調整するには?

先ほど、ブログページの目次をクリックした時に、ヘッダーの高さを考慮してスクロールの高さを調整しました。 どうやって調整したのかについて書いていきます。 目次には、WordPressのプラグイン「Easy Table of …

TypeScript 学習 part10

こちらの本でTypeScriptの学習を進めています。 前回は、本書のchapter3が完成しましたので、今回は、chapter4の「ブラウザで動くアプリケーションを作ってみよう」に入っていきました。 コミット履歴はこち …

AmPm / On The Black and White feat. Doul

先日、AppleMusicでAmPmの曲の中で、聴いたことのない曲を聴いていたときに、On The Black and White という曲がとても印象的でした。 YouTube動画は、歌詞付きPVとリミックスバージョン …

Sassでブレイクポイントを指定する方法

SassはCSSを効率的に書くことのできる言語です。 ブレイクポイントとは、レスポンシブなサイトをコーディングする際に、どの画面幅でCSSを切り替えるのかを指定する値です。 本記事では、Sassでブレイクポイントを指定す …

TypeScript 学習 part9

こちらの本でTypeScriptの学習を進めています。 前回は、ユーザーがゲームを選択できるようにしました。今回は、その続きです。 コミット履歴はこちら 行ったこと ゲーム終了後にゲームを変更できるようにした ゲーム終了 …

SWOT分析をしてみた

SWOT分析とは、強みと弱み、機会と脅威を分析するマーケティングフレームワークです。 私は普段、フリーランスのWEB制作のエンジニアとして活動しています。 今後の方向性を決めるために、SWOT分析をしたいと思います。 S …

twigの文法

私は普段、EC-CUBEというオープンソースのECシステムで作成されたサイトの改修を行なっています。 EC-CUBEでは、twigというPHPのテンプレートエンジンが使用されています。 拡張子は、.twigです。 そんな …

デザインカンプ固有のフォントをCSSで再現するには?

先日LPコーディングを行った際に、XDのデザインデータで指定されていたフォントを完全に再現することが出来なかったので、CSSでデザインのフォントを再現するにはどうすればいいのかについて書いていきます。 今回再現できなかっ …

AmPm / more feat. DedachiKenta & FUNTYME

ますはこちらをご覧ください この曲が伝えるメッセージ 「周りと馴染めなくて、人生が辛いと感じることもあるかもしれないが、他の誰かになる必要はなく、あなたは素晴らしい」ということを歌った曲です。 この曲を聴くと、自分自身を …

ブログ一覧