Tech
Web制作便利ツール
Usual Tools にて制作したWeb制作便利ツール
| IPアドレス／User Agent環境の確認 | |
|---|---|
| ランダム文字列 | |
| Tree | |
| サイズ変換・計算 | |
| 大文字・小文字 | |
| Map | |
| WebP画像へ変換 | |
| Youtubeのサムネイル取得 | |
| OGP画像の確認 | |
| CSS Box Shadow |
Functions Usual Tools
JavaScriptとPHPの便利ライブラリー
| UT5Util | 文字列操作 |
|---|---|
| UT5Date | 日にち操作 |
| W Tools | Webサイトに必要な機能を実装 |
| WT Date | 日にち操作 |
jQuery Plugin
Usual Tools にて制作した jQuery Plugin
| Auto Filesize | ファイルサイズを自動で取得する |
|---|---|
| W Tools | Webサイトに必要な機能を実装 |
| Poptips | マウスカーソルをあわせるとポップアップする |
| Usual Video | ビデオを設置。mp4ファイルやYoutube |
| Count Control | 「ニュースを最新何件」を実現 |
| Table Rollover | 表にて、マウスカーソルの行をハイライト |
| WT Date | 日にちそうさ |
試し
JavaScript & HTML & css & PHP にて、単体で表示や動作を試す
JavaScript
| YouTube 設置 | Youtube API |
|---|---|
| 動画設置 html5 video要素 | |
| Window Size | 画面・ウィンドウのサイズを取得 |
| matchMedia() | JavaScriptでメディアクエリ |
JavaScript Library
| Swiper 1 | |
|---|---|
| Swiper & Video | |
| D3.js | D3.jsはウェブブラウザで動的コンテンツを描画するJavaScriptライブラリ |
jQuery
| Datepicker jQuery UI | datepicker |
|---|---|
| jQuery inArray | inArray |
HTML & css
| Web Fonts | Web Fonts |
|---|---|
| Link Click | Link Click |
| Multi Column | Multi Column |
PHP
| Date 1 | Datetime関数 |
|---|---|
| Date 2 | 週ごと |
PHP Library
| FPDF 1 | 古くからあるPDF生成ライブラリー。fpdf.org v1.85 (2022-11-10) |
|---|---|
| FPDF 2 | 日本語 |
| TCPDF 1 | TCPDF |
| parsedown |
外部サービス連携
外部サービス連携
| Googleフォームのカスタマイズ | Googleのアンケートを作成、分析できる無料サービス https://www.google.com/intl/ja_jp/forms/about/ |
|---|---|
| Twitter 埋込み | jsを使った読込みでページに埋め込む。data-widget-idありのものも、それは古いやり方 |
| Twitteroauth | PHP |
| Instagram Graph API | PHP |
| reCAPTCHA v3 | PHP |
その他
その他
| BASIC認証 | BASIC認証 |
|---|---|
| IP アドレス制限 |
その他2
| xhtml | xhtml |
|---|---|
| いろいろhtml | いろいろhtml |
| ABテスト | |
| conversion | |
| device |
レガシー
| flash | |
|---|---|
| CGI |
今後
資料
| ブックマーク | xxx |
|---|---|
| 語彙・類語・言いまわし | xxx |
| タグ・キーワード・ハッシュタグ | xxx |
| 使いそうなHTML特殊文字 | xxx |
| いろんなversion | xxx |