WEB LABLIVE
SNS共有用のOG画像を手軽に作る「OG CARD STUDIO」
OG CARD STUDIOでできること OG CARD STUDIOは、Webページやブログ記事をSNSなどで共有するときに使うOG画像を、ブラウザ上で手軽に作成するためのツールです。タイトルやサブタイトル、背景、画像...
YUKI DIGITAL LAB / WEB
WEB LAB
Web制作・運用ツール。公開済みツールと、これから開発するNEXT EXPERIMENTSを同じLABで追えるページです。
PUBLISHED16TOOLS
PIPELINE4IDEAS
LABONLINEREADY
// TOOL DIRECTORY
WEB LAB TOOLS
16件のツールを公開中。
WEB LABLIVE
1枚の画像からfavicon一式を作る「FAVICON FORGE」
FAVICON FORGEでできること FAVICON FORGEは、1枚のロゴや画像からWebサイト用のfavicon、Apple Touch Icon、Android・PWA向けアイコンなどをまとめて作成するツールで...
WEB LABLIVE
GUIでCSSデザインを作る「CSS VISUAL BUILDER」
CSS VISUAL BUILDERでできること CSS VISUAL BUILDERは、CSSを直接書くのが苦手な人でも、画面上の入力欄やスライダーを操作しながら見た目を調整し、そのデザインに対応するCSSコードを生成...
WEB LABLIVE
文章の空白・改行・重複をまとめて整える「TEXT CLEANER PRO」
TEXT CLEANER PROでできること TEXT CLEANER PROは、文章や一覧データに混ざった余計な空白、改行、重複行などをまとめて整理するためのテキスト整形ツールです。Web記事の下書き、商品データ、メモ...
// IDEA PIPELINE
NEXT EXPERIMENTS
4件の構想
VIEW ALL IDEAS →
[ PROJECT-081 ]
IDEA
WEB LAB JavaScriptのイベント伝播を目で理解する「JS EVENT FLOW VISUALIZER」
JavaScriptのイベントがDOMを伝わる順序をアニメーション表示し、バブリングやキャプチャリングを学ぶWEB LAB実験構想。
[ PROJECT-080 ]
IDEA
WEB LAB FlexboxとGridをパズルで身につける「LAYOUT PUZZLE」
FlexboxやCSS Gridのプロパティを選び、指定レイアウトを再現するパズル形式のWEB LAB学習ツール構想。
[ PROJECT-079 ]
IDEA
WEB LAB CSSセレクタと詳細度を勝負で覚える「SELECTOR BATTLE」
どのCSSセレクタが勝つかを予想し、詳細度・継承・指定順を対戦形式で覚えるWEB LAB学習ゲーム構想。
[ PROJECT-078 ]
IDEA
WEB LAB ブラウザ標準スタイルを見比べて理解する「RESET CSS LAB」
ブラウザ標準スタイルとReset CSS適用後を比較し、必要な初期化だけを理解しながら選ぶWEB LAB実験構想。