まだ間に合う！node-sass（LibSass）から sass（Dart Sass）への移行 - Sansan Tech Blog
こんにちは。 Eight で エンジニアをしている鳥山（@pvcresin）です。 違う違うと自分に言い聞かせていますが、おそらく花粉症になってしまいました 🥺 在宅勤務で良かったです。 今回は Sass のコンパイルに使用しているライブラリを node-sass（LibSass）から sass（Dart Sass）に移行した話をしたいと思います。 Sass 実装三銃士 Sass の実装としては、以下の 3 つがあります。 Ruby Sass LibSass Dart Sass まずは移行作業の話の前に、各実装について簡単に振り返ってみたいと思います。 Ruby Sass Ruby Sass は Sass の最初の実装でした。 発表された 2006 年当時、Ruby のエコシステムは急成長しており、すぐに多くの人に使われるようになりました。 しかし、徐々に Ruby 製であることに起因す
node-sassからDartSassへの変更について触れてみる - Webデザイン・プログラミングオンライン個別指導のAkros
最近のフロントエンドエンジニア向けの授業でSASSを教えることが当たり前になってきました。 ただ、これまではnode-sass(LibSass)が中心でしたが、今後はDart-Sassを学んでいく必要があります。 node-sass(LibSass)は非推奨 昨年の夏ごろからですが、以下のSass公式サイトに記載があるように、node-sass(LibSass)は公式には2020年10月に非推奨になりました。 https://sass-lang.com/blog 開発が追い付かなくなってきたような背景があるようですね。 代わりにDartSassを使用してください、という記載もあることから、今後はDartSassを使用していく形になっていくでしょう。 大きな変更点 DartSassでは、node-sassで分割したsassファイルを読み込む際に使用していた@importが廃止(2022/10
SvelteでWebサイトを作ってみて感じた魅力 - Qiita
UIを最小限のJSに変換するコンパイラ rollupのRich Harrisさんがメインで開発 Svelte = KonMari(React + Vue) 利点 バンドルサイズが小さい コード量も少ない ビルドが速い（体感） 欠点 開発環境の快適さはReactやVueに劣る シェアが少ないので採用するリスクが大きい 使いどころ ファイルサイズに制約がある環境 SPAじゃないWebサイトの一部 興味本位 / 趣味 まだ快適に開発できるとは言いがたい状態なので試行錯誤は必要ですが、短いコードでシンプルに書ける気持ちよさと、バンドルサイズを抑えられる利点は大きいです。特に、ファイルサイズに制約がある環境では有力な選択肢になると思います。 あとは、SPAじゃないWeサイトの一部にコンポーネントを埋め込みたい時などは、大きなランタイムが不要なSvelteの最大限に活かせる。ReactやVueが築き上
Vueユーザーが感じたSvelteのおもしろい機能を紹介する - SMARTCAMP Engineer Blog
スマートキャンプでエンジニアをしている瀧川です！ 2月に育休を取得し、3月に復帰したと思ったらコロナでリモートワーク、そしてチーム異動となかなか落ち着かない今日このごろ。 みなさんいかがお過ごしでしょうか？ 今回家にいる時間が多くなり、せっかくだから新しいことしたいよなーということで、以前から気になっていた Svelteを触ることにしました！ Svelteの紹介記事では、「Vue.jsと構文が似ているため習熟が簡単」「Vue.jsの50倍早い」みたいなところにフォーカスされることが多いかなと思いますが、本記事ではSvelteのTutorialをやるなかで、フレームワーク(ライブラリ)の機能として普段Vue.jsを利用している私がおもしろいなーと思ったものをご紹介したいと思います。 Svelteとは 基本文法 特徴的な機能 propsやclassの省略記法 Await Block React
What does the Safari 15 update mean for my designs?
What does the Safari 15 update mean for my designs? Apple introduced iOS 15 with quite minor visual changes, but the biggest visual and conceptual change in the OS is probably Safari. It will get a brand new interface on iPhones, iPads and Macs. Let’s go through everything new and design changes you need to know about.
Setting up webhooks in Hasura using Next.js API routes
This article was written by Chidume Nnamdi as part of the Hasura Technical Writer Program. If you would like to publish an article about Hasura or GraphQL on our blog, apply here. I have worked with Hasura for a long time and have realized that developers find it hard to understand what webhooks are in Hasura and how to set them up. In this blog post, I will be explaining how a webhook in Hasura w
【2021年4月】現場で使える！テキストエフェクトのまとめ | FASTCODING BLOG
こんにちは。FASTCODINGデザイナーの七転び八重子です。 Webサイトで使いたい！カッコよくて、オシャレなテキストエフェクト・アニメーションをまとめてみました。 今回は、codepenから探してみました。 CodePen Home CSS3 text-shadow effects 綺麗なテキストシャドウです。CSS3で実装可能。 See the Pen CSS3 text-shadow effects by Jorge Epuñan (@juanbrujo) on CodePen. Rotating text テキストの一部が変わっていきます。使えそうな予感。 See the Pen Rotating text by Rachel Smith (@rachsmith) on CodePen. Shattering Text Animation メインビジュアルに使えそうですね。ループ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Add auth0 authentication to your Next.js app in less than 5 🖐🏻 minutes
Blog
framer-motion