Local by Flywheelで、WordPressのローカル環境が簡単に構築できる、Windowsもmac OSも対応の無料ツール
Post on:2017年9月19日
WordPressのローカル環境を構築するといえば、XAMPPやInstant WordPressを利用している人が多いと思いますが、これらより簡単に、そして一度のインストールで複数の環境を構築でき、PHPなどのバージョ […]
Intersection Observerが簡単で便利！要素がビューポートに表示されているかを判定できる
Post on:2017年8月10日
スクロールした際にヘルプや広告を表示したり、無限スクロールでコンテンツを読み込ませたり、画像の遅延ロードなど、要素がビューポートに表示されているかをトリガーにするのには、なかなか面倒なJavaScriptが必要でした。 […]
デザイナーがチェックしておきたい、おすすめの新作フォント！プロユース向け日本語の有料フォントのまとめ
Post on:2017年7月28日
新しいフォントに出会うと新鮮で嬉しい気持ちになりますよね！ 今年リリースされたばかり、おすすめの日本語フォントを紹介します。 AXIS FontをリリースされているType Projectの新作フォントなど、注目すべきフ […]
[CSS]「:before擬似要素」と「:after擬似要素」の使い方を基本からマスターするためのチュートリアル
Post on:2017年7月19日
HTMLを汚したくない、もしくは変更することができないときに役立つ擬似要素の基本的な使い方から応用テクニックまでを紹介します。 擬似要素で、div要素の両端にシャドウをつけたり、一枚の画像を重ねたりすることができます。 […]
フォントが大好物な人におすすめ！チェックしておきたい日本語の新作フリーフォントのまとめ
Post on:2017年6月29日
最近リリースされたひらがな・カタカナ・漢字が使える日本語の新作フリーフォントを紹介します。 昭和レトロなフォント、縦書きの本文に適したフォント、タイトルやコピーにぴったりなデザインフォントなど、たくさんのフォントがリリー […]
Bootstrap 4のさまざまなコンポーネント・レイアウトの実装方法がすぐ分かる便利なチートシート
Post on:2017年6月26日
Bootstrap 4のグリッドの作り方、カード型コンポーネント、ナビゲーション、カルーセル、フォームなどの実装コードとどのように実装されるかが一枚のページにまとめられた、Bootstrap 4のチートシートを紹介します […]
2017年のロゴデザインのトレンド -2017 Logo Trend Report
Post on:2017年6月8日
ロゴのデザインには、タイポグラフィ、線、形、色、質感、バランス、リズム、配置など、デザインの基本となる要素や原則が詰まっています。最近のトレンドが効果的に取り入れられたロゴデザインに使われているトレンド、デザインテクニッ […]
フロントエンドの制作者が、HTML, CSS, JavaScriptでWebページのパフォーマンスを改善するためのテクニックを磨ける良書
Post on:2017年6月2日
Webサイトやアプリを制作する際、パフォーマンスは重要なポイントの一つです。ページが早く表示されることは、それだけでユーザーの満足度に繋がり、Googleにおいても非常に重要な項目に挙げられています。 ページを表示するブ […]
ルーン文字が大好き！ 魔法陣が大好物！そんなクリエイターにぴったりな商用利用無料の素材 -RuneAMN
Post on:2017年5月31日
ルーン文字が大好き！ 魔法陣が大好物な人には激しくオススメです！ 古代ゲルマン人が使用していたルーン文字を現代風にデザインした美しいフリーフォントを紹介します。 フォントにはおまけとして、そのルーン文字を使用して、精密に […]
[CSS] object-fitの使い方: レスポンシブ対応、動画や画像をブラウザいっぱいに表示するCSSのテクニック
Post on:2017年5月31日
HTML内にインラインで配置した動画や画像を、背景画像のようにブラウザいっぱいに表示するCSSのテクニックを紹介します。 レスポンシブに完全対応、スマホでもデスクトップのあらゆるサイズのスクリーンでも最適なサイズで表示さ […]
sponsors
