サイト構築 -実装
[CSS]否定疑似クラス「:not()」の便利な使い方と使う時の注意点
Post on:2016年3月25日
例えばリストの各アイテムの区切りにボーダーをつける時、まずはli要素にボーダーを指定し、最後のli要素にだけボーダー無しを上書きで指定する、そんなスタイルシートも「:not」を使うと簡単に指定することができます。 否定疑 […]
Web制作者はチェックしておきたい、デザインやアイデアが素晴らしいWebサイトのまとめ -2016年3月
Post on:2016年3月24日
デザインの細部に至るまでの徹底的なこだわり、気持ちのいいインタラクションやアニメーション、次のプロジェクトのヒントになる素晴らしいアイデア満載のUIを備えたWebサイトを紹介します。 時間がある時にじっくりお楽しみくださ […]
がんばってるデザイナー・イラストレーターさんに！安心して使える有料フォントとグラフィック素材47種類をプレゼント
Post on:2016年3月18日
今がんばってる、これからがんばるデザイナー・イラストレーターさんに、安心して商用利用できる有料フォント38種類とグラフィック素材9種類、計47種類の総額$730(約83,000円)分のセット全部と半額クーポンを計6名様に […]
Bootstrap 3からBootstrap 4に移行する時に知っておく必要がある注意点のまとめ
Post on:2016年3月17日
Bootstrap 4ではそのインストール方法をはじめ、グリッドの単位やレスポンシブ用のclassが変わり、そしてカードやツールチップなどの新しいコンポーネントやレイアウトにFlexboxも利用できるようになりました。 […]
【速報】UI/UXの有料素材2万円分が期間限定で、無料ダウンロードできますよ！ -Designers Delight
Post on:2016年3月16日
なんと、通常は有料のUI/UX素材が、一週間限定で無料ダウンロードできます！ UXPinのコミュニティ限定キャンペーンですが、特別に許可をいただき、紹介しています。 Designers Delight
ワンランク上のコーダーは万が一の配慮も欠かさない、リンク切れの画像要素をスタイルするテクニック
Post on:2016年3月15日
通常はお目にかかれませんが、リンク切れの画像があるのはいただけませんね。 画像がリンク切れだと、こんな風に表示されてしまいます。 もちろんリンク切れがないのがベストですが、絶対に存在しない訳ではありません。 よりよいユー […]
[JS]最近のWebサイトで見かける気持ちいいアニメーションや便利な機能が実装できる、使いやすいスクリプトのまとめ
Post on:2016年3月14日
最近のWebサイトでよく見かける気持ちいいアニメーションを使ったコンテンツやエフェクト、便利な機能が実装できるjQueryのプラグインやスクリプトを紹介します。 フォント: 851チカラヅヨク
PSDファイルでできるんだ！要素がぷるるんとアニメーションでくっついたり離れたりするエフェクト -Photoshop Gooey Effect
Post on:2016年3月14日
これ、くっついたり離れたりするのはCSSアニメーションのデモではなくて、PSDファイルでスマートオブジェクトを移動させているとこです。 Photoshop Gooey Effect
CSS初心者でも簡単！画像をホバーするとコンテンツをさまざまなアニメーションで表示するスタイルシート -imagehover.css
Post on:2016年3月10日
外部CSS一つとclassを加えるだけで簡単に実装できる、画像をホバーするとコンテンツをさまざまなアニメーションで表示するスタイルシートを紹介します。 アニメーションは40種類以上、他のCSSやJSは不要でわずか19KB […]
さまざまなソーシャルサービスやブランドのロゴが検索・ダウンロードできる便利サイト -Instant Logo Search
Post on:2016年3月10日
さまざまなソーシャルサービス・Webサービスやブランドのロゴが検索・ダウンロードできるオンラインサービスを紹介します。 Instant Logo Search
sponsors
