Image and Video sizes for Social Media.Templates for Sketch, Figma, XD, Photoshop & Illustrator.
![|| Social Media Sizes 2023 + Templates ||](https://cdn-ak-scissors.b.st-hatena.com/image/square/b9488fbba614c4f08af100118a1ab5ab5a46f521/height=288;version=1;width=512/https%3A%2F%2Fsocialsizes.io%2Fimages%2Fsocialsizes-big.png)
普通のHTMLで実装されたテキストやSVGや画像を立体的にするためにレイヤーを自動生成し、3DのアニメーションにするJavaScriptを紹介します。 日本語や絵文字にも対応しており、アニメーションはマウス操作などに反応させることもできます。 ztext.js ztext.js -GitHub ztext.jsの特徴 ztext.jsのデモ ztext.jsの使い方 ztext.jsの特徴 ztext.jsはHTML要素からレイヤーを自動生成することで、テキストやSVGや画像を3Dにできます。CanvasやWebGLは一切必要はありません。 MITライセンスで、商用プロジェクトでも無料で利用できます。
こんにちは、Webディレクターのイナッチです。 今回は、私が初心者のころにもっとも理解に苦戦した「Webサーバー」について書いてみたいと思います! いまでも駆け出しWebディレクターの方々にご説明する機会の多いトピックでもあります。 この記事ではノウハウというよりも、基礎中の基礎知識をご紹介していきます。おそらくWebディレクターの方だけでなく、お仕事で「サーバー」という言葉に触れる機会がある方であれば、どなたでもご参考にしていただけるのではないかと思っています。 はじめに 誰でも一度は聞いたことのあるかもしれない「サーバー」。でもきちんと説明できる人は意外と少ないのではないでしょうか。 私も新卒社会人のころは、うっすら聞いたことがありつつも、何のことだかさっぱりわかりませんでした。学生時代にITについて学ぶ機会があった方々や、オンラインゲームなどでよく遊ぶ習慣がある方々にしてみれば、「サ
Result スクロールするとテキストにアニメーションしながらハイライトする、というもの。 通常のハイライトよりも目を惹く印象です。コードはVanillaとなっています。 JavaScript(function (document) { const markers = [...document.querySelectorAll('mark')]; const observer = new IntersectionObserver(entries => { entries.forEach((entry) => { if (entry.intersectionRatio > 0) { entry.target.style.animationPlayState = 'running'; observer.unobserve(entry.target); } }); }, { threshold:
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く