サイト構築
保存版！デザインツールの総まとめ -200種類以上の定番ツールから最近リリースされた注目のツールまで
Post on:2019年3月14日
Webサイト、スマホアプリの制作・開発に携わるすべての人に役立つ、200種類以上の有料・無料のデザインツールを紹介します。 定番ツールから最近リリースされた注目のツールまで、便利なツールが揃っています。 Awesome […]
本当に簡単にできて驚いた！面倒な設定は一切不要、秒速でWeb開発用のサーバーが構築できる -Zero Server
Post on:2019年3月13日
Node.js、React、TypeScriptをはじめ、HTML、CSS、Sass、Markdownなどが利用できるWeb開発用のサーバーが秒速で簡単に構築できるZero Serverを紹介します。 必要な依存関係は自 […]
ソリッドとアウトライン、どちらのアイコンが認識しやすいか
Post on:2019年3月12日
アイコンのスタイルをソリッドとアウトライン、どちらを使用するか決めなければならない場合がありませんか？ 好みで決めるという人もいるかもしれませんが、それぞれ分かりやすい場合と分かりにくい場合があります。 どのような場合に […]
レスポンシブ用にfont-size, margin, paddingなど、プロパティの値を一元管理できるSassの超軽量ライブラリ -SSCSS
Post on:2019年3月11日
デスクトップ・タブレット・スマホなどの異なるスクリーンサイズに応じて設定したブレークポイントをベースに、font-size, margin, padding, positionなど各プロパティの値を一元管理できるSass […]
[CSS]実装がこれなら思っていたより簡単！グラデーションが変化する美しいエフェクトを実装するスタイルシート
Post on:2019年3月7日
最近ではグラデーションの使い方がいろいろ進化しています。中でも、ホバーやスクロールに合わせて、グラーデションが変化するエフェクトは非常に美しく、一度は試してみたい実装だと思います。 ホバーすると、マウスの動きに追従してグ […]
[CSS]メディアクエリとは異なる、レスポンシブ対応のモジュール式コンポーネントの実装に適したコンテナクエリ
Post on:2019年3月5日
最近ではデザインもJavaScriptもモジュール式のコンポーネント化が進んでおり、HTMLとCSSでも徐々に浸透している流れですが、完全に対応できているとは言えない状況です。例えば、メディア クエリはページレイアウトで […]
calc()以外にもCSSの数学関数が新しく増える！今度はサイン・コサイン・タンジェント sin(), cos(), tan() が追加
Post on:2019年3月4日
CSSの数学関数と言えばcalc()関数、多くの人が便利に使用していると思います。 そんなCSSの数学関数がどうやら増える方向で動いているようです。
[CSS]テキストや画像を上下左右の中央寄せに配置、最近主流になっている実装方法のまとめ
Post on:2019年3月2日
子要素を親要素の左右の中央寄せに配置するのは、簡単です。 インライン要素は「text-align: center;」で、ブロック要素であれば「margin: 0 auto;」で中央に配置できます。 難しいのは天地、上下の […]
CSS @supportsの知っていると便利な使い方のまとめ
Post on:2019年3月1日
CSSの@supportsは機能クエリと呼ばれ、CSSの特定のプロパティやプロパティと値の組み合わせがブラウザにサポートされているかチェックするための機能です。言い換えると、条件分岐でスタイルを適用することができます。 […]
人工知能もついにココまで！写真やイラストが健全か、健全でないのか判定できるJavaScriptライブラリ -NSFW JS
Post on:2019年2月28日
人工知能を使用して、写真やイラストなどの画像が健全なのか、健全ではないのかを判定するためのシンプルなJavaScriptライブラリを紹介します。 NSFW JS NSFW JS -GitHub
sponsors
