サイト構築
デザインは気づきが大切！デザインを見る目をどのように養えばよいのか
Post on:2018年7月11日
UIのデザイナーをはじめ、デザイナーではない人でも、どのようにデザインのセンスを磨き、デザインを見る目をどのように養えばよいのかを紹介します。 How to develop an eye for Design
[CSS]marginの相殺を正しく理解しておこう！相殺はいつ起こるのか、相殺を回避するテクニック
Post on:2018年7月11日
marginの相殺について、まずはクイズ。 Aのdiv要素には「margin-bottom: 10px;」を、Bのdiv要素には「margin-top: 30px;」を指定した場合、それらを垂直に配置するとマージンはいく […]
不思議!? div要素一つで同じスタイルなのに、すべてのブラウザで見た目が異なるスタイルシート
Post on:2018年7月10日
div要素一つで同じスタイルなのに、IE, Edge, Chrome, Safari, Firefoxなどの各ブラウザで見た目が全く異なるスタイルシートを紹介します。
[JS]Webアプリやページのツアーガイドを簡単に加えることができる軽量スクリプト -Shepherd
Post on:2018年7月9日
Webアプリやページにツアーガイドを簡単に加えることができる軽量スクリプトを紹介します。以前に紹介した時から、v.2に大きくバージョンアップされました。 既存ページに加えるのも簡単で、柔軟なカスタマイズにも対応しています […]
Chromeデベロッパーツールの機能が、すごく簡単で便利！ローカルサーバーを1分もかからずにすぐ構築できる
Post on:2018年7月6日
Chromeデベロッパーツールはいろいろ便利ですが、お手軽にローカルサーバーも構築することもできるんですね。簡易的なサーバーですが、HTML, CSS, JavaScriptのWebページであれば充分な機能を備えています […]
タブやナビゲーションがアクティブな時に、ハイライトのラインがすぅっーと移動するアニメーションを実装
Post on:2018年7月5日
タブがアクティブな時に、ハイライトのラインがすぅっーと移動するアニメーションを実装したデモを紹介します。リスト要素でシンプルに実装されているので、タブだけではなく、ナビゲーションなどにも利用できると思います。 下記は、デ […]
シンプルで使いやすい！ブログや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として利用 […]
sponsors
