PHPSPOT開発日誌

レスポンシブな画面レイアウトに使える「SmolCSS」

SmolCSS レスポンシブな画面レイアウトに使える「SmolCSS」 グリッドやサイドバーレイアウト等レスポンシブ対応のレイアウト作成に使...

ブラウザ上でCSSレイアウトを生成できる「CSS Layout Generator」​

CSS Layout Generator ブラウザ上でCSSレイアウトを生成できる「CSS Layout Generator」 CSSとJS...

無料・商用利用可な漢字も使えるフォント「マルモニカ」

マルモニカ【無料・商用利用可】 - x0y0pxFreeFont - BOOTH 無料・商用利用可な漢字も使えるフォント「マルモニカ」 次の...

かわいい丸形汎用アイコンセット「akar-icons」

GitHub - artcoholic/akar-icons: A perfectly rounded icon library made ...

インラインのテキストをメニューリンクにしてしまうクールなデモ

Inline to Menu Link Animation | Codrops インラインのテキストをメニューリンクにしてしまうクールなデモ...

病院関連のアイコンが入手できる「Health Icons」

Health Icons 病院関連のアイコンが入手できる「Health Icons」 マニアックなアイコンセットですが、ウイルスなどのアイコ...

SVGフィルタを使ったおしゃれなホバーエフェクト実装

Thumbnail Hover Effect with SVG Filters | Codrops SVGフィルタを使ったおしゃれなホバーエ...

モダンなHTML5画像/動画ギャラリー実装「Spotlight.js」

Spotlight.js ? Modern HTML5 Image Gallery モダンなHTML5画像/動画ギャラリー実装「Spotli...

クリック時にパーティ風エフェクトを作る「party.js」

Hello! | party.js クリック時にパーティ風エフェクトを作る「party.js」 設定された要素をクリックで紙吹雪などポップで...

文字と画像を3Dで回転させつつオシャレに動くナビゲーション実装

Rotated 3D Letters and Image Hover Effect | Codrops 文字と画像を3Dで回転させつつオシャ...

動的にCSSでマスクをかけるサンプル

Dynamic CSS Masks with Custom Properties and GSAP | Codrops 動的にCSSでマスク...

dropboxのWEB版UIをクローンした「htmx-dropbox」

GitHub - rajasegar/htmx-dropbox: A Dropbox clone in htmx dropboxのWEB版U...

汎用で使えるフリー300個のアイコンセット「SWM Icon Pack」

Freebie SWM Icon Pack by Daniel Wodziczka for Software Mansion on Drib...

オシャレなマガジンスタイルでアニメーションもカッコいいページデモ

Preview to Full Content Page Transition | Codrops オシャレなマガジンスタイルでアニメーショ...

Matter.jsとPaper.js を使った物理オブジェクトでコンテンツをマスクするデモ

Wobbly 2D Physics with Matter.js and Paper.js | Codrops Matter.jsとPape...

Three.jsでパーティクルが雨のように降り注ぐ実装デモ

Tropical Particles Rain Animation with Three.js | Codrops Three.jsでパーテ...

ホバーで文字がバラバラと集まるエフェクト実装

Distributed Letters Animation Layout | Codrops ホバーで文字がバラバラと集まるエフェクト実装。...

ClipPathを使ったオシャレな画面切り替えスライドショー実装

Shape Slideshow with Clip-path | Codrops ClipPathを使ったオシャレな画面切り替えスライドショ...

テキストをSVGを使って円形アニメーションさせるデモ

Circular SVG Text Animation | Codrops テキストをSVGを使って円形アニメーションさせるデモ かなりダイ...

Three.jsをつかった3Dなローディングアニメーション実装

Rotating Loading Animation of 3D Shapes with Three.js | Codrops Three....

ホバー時にCSSで下線などをアニメーション表示するサンプル

Simple CSS Line Hover Animations for Links | Codrops ホバー時にCSSで下線などをアニメ...

iPhone, iPad, Mac, Android などのフリーのベクターモックアップ

Vector Mockups Library - iPhone, iPad, Mac & Android Free Mockups ...

macOS用の使いやすいカラーピッカー「pika」

GitHub - superhighfives/pika: An open-source colour picker app for mac...

CSSでボタンにサイバーパンク効果を与えるサンプル

CSS Cyberpunk 2077 Buttons - Taking your CSS to Night City - DEV Commu...

カラフルな球体をWEB上でうごかすThree.jsをつかったサンプル

Twisted Colorful Spheres with Three.js | Codrops カラフルな球体をWEB上でうごかすThre...

ダークモード対応のミニマルなHTMLページを作れるCSS「spcss」

GitHub - susam/spcss: A simple, minimal, classless CSS for simple HTML...

CSSのみで実現できるローディングアニメーションやエフェクト集「Css Effects」

Css Effects | Useful snippets CSSのみで実現できるローディングアニメーションやエフェクト集「Css Effe...

スムーズに横スクロールするレイアウトサンプル

Horizontal Smooth Scroll Layouts | Codrops スムーズに横スクロールするレイアウトサンプル スクロー...

斬新なページメニューが作れる「Inline Menu Layout with Gallery Panel」

Inline Menu Layout with Gallery Panel | Codrops 斬新なページメニューが作れる「Inline ...

世界中で今何時を計算できる「Spacetime」

Spacetime / spencer kelly / Observable 世界中で今何時を計算できる「Spacetime」 地図などから...

このページのトップへ