サイト構築
jQueryの「$」やセレクタなどをサポート、jQueryの代替として利用できる超軽量スクリプト -Selector
Post on:2017年4月19日
jQueryは確かに便利ですが、すべての機能が必要かと言われれば、そうではない人が多いと思います。 「$」やセレクタなど、jQueryの機能をサポートしたjQueryの代替として利用できる超軽量スクリプトを紹介します。 […]
CSSの確認に使いやすくてかなり便利！要素検証、アセット抽出ができるChromeの機能拡張 -CSSPeeper
Post on:2017年4月17日
CSSで思うようにいかない時に最初に確認すべきことは、その要素がどのように実装されているかです。各要素がどのようにレイアウトされており、マージンやパディングがどのように与えられており、プロパティとその値がどのように指定さ […]
フォントのリガチャを楽しもう、美しい文字を表現できるデザインフォントがいっぱい！ -April bundle
Post on:2017年4月14日
Webデザインやアプリでも、同人誌やポスターなどの紙でも、動画やプロダクトのデザインでも安心して商用利用できる有料フォント37種類とグラフィック素材13種類、計48種類の総額約100,000円分のセット全部をコリスのビジ […]
CSS Gridの実装で必要な基礎知識、主要なプロパティと用語をくわしく解説
Post on:2017年4月14日
CSS Gridでは、多くの新しいコンセプトが導入されています。新しいプロパティは17個、新しい用語も数多くあります。これらは今まで使ってきたものとは大きく異なるため、CSS Gridを始めるのを難しく感じさせるかもしれ […]
なかなか気付かれにくいけれど、見つけたら「おおっ！」となるSVGアニメーションのテクニック
Post on:2017年4月12日
ヘッダに配置されたハンバーガーメニュー。 まぁ、ハンバーガーメニューでなくてもいいのですが、スクロールするとヘッダから流体のようにちゅるんと分離するアニメーションを紹介します。 実装しても気付かれにくいですが、見つけたら […]
CSSアニメーションは確実に進化している！キーフレームを使ったCSSアニメーションの実装ポイントまとめ
Post on:2017年4月11日
CSSアニメーションは確実に進化しています。 ユーザーを楽しませるだけでなく、ユーザーの注意をつかみ、サイトのゴールに導くための重要な手段にもなります。 単調なアニメーションではなく、キーフレームを使い、タイミング・ディ […]
[JS]スマホも対応、HTML5を使ったゲームを作成できる2DのJavaScript物理エンジン -Planck.js
Post on:2017年4月10日
クロスプラットフォームの2D物理エンジン「Box2D」をベースに、読みやすくメンテナンス可能なJavaScriptコードとして開発されたJavaScriptのライブラリを紹介します。 Webおよびモバイルプラットフォーム […]
なにこれ、スゴすぎる！ブラウザで行った操作を記録し、さらに完全再生もできるChromeの機能拡張 -Wildfire
Post on:2017年4月7日
ページをどのくらいスクロールし、どこをクリックするのか、マウスやキーボードをどのように操作し、コンテンツを見るのか、ブラウザで行った操作を記録し、さらに完全再生もできるChromeの機能拡張を紹介します。 ユーザビリティ […]
カラーの組み合わせもついに人工知能で！指定色から最適な色の組み合わせを導きだすツール -Colormind
Post on:2017年4月6日
写真や映画、人気が高いアートなどから学び、それらメディアで異なるビジュアルスタイルに合ったカラーの組み合わせを生成するオンラインツールを紹介します。 カラーセオリーに基づいた学習型のAIで、色の組み合わせをゼロから、そし […]
こんな便利なのがあったとは！Web制作者やデザイナー向け、macOS用のアプリとツール 総まとめ
Post on:2017年4月5日
Web制作者やデザイナー向けの定番のアプリ・ツールをはじめ、あまり知られていない便利なものまで、macOS用のアプリとツールを紹介します。 制作者やデザイナーに限らず、macOSを便利にするツールもたくさん揃っています。 […]
sponsors
