[CSS]高さが分からない要素やテキストを中央寄せに配置するスタイルシートのまとめ
Post on:2019年1月21日
テキストやdiv要素など、高さが分からない要素を外側の容器の高さが不明でも、上下・左右・上下左右・ビューポートの上下左右の中央寄せに配置するCSSのテクニックを紹介します。 イラスト: Girls Design Mate […]
[JS]面白いスクリプトが登場！スマホのDeviceMotionイベントをサポートし、傾きを感知できる -Shiny
Post on:2019年1月21日
スマホの傾きを感知し、それに合わせてグラデーションを光の反射のようにシミュレートさせる軽量スクリプトを紹介します。 スクリプトは単体で動作し、MITライセンスで利用できます。 Shiny Shiny -GitHub
デザイン素材をコリス限定で全員にプレゼント！SVGも完備、カメラや写真をテーマにしたアイコン素材
Post on:2019年1月21日
お馴染みの freepik.com 提供によるデザイン素材をコリス限定で全員にプレゼント！ もちろん個人でも商用でも無料で利用できます。 今回はカメラや写真をテーマにしたアイコン素材です。
現在の制作環境に合うよう開発された、使い勝手がよさそうな新しいCSSリセット -Destyle.css
Post on:2019年1月18日
使い勝手がよさそうな新しいCSSリセットがリリースされたので、紹介します。 Destyle.cssは現在の制作環境に合うよう開発されたCSSリセットで、Eric MeyerのリセットとNormalize.cssの不満点を […]
イラストやデザインの参考資料に！人物・動物・植物・デジタル機器・建物・家具などを図版化 -Dimensions.Guide
Post on:2019年1月18日
人物・動物・植物をはじめ、デジタル機器、建物、家具など、日常で見かける標準的なさまざまなスペースとサイズを図版化したDimensions.Guideを紹介します。 人物だけでも、老若男女の立ち・座り・寝・歩き・運動、そし […]
CSSで実装されたローディング・スピナーのアニメーションのまとめ
Post on:2019年1月17日
シンプルなローディングのアニメーションから、複雑で楽しいローディングのアニメーションまで、CSSで実装されたローディングアニメーションを紹介します。 ほとんどが外部ファイルとclassを加えるだけの簡単実装で、いざという […]
Vue.jsにも対応の優れ物！高さが異なるカードでもグリッドにレイアウトできる超軽量ライブラリ -Magic Grid
Post on:2019年1月16日
カードの高さが常に一定であれば、CSS GridやFlexboxで簡単に実装できます。しかし、ユーザーが作成したデータを使った動的コンテンツでは高さが同じになることはほとんどありません。 カードの高さがそれぞれ異なる動的 […]
2019年、デザイン書籍のKindle新春セールが開催！デザイン、イラスト、フォント、ロゴの作り方が揃ってます
Post on:2019年1月15日
Amazonで、デザイン書籍のKindle新春セールが開催されています。 Webデザインやグラフィックデザインをはじめ、イラスト関連や同人誌関連の書籍が対象で、50%オフ以上のものも多数あります。 期間は1月17日1時5 […]
最近増えてきたグラデーションのボーダーをCSSで実装するさまざまなテクニック
Post on:2019年1月15日
ここ一年でグラデーションの使い方がだいぶ進化してきました。使用するカラーだけでなく、使用する場所にも変化が見られます。 Webサイトやスマホアプリで最近増えてきたグラデーションのボーダーをCSSで実装するさまざまなテクニ […]
CSSリセット、2019年におすすめのカスタマイズ方法
Post on:2019年1月11日
Webサイトを制作する際、CSSリセットを使用されている人が多いと思います。Eric MeyerのCSS Resetをはじめ、Normalize.css、Sanitize.css、そして最近ではReboot.cssが登場 […]
sponsors
