【ツール】3D直方体コード生成ツール

コード生成ツール

CSSが分からなくても、3Dの概念が分からなくても、画面上でスライダーをいじるだけで「直方体が描けるコード」を出力するツールをJavaScriptで作ってみました

【ツール】conic-gradient生成ツール

コード生成ツール

「conic-gradient生成ツール」を作ってみました。２つあるカラーパレットから色を選択すると、表示サンプルがその色によるグラデーションに変化し、同時にコードもそれに合わせたものに変更されます。２色だけでは物足りない、という場合は、「色追加」ボタ…

【CSS】しましま枠線メーカー【コード生成ツール】

コード生成ツール

どうも！LSSです！！久々に「コード生成ツール」を作ってみました。この記事の画面上で色を選んだりスライダーで角度やサイズを調整する事で、しましまの囲み枠のコードを生成する事ができます！しましま枠線メーカー使い方あとがきしましま枠線メーカ…

2021-07-03

【JavaScript】100の質問テンプレート生成

コード生成ツール

100の質問を作成する際に見栄えを整えようとすると、「最初に１問分だけ作って、あとはコピペ」で行けそうですが、それでもナンバリングを修正する手間は出てきてしまいます。（CSSまたはHTMLタグで自動ナンバリングもできますが…）そこで、試しに「100…

JavaScript

コード生成ツール

2021-06-08

【JavaScript】はてなブログ用改段落削除ツール？？【試供品】

コード生成ツール

// ))\n/g,''); smpl.innerHTML='表示例'+t2.value; t2.select(); } // ]]> どうも！LSSです！！突然のテキスト入力欄で失礼^^; はてなブロガー向けに、「改段落削除ツール」を試しに作ってみました。なお、HTML編集画面を開く必要があるため、PC専用とな…

【CSS+SVG】タイルパターン生成ツール

コード生成ツール

線の色背景色点の位置線の太さサイズこんな模様になります^^ // (Math.floor(a/2)%2)*20; zhmj=a=>(a>3?ichi[a%2+2]+','+zhmj0(a):zhmj0(a)+','+ichi[a%2]); icr.addEventListener('input',gw,false); bcr.addEventListener('input',gw,false); btn.add…

【作りかけ】タイルパターン生成

コード生成ツール

どうも！LSSです！！を、自動生成するようなものを作ろうと…していたのですが、途中でだいぶ手間取ってしまいました^^; 作りかけですが、今こんな感じ、という中間報告です。作りかけスクリプトコード作りかけ線の色背景色 // (a>3?ichi[a%4]+','+((Ma…

【作りかけ】SVGお絵描きツール…を作り始めてみました【まだまだ】

コード生成ツール

SVGコードを取得する // ';} } class Svgell{ constructor(cx,cy,rx,ry,sw,sc,fl){this.cx=cx;this.cy=cy;this.rx=rx;this.ry=ry;this.sw=sw;this.sc=sc;this.fl=fl;this.name='楕円'+objs.length;this.nameid='ell';} get svgtxt(){return '';} } class Svg…

【コード生成】text-shadow調整ツール

コード生成ツール

どうも！LSSです！！今回は、コード生成ツール「text-shadow調整ツール」を公開します！ブログなどで「影つき文字」を使いたい時にちょっと手間が省けるかも？なツールです。 text-shadow調整ツール使い方 …という小ネタなんですが text-shadow調整ツール…

【JavaScript】コード作成ツールの作り方【コード出力篇】

コード生成ツール

どうも！LSSです！！今回は一昨日の記事、【JavaScript】コード作成ツールの作り方【さわり】 - Little Strange Softwareの続きとなります！前回は、飾りの部分を操作できるようにするところまで書きましたが、「コード作成ツール」として必須である、「コ…

【JavaScript】コード作成ツールの作り方【さわり】

コード生成ツール

どうも！LSSです！！今回は、「コード作成ツール」をどんな風に作っているか、のさわりの部分について書いていきます！はじめに、基本形のコードを書きます JavaScriptのinnerHTMLを試してみます上記２つを合わせてみると画面を書き換えるコードを関数…

【まだ作りかけ】<table>タグを書き出すツール【未完成】

コード生成ツール

どうも！LSSです！！昨日の記事に引き続き色々やってました。だいぶノってきたんですが、ちょっと制作過程のものを晒してみたくなったので、ここで一旦お見せしちゃいます！作りかけサンプル使い方で分かりにくそうなところがちらほら… そんな感じで作…

【作りかけ】単純に<table>タグを書き出すだけなら…

コード生成ツール

どうも！LSSです！！ tableタグの生成を、またinputタグ頼みでやってみました…が、見栄えがイマイチ^^; tableタグ生成コードを生成するスクリプトのコード問題点は、はてなブログのテーマ tableタグ生成列行コード // '; for(i=0;i'; for(j=0;j'+j+'-'+…