3 
デザイナー
インストールやコーディング不要でフォントを適用したWebページを即確認できるツールfont dragrの紹介です。ブラウザにフォントファイルをドラッグ＆ドロップするだけで簡単に確認するこ…
3
フロントエンジニア
コピペするだけで簡単に使える様々なハンバーガーメニューアニメーションHamburgersの紹介です。18パターンのアニメーションがあり、リバースアニメーションパターンもあります。
1
システムエンジニア
2020年のテックトレンドがめとめられた紹介サイトからのいくつかのテックをピックアップしてみました。
5
フロントエンジニア
コピペで使うマウスオーバー時のhover cssエフェクトで良さげなものをピックアップしてみました。2D、ボーダー、影、吹き出し、めくり等、ボタンに使えそうなものから画像のホバーに使え…
4
システムエンジニア
AIが画像をHTMLコーディングしてくれるFrontyを試してみました。たったの数分でHTMLにコーディングされたWebページを作成して公開できます。簡単な使い方を交えて紹介したいと思います。
2
ディレクター
レスポンシブ対応による複数サイズの画面を一括確認できるResponsive Viewerの紹介です。便利なChromeの拡張機能で、iPhoneやiPad、Androidなどの端末はもちろん、新規に追加することもで…
1
フロントエンジニア
簡単にパララックスを実装できるJavaScriptライブラリRellax.JSの使い方の紹介です。jQueryに依存しない軽量なライブラリとなっていて、カスタムデータ属性を記述することでスピードのコ…
1
システムエンジニア
WindowsにBashをインストールする方法を初心者向けに紹介します。Windows Subsystem for Linux (WSL)の有効化とUbuntuディストリビューションをインストールするだけで簡単に利用すること…
2
デザイナー
様々なスタイルのグラデーションCSSが使えるGradient Magicの紹介です。Standard、Angular、Stripes、Retro、Checkered、Burstの6つのスタイルの中から好きなグラデーションを選んでつか…
3
システムエンジニア
コピペするだけで手描き風チャートを作成できるJavaScriptライブラリChart.xkcdの紹介です。ラインチャート、XYチャート、バーチャート、パイチャート、レーダーチャートの5つのチャート…
2
フロントエンジニア
Bootstrapをベースに制作されたテンプレートを集めてみました。マテリアルデザインが採用されたテンプレート、管理画面用テンプレート、カウントダウンに使えるものなど様々なものを集め…
1
システムエンジニア
サイトマップを視覚化・作成してくれるVisualSitemapsの紹介です。テキストだけの味気ないサイトマップと違って視覚的に見やすくなり、サイト構成がわかりやすくなるかもしれません。
12
システムエンジニア
カンバスに自由に描く感覚で使えるオンラインノートMilanote（ミラノート）の紹介です。Evernoteよりも自由度は高く、直感的に操作できるサービスで、
5
デザイナー
Lottieを利用することでWebやAndroid、iOSアプリに簡単アニメーション実装できるライブラリを紹介します。利用するには、Adobe After Effectsが必要ですが、滑らかなアニメーションと軽量…
1
システムエンジニア
コード感覚でフロー図が描けるWebサービス「code2flow」の紹介です。プログラマーだけではなく、Webディレクター、デザイナーの方でも手軽に作成できます。
