WEBデザイン制作

WEBデザイン制作全般のノウハウについてのブログカテゴリー

WEBデザイン制作

【コピペでOK】LPやwebサイトで即使えるボタンのCSSアニメーション4選

今回はLPやWEBサイト制作で使えるボタンのCSSアニメーションを4つ紹介します。 派手すぎず汎用性の高いCSSアニメーションに絞りましたのでぜひお使いください。
WEBデザイン制作

【psd配布DL】LPやwebサイトで即使えるボタンデザイン13パターン

今回はLP制作やWEBサイト制作で使えそうなボタンデザインを13パターン作ってみました。 制作の時間短縮になればと思います。(今後パターンを増やしていく予定) ご自身のフォント環境に合わせてお使いください。
WEBデザイン制作

【コピペでOK】javascriptでいい感じのロード画面を実装したい!

WEBサイトを開くとたまにページを読み込む前にロード画面が出てきますよね。 読み込む間にそういったアニメーションを入れることでユーザーの待ち時間のストレスを軽減することができます。 今回は擬似的にローディングアニメーションをページ読み込み前に表示させるコードを紹介します。
WEBデザイン制作

【コピペでOK】jQueryで簡単に実装できるスムーススクロール!

ボタンや画像を押すと素早く目的の場所にスクロールしてくれる「スムーススクロール」。 今回はjQueryを使ったなめらかな動きのスムーススクロールのコードを紹介します。
WEBデザイン制作

【どんな書体でも使える技】Photoshopで文字を太くする2つの方法

書体を編集するときに、 使いたい書体で太さが1つしか無い・・ ほんの少しだけ文字を太くしたい・・・ こんな場面で使える2つの技を紹介します。 1.文字を...
WEBデザイン制作

Photoshopで”文字詰め”機能が表示されないときの対処法

あれ…?フォトショの文字詰め機能がなくなっている…? Photoshopで、 突然"文字詰め"機能が表示されない時の対処法を紹介します。 文字パレットみると、以下の画像のようになっているかと思います。 ...
WEBデザイン制作

【デザインノウハウ】現場で使っている文字詰め方法

文字詰めはデザイン技術の中でも特に重要なことです。 字詰めをやっていないとキーボードで打っただけのアンバランスな文字列に見えてしまい、デザインクオリティの低下に直接つながります。 今回は私が実際に現場でよく使う文字詰めの...
WEBデザイン制作

【レスポンシブ対応】コピペでOK!WEBサイトにyoutube動画を埋め込む方法

youtube動画をWEBサイトへレスポンシブ対応で埋め込む方法を紹介します。
WEBデザイン制作

【コピペでOK】画像で作れる!プラス(+)とマイナス(-)の切り替え付きレスポンシブアコーディオン

よくLPで見かけるQ&AでQを押すとAの文章が開く「アコーディオン」のコード紹介第3段です。今回は第1弾をさらに実用的に、そして簡単に実装できるようになりました。プラス(+)マイナス(-)の切り替え機能付きで、特にLP制作では汎用性が非常に高いと思います。
WEBデザイン制作

【デザイナー必見!】eps形式のファイルを素早く見る方法

普段からデザイン制作をしている方の多くはいろんな写真やパーツを集めた素材集を持っているのではないでしょうか。 しかし、素材を探す際にサイズが大きいものやeps形式のベクトルデータをプレビューで中身を見ようにも、なかなか表示されずもどか...
タイトルとURLをコピーしました