サイト構築
[JS]ページ内アンカーでスクロール時のアニメーションの種類やスピードが調整できる超軽量ライブラリ -MoveTo
Post on:2017年3月23日
ページ内アンカーに移動させる時に、アニメーションでスムーズにスクロールさせるスクリプトをいろいろありますが、実装が簡単で、微調整も簡単に設定できる超軽量（2kb）のスクリプトを紹介します。 等速のアニメーション、緩和のア […]
簡単なのにかっこいい！ポートフォリオサイトが作成できる、HTMLベースのテンプレート -Dev Portfolio Template
Post on:2017年3月23日
自分の職歴や関わったプロジェクト、スキルなどをプレゼンするポートフォリオを0から作ろうとすると面倒かもしれません。ポートフォリオに必要なコンテンツをコンポーネント化し、追加や削除も簡単に行えるHTMLベースのテンプレート […]
不自然な美肌アプリとはさようなら！Photoshopで立体的な美肌を1クリックで作り出す最強の無料アクション
Post on:2017年3月22日
人物の写真を美肌にする際に、最も大切なのはナチュラルに美しくすることです。 皮膚をぼんやりさせることで美しく見えるかもしれませんが、ナチュラルとは全く異なる、平面的で違和感のある見た目に仕上がってしまいます。 人物の肌の […]
より重要になった、HTMLのアクセシビリティに関する問題を解決するChromeの拡張機能 -Alix
Post on:2017年3月22日
先週の記事「HTMLの潜在的な問題を見つける、少し高度なCSSのセレクタ」をブラウザで簡単に利用できるChromeの機能拡張を紹介します。 まだリリースされたばかりですが、早くも利用者が1,000人を超えようとしています […]
アイコンのデザインって奥深い！最近のアイコンに使われている、シンプルなすごいデザインテクニック
Post on:2017年3月21日
アイコンは、非常に奥深いデザインです。 サイトやアプリのさまざまなアクションを示すためのビジュアルキューであり、プロダクトやサービスに固有のアイデンティティーを与えることができます。 無料のアイコンは確かに便利です。しか […]
これを使うだけでデザインやイラストの印象がかなりよくなる！プロ仕様の高品質なフォントとイラスト素材
Post on:2017年3月17日
Webデザインやアプリでも、同人誌やポスターなどの紙でも、動画やプロダクトのデザインでも安心して商用利用できる有料フォント47種類とグラフィック素材10種類、計57種類が96%オフで購入できる「The March Des […]
[CSS]これなら簡単！レスポンシブ対応、アスペクト比を維持したまま画像や要素を実装する -RatioBuddy
Post on:2017年3月16日
デスクトップやスマホなど、異なるスクリーンのサイズでも、黄金比や白銀比などのアスペクト比を維持したまま画像や要素を実装するスタイルシートを生成する便利なオンラインツールを紹介します。 このかわいいデザインに、癒やされます […]
1クリックでSVGのデバッグが可能！SVGのパスをアウトラインに変換、アンカーやポイントやハンドルを表示 -xvg
Post on:2017年3月15日
Webページで使用しているSVGのパスをアウトラインに変換し、アンカー、コントロールポイント、ハンドルを表示してデバッグができるChromeの拡張機能「xvg」を紹介します。
[CSS]HTMLの潜在的な問題を見つける、少し高度なCSSのセレクタ -Linting HTML using CSS
Post on:2017年3月14日
HTMLは間違って記述されても、重大なエラーになることはあまりありません。 そのため、validではないHTML、セマンティックではないHTML、アクセシブルではないHTMLのコードが、ページ内に紛れてしまうことは非常に […]
色の組み合わせに役立つ！指定した色をベースに美しい色をつくりだす無料ツール -ColroMe
Post on:2017年3月14日
最近は、色のトーンを変化させた配色が注目されています。 例えば、同じ色相のブルーでも、彩度や明度を変化させたり、ホワイトやブラックを加えたり、同じトーンの色を使うことで、全体的に統一された美しいデザインをつくりだすことが […]
sponsors
