AIが画像をHTMLコーディングしてくれるFrontyを試してみた
AIが画像をHTMLコーディングしてくれるFrontyを試してみました。たったの数分でHTMLにコーディングされたWebページを作成して公開できます。簡単な使い方を交えて紹介したいと思います。
AIが画像をHTMLコーディングしてくれるFrontyを試してみました。たったの数分でHTMLにコーディングされたWebページを作成して公開できます。簡単な使い方を交えて紹介したいと思います。
レスポンシブ対応による複数サイズの画面を一括確認できるResponsive Viewerの紹介です。便利なChromeの拡張機能で、iPhoneやiPad、Androidなどの端末はもちろん、新規に追加することもで…
簡単にパララックスを実装できるJavaScriptライブラリRellax.JSの使い方の紹介です。jQueryに依存しない軽量なライブラリとなっていて、カスタムデータ属性を記述することでスピードのコ…
WindowsにBashをインストールする方法を初心者向けに紹介します。Windows Subsystem for Linux (WSL)の有効化とUbuntuディストリビューションをインストールするだけで簡単に利用すること…
様々なスタイルのグラデーションCSSが使えるGradient Magicの紹介です。Standard、Angular、Stripes、Retro、Checkered、Burstの6つのスタイルの中から好きなグラデーションを選んでつか…
コピペするだけで手描き風チャートを作成できるJavaScriptライブラリChart.xkcdの紹介です。ラインチャート、XYチャート、バーチャート、パイチャート、レーダーチャートの5つのチャート…
Bootstrapをベースに制作されたテンプレートを集めてみました。マテリアルデザインが採用されたテンプレート、管理画面用テンプレート、カウントダウンに使えるものなど様々なものを集め…
サイトマップを視覚化・作成してくれるVisualSitemapsの紹介です。テキストだけの味気ないサイトマップと違って視覚的に見やすくなり、サイト構成がわかりやすくなるかもしれません。
カンバスに自由に描く感覚で使えるオンラインノートMilanote(ミラノート)の紹介です。Evernoteよりも自由度は高く、直感的に操作できるサービスで、
Lottieを利用することでWebやAndroid、iOSアプリに簡単アニメーション実装できるライブラリを紹介します。利用するには、Adobe After Effectsが必要ですが、滑らかなアニメーションと軽量…
コード感覚でフロー図が描けるWebサービス「code2flow」の紹介です。プログラマーだけではなく、Webディレクター、デザイナーの方でも手軽に作成できます。
Raspberry Pi 3を使って17.3インチのデジタルフォトフレームを作ってみました。デジタルフォトフレームの自作に必要な部品や、microSDの換装、OneDriveとの同期、スライドショーの表示と…
コピペで使えるCSSのスライドショーをピックアップしました。ド派手なものからかっこいいものまで様々なスライドショーをピックアップしています。
イケてるであろうローディング・アニメーション25選をピックアップしてみました。「おっ!?」と思わせてくれるものから、ずっと見ていたくなるようなものまでをピックアップしています。
コピー&ペーストして使いたい404 Not Found20選の紹介です。シンプルなものもあれば、見た目が派手なものや面白いもの、ユーザーの目をひきつけそうなものなどをピックアップしています。