cssアニメーションの検索結果1 - 2 件 / 2件

• あとで読む

  CSSのkeyframesとanimationをプレビューを見ながら簡単な操作で編集、調整できるOSS・「Animation Studio」 - かちびと.net

  • 1 user
  • kachibito.net
  • テクノロジー
  • 2024/09/10

  Animation Studio Animation StudioはCSSのkeyframesとanimationをプレビューを見ながら簡単な操作で編集、調整できるOSSのWebアプリです。 右ペインのメニュー、keyframesタブでn%及び変化の内容を設定し、animationタブでanimation-nameやduration、そのほかタイミングをベジェ曲線を使ったマウス操作でcubic-bezierを設定、TargetタブでCSSとHTMLを書いてアニメーションさせる要素を設定、Exportタブでコードをコピペする、という流れになります。 単純にアニメーションのセッティングが出来るだけでなく、ややこしいcubic-bezierを直感的な操作で設定出来たり任意のCSSとHTMLを指定出来たりと実践的なアプリという印象でした。 使い慣れるまでも特に学習コストはかかりませんし、導入も難し

  • css

  
• あとで読む

  Serverless Frameworkが有償化されるのでrailsに置き換えてみた - rochefort's blog

  • 1 user
  • rochefort.hatenablog.com
  • テクノロジー
  • 2024/09/13

  Serverless Frameworkが有償化されるので、利用していたサイトをRailsで実装し直してみました。 参考）有償化については以下が参考になります。 Serverless Frameworkの有償化に伴いAWS CDKとAWS SAMへの移行について検討してみた | DevelopersIO html2haml 置き換えたのは、こちらのサイトです。 https://html2haml.rochefort.dev/ 元は、以下の記事に書いたように、サーバーサイドはserverless使って「AWS+API Gateway+Lambda」、フロントエンドはVueという作りで、Netlifyにデプロイしていました。 htmlをhamlに変換するサイトhtml2hamlを勢いで作った - rochefort's blog 今回、AWSの他サービスを使っても良いのですが、Rails使って

  • rails