サイト構築 -実装
シンプルで使いやすい！ブログやTwitterにぴったりの素敵な背景画像が生成できる国産の無料ツールが登場
Post on:2018年7月5日
ブログのアイキャッチ画像、TwitterやFacebookのカバー画像にぴったりの幾何学模様が美しいジオメトリックな背景画像が簡単に生成できる国産無料ツールを紹介します。 登録などの面倒なことは一切不要で、素敵な背景画像 […]
[CSS]幅や高さが不明な要素を中心に配置する、IE8対応の古い方法とモダンブラウザ対応の最新の方法
Post on:2018年7月4日
CSSで子要素を親要素の中心に配置するには、水平と垂直の両方の方向に対して中央揃えにする必要があります。特に、子要素の幅や高さが不明な場合はやっかいです。 幅や高さが不明な子要素を親要素の中心に配置するIE8にも対応した […]
よく使うリスト要素のメニュー・ナビゲーションをデザインするスタイルシートのアイデア・実装方法のまとめ
Post on:2018年7月2日
リスト要素を使ったシンプルなHTMLで実装されたメニューやナビゲーションをどのようにデザイン、スタイルするかのコンテストがCodePenで開かれているので紹介します。 次のプロジェクトで使用できそうなアイデアから、こんな […]
こいつ動くぞ！商用利用無料、シンプルにデザインされたフォントもSVGも揃ったフリーのアイコン素材 -Box Icons
Post on:2018年6月28日
400種類以上のアイテムが揃った、Webサイトやスマホアプリにぴったりなシンプルにデザインされた無料アイコンを紹介します。 MITライセンスで、個人でも商用でも無料で利用できます。また、アイコンフォントやSVGとして利用 […]
[JS]実行が超高速で、簡単にDOMを操作できるJavaScriptの超軽量ライブラリ -DOMmy.js
Post on:2018年6月28日
ページ上の一つの要素や複数の要素を操作したり、要素にCSSアニメーションを適用したり、CSSの属性やプロパティの操作、要素のストレージ操作など、DOMを簡単に操作できる4kBの超軽量スクリプトを紹介します。 スタンドアロ […]
最近のUXデザインにおける、スマホアプリのインターフェイスに使用されているアイデアのまとめ
Post on:2018年6月27日
ここ数年の間に、スマホは単なる電話以上に多くの機能を持つようになりました。スマホはさまざまな目的のために使用され、わたし達の日常のアシスタントをこなしています。 そんな便利なスマホアプリのユーザーインターフェイスに注目し […]
Adobe XDがかなり便利になってる！スマホやWebサイトの制作に使える、UIやワイヤーフレームの無料素材のまとめ
Post on:2018年6月26日
Adobe XDは毎月アップデートされ、機能の強化もすごいですが、無料素材もどんどん公開されています。スマホやWebサイトのUIデザイン、ワイヤーフレーム、スタイルガイドの作成に役立つAdobe XDの無料素材をまとめま […]
[JS]数字をくるくる回転させて、指定した数字を表示させるスクリプト -odometer
Post on:2018年6月25日
数字をくるくる回転させて、指定した数字を表示させるスクリプトを紹介します。 サポートするブラウザはIE8+を含むモダンブラウザすべてで、古いブラウザでは自動的にフォールバックされ、非常にパフォーマンスの高いCSSアニメー […]
デザインから見たサッカーワールドカップ！日本代表のユニフォームのパターンもダウンロードできます
Post on:2018年6月25日
1930年から現在までのサッカーワールドカップで着用された世界各国のユニフォームのパターンをアーカイブしたサイトを紹介します。 2018 FIFA Worldcup in Russiaで日本が着用しているパターンも掲載さ […]
実装がどんどん簡単になっている！スクロールに連動するCSSアニメーションを与えるスクリプト -Delighters
Post on:2018年6月22日
コンテンツが横からスライドしたり、カードが追従するように表示されたり、スクロールに連動するCSSアニメーションを簡単に実装できるスクリプトを紹介します。 汎用性に非常に優れており、デスクトップ・タブレット・スマホを完全に […]
sponsors
