デザイン | sounansa.net - Part 3

画像素材を無料配布してみたけど、まさかこんなにあちこちで使われてるとはね・・・

前にも記事にしましたけど、無料イラスト素材を配布するサイトを過去に作ってます。 >>自分の作った素材が使われているのを目にする機会が多いんだけど無料シルエット素材HITOKAGE https://w...

映画のパロディっぽい何かを作るとき、フリーのフォントを使うと結構簡単にそれっぽく見えるものが作れます。そこで映画のタイトルロゴ風のフリーフォントを集めてみました。 Jurassic Park font...

Bootstrapも間もなくバージョン４だそうです。機能も進化して使い勝手もずいぶん良くなりました。昔はそのデザインテイストをBootstrap臭と揶揄されたものですが、カスタマイズ性が良くなったの...

WEBサービスを作るときにはどうしても必要になる管理画面ですが、あまり管理画面に手間をかけたくないのでBootstrapのようなデザインフレームワークを採用するすることも多いと思います。レシポンシブ...

HTMLのコーディング始めるとき、お決まりの書式ってコピペするだけのことですが、よく使うけど、その都度ググるのが面倒なんですよね。なんかDreamweaverにスニペット登録するのも面倒です。という...

フォームのselectタグをそのまま利用するとデザインが味気ないですよね。でもフォームはCSSでデザインをいじるのに苦労することが多いのも事実であり、手間をかけてられない部分でもあります。ここは手っ...

リンクにマウスを載せたときのhoverアニメーションをおしゃれにするCSSを紹介します。以前にも、「今どきのおしゃれなリンクのhoverを実現するCSSアニメーションサンプル21選」という記事でご紹...

2016年版の最新情報として、スマホの画面サイズや縦横比を改めてまとめ直してみました。前回作成した2014年版のリストに追記する形をとりました。 SIMフリー携帯の登場で、機種の種類はだいぶ増えたよ...

クライアントワークもそうだけど、自社利用でもWEBサイトや資料作成のために写真素材を購入する機会はよくあると思います。予算がなくてフリー素材を使わなければいけないケースでは、その素材がどれだけ他社で...

モバイルサイトとデスクトップ向けサイトとの大きな違いの一つはメニューの表示方法です。 PCサイトをレシポンシブ化！難所”メニューバー”を簡単にスマホ対応するという過去の記事でも紹介しましたがCSSによ...