2020年、Web制作・デザインに役立つ記事の総まとめ
Post on:2020年12月25日
2020年、当サイトで公開した記事の中からPocketにたくさん登録された記事やツイートされた記事をジャンル別にまとめました。今年を振り返りつつ、来年のWeb制作にも役立つオススメです。
とあるデベロッパーが、JavaScriptだけでどのようにしてAirDropを再現したか
Post on:2020年12月24日
タップ・クリックするだけで他のデバイスと簡単にファイルを共有できるAirDropをJavaScriptだけで再現したその仕組みを紹介します。 同一WiFiで利用でき、iOSやmacOSだけでなく、AndroidやWind […]
全部、完全に商用利用無料！スマホのUIデザインに適した2,186種類のSVGアイコン素材 -Fluent Icons
Post on:2020年12月23日
MicrosoftからAndroidやiOSのスマホのUI向けにデザインされたSVGアイコンを紹介します。もちろん、デスクトップで使用しても問題ありません。 アイコンは角が丸く、形状が単純化されており、スマホでの視認性や […]
CSSのスクロールスナップの便利な使い方、実装の注意点を徹底解説
Post on:2020年12月22日
CSSのスクロールスナップが登場して早4年、現在ではほぼすべてのブラウザにサポートされ、採用しているWebサイトやスマホアプリも増えてきました。 CSSのスクロールスナップについて、基礎知識をはじめ、各プロパティの機能や […]
今年最後のKindle本特大セールが開催！Web制作・デザイン関連の書籍も大幅値引きの半額です
Post on:2020年12月21日
今年発売されたものをはじめ、WebデザインとWeb制作関連の書籍がKindleセールで50％オフの大幅値引きになっています。 初心者向けから、現役で仕事をしている人向けまで揃っており、見逃せません！ 特に、デベロッパーや […]
5分で完璧に分かる！CSS Gridの基本的な使い方を解説
Post on:2020年12月19日
CSS Gridは、今まで使用してきたレイアウトの実装とは大きく異なります。flexboxはアイテムを一つの軸に沿って並べるので、floatの延長としてあまり難しくはないと思います。しかし、CSS Gridは軸が一つでは […]
キャラクターの顔の描き方に特化されたイラスト解説書、顔の構造から各パーツごとの描き方や表情の描き方まで -魅力的な「キャラ顔」の描き方
Post on:2020年12月18日
キャラクターの顔の描き方に特化されたイラストの解説書を紹介します。 基本となる顔の構造をはじめ、パーツごとに描き方、感情を表現する表情の描き方、キャラクターの描き分け方、デフォルメの描き方など、キャラクターの顔に関するイ […]
シンプルなHTMLでダークモード対応、Webページを簡単に実装するためのclassレス超軽量フレームワーク -SPCSS
Post on:2020年12月16日
HTMLは非常にシンプルな実装で、テキストベースのWebページをさくっと実装するための超軽量でシンプルなclassレスの超軽量CSSフレームワークを紹介します。 HTMLにclassは一切不要です、外部CSSを記述するだ […]
JavaScript入門: 基礎知識をGIFアニメで分かりやすく解説 -総まとめ
Post on:2020年12月15日
JavaScript QuestionsのLydia Hallie氏の「JavaScript Visualized」シリーズすべての翻訳を完了したので、まとめて紹介します。 JavaScriptエンジンの仕組みをはじめ、 […]
CSSの見過ごしがちだけど興味深い実装テクニック、ホバーでラインを引いて逆方向で元の状態に戻すエフェクト
Post on:2020年12月14日
先日、当ブログで紹介したThe State of CSS 2020（紹介記事）に使用されているホバーエフェクトが話題になっていたので、紹介します。 テキストリンクをホバーすると、ラインを引くまでは普通のアニメーションです […]
sponsors
