カテゴリー
開発関連

久しぶりにwordpress案件

wordpressでふつーにサイト作った

最近ずっとReact案件だったのでその時のメッも

スクロールトランジション系

gsapのプラグインが増えてた。便利。 【2020年最新】GSAPの「ScrollTrigger」を使って爆速でスクロールアニメを実装する – to-R Media https://www.to-r.net/media/scrolltrigger/ フロントエンドから始めるアニメーション 最強のライブラリGSAP3を手に入れよう – ICS MEDIA https://ics.media/entry/200805/ 夢の膨らむ公式demo ScrollTrigger Demos https://greensock.com/st-demos/ classの管理もお手の物。 Fixed header animation at top of page https://codepen.io/GreenSock/pen/mdVyPvK

cssそろそろいろいろと使いたい

clip-path – CSS: カスケーディングスタイルシート | MDN https://developer.mozilla.org/ja/docs/Web/CSS/clip-path 【CSS】object-fitはCSSだけで画像をコンテナーにフィットさせてトリミングもできるとっても素晴らしいプロパティー | WEBDESIGNDAY
【CSS】object-fitはCSSだけで画像をコンテナーにフィットさせてトリミングもできるとっても素晴らしいプロパティー
前の案件ではie11使えへんやんけ!とキレたcss変数もそろそろ使おうかな (XDの吐き出す大量のソースは混乱するから今回は使っていない) あと調べると以外にまだjQuery使って 解説記事投稿してる人多くてべっくりした。別にいいやんな。って思った。

ええかげんthreeとか触っとくかな(需要が一部だけだけど

前にpixiで紙吹雪振らせてから特にそれ系はやってないな。 選出のgsapのプラグインと組み合わせると面白いのん作れそう WebGL入門 – サンプルで理解する3D表現の迫力 – ICS MEDIA https://ics.media/entry/2328/ Time Remap Demo – ICS https://ics-creative.github.io/150810_threejs_mosaic/DemoCubes.html

操作方法

使うツールが多様化するとショートカットをすぐ忘れます。 Illustratorで複雑な図形の作り方(パスファインダー) | DTPサポートサービス
Illustratorで複雑な図形の作り方(パスファインダー)
xdの距離はoption を押しながら選択 Adobe XDをもっと使いこなすヒント! 第2回 オブジェクトからの距離を計測 | Adobe Blog https://blogs.adobe.com/japan/web-xd-protips-2-measure-distance/ SVGの記述方法 – Qiita https://qiita.com/takeshisakuma/items/777e3cb0a54ea7b1dbe7 マスクを作るのに。パラメータすぐ忘れる。 video制御 (Javascript)Video要素をJavascriptで制御する – フロントサイドエンジニアという選択肢 動画ファイルサイズも聞かれるたびに調べる。 今回支給は80MBあったので流石に・・・と思ったけど。5MBか〜。 自社のWebサイトトップに動画を埋め込むときのサイズなどの注意事項 | Sokoage Magazine
自社のWebサイトトップに動画を埋め込むときのサイズなどの注意事項

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください