年賀状にも使える和風フリー素材サイト８選【商用利用可】和をテーマにしたサイトや外国人向けサービスのデザインなど、日本のイメージを伝える時に便利なのが和柄です。今の時期ですと、自分で年賀状のデザインを作る際にも役立ちます。 例えば、着物に使われるような伝統文様からイラストで可愛く描かれた模様、和紙をそのままWeb素材にしたものまで幅広くあります。特にパターン柄は壁紙などの背景素材に利用しやすいです。 今回は、パターン柄を中心に和風デザインに使えるフリー素材サイトをご紹介します。 Japanese style pattern
HTMLとCSSのコピペですぐに実装できる見出しデザイン14選
WEB制作で必ずと言っていいほど登場するものの１つに「見出し」があります。 そこで今回は、CSSだけで作られている見出しの中でも、実用性が高いものやCSSの最新要素を使ったものを厳選してご紹介します。コピペで簡単に実装できるので、是非使ってみてください。 飾り付きの見出し 擬似要素before、afterを使って飾りをつける見出しです。beforeとafterのcontentプロパティを変更すれば、☆や♡にすることもできます。 同じくbefore、afterを使うパターンです。transformプロパティで斜めにした長方形と長方形を重ねることで三角形を作っています。 beforeとafterを使ったシンプルな見出しです。ボーダーを指定した擬似要素の位置をpositionプロパティで指定しています。 ボーダーがある見出し キャプション付きの見出しです。シンプルなので使いやすいですが、レスポン
最新トレンドにも対応！コピペで使える実用性重視なCSSボタン９選
Web制作をする際に必ずと言っていいほど必要になるのが「ボタン」です。 今はCSSのみで作られているボタンが主流で、たくさんのライブラリやスニペットが出回っていますが、作っているサイトによってはアニメーションが過剰すぎたり、トーンが合わない場合も出てきます。 そこで今回は派手でかっこいいアニメーションというより、実用性や汎用性を重視したボタンに厳選して、コピペでお手軽に使用することができるCSSのボタンをいくつかご紹介します。少しお洒落にスタイリング・アニメーションしたいけど、そこそこでいい…と思っている方向けの厳選セレクションです。 コピペですぐ使える実用性の高いCSSボタン サイト上でカスタマイズするものより、もう少し高度なデザインをお求めの方は以下のサイトをご参考下さい。こちらは既に出来上がっているデザインのソースをダウンロードするタイプになりますので、カスタマイズには少々スキルが必
読み間違えると恥ずかしい！デザイン・プログラミング用語15選 | UX MILK
ITの制作現場では、どんな職種でもコードや開発言語などの話題は避けて通れません。ただでさえカタカナ用語の多い業界ですが、プログラミングやコーディングの用語などはカタカナですらなく英語表記ですし、中には読み方が不明確なものもあります。 チームメンバーもさることながら、他社の人と話すときに間違った読み方を使っていたら恥ずかしいですよね。今回は間違いの多いと言われる用語や、議論を読んでいる言葉をピックアップしてみました。 ※更新：米国英語の発音記号を追加しました Webデザイン系 width【wídθ, wítθ】 正：ウィズス、ウィドゥスなど 誤：ワイズなど HTML/CSSの幅指定で使う「幅」という単語です。よく使うものの、発音の仕方に自信が持てない人も多そうです。 height【hάɪt】 正：ハイト 誤：ヘイト 上記とセットで間違えられやすい単語。「高さ」という意味で、ウェブでなくとも「
新人Webデザイナーが知っておくべきWebデザイン専門用語30選
Web業界に入ってまず苦戦するのが専門用語の多さです。これからWebデザイナーとしてお仕事をする新社会人の方は、こうした専門用語を入社前にきちんと覚えておくと良いスタートを切れるのではないでしょうか。 そこで今回は、新人のWebデザイナーが知っておきたい専門用語をご紹介します。 すでに聞いたことのある用語でも、なんとなくのニュアンスで使っていないかチェックしてみてくださいね。 概念 UI 「ユーザーインターフェース（User Interface）」の略で、ユーザーがコンピュータなどのIT・デジタル機器/システムと情報のやりとりをするための仕組みや操作感のことです。ユーザーの目に触れる部分や使用する部分はすべてUIといえます。 「ユーザーエクスペリエンス（User Experience）」の略で、ユーザーがある製品・サービスを通じて得られる体験を意味します。その体験によってユーザーが抱く感情
Webデザインが圧倒的に捗るGoogle Chromeの拡張機能12選
みなさんはChromeの拡張機能を活用していますか？ 拡張機能を使えば面倒な作業でも効率良くこなすことができます。今回はWebデザインのときに使うと仕事が圧倒的に捗るChromeの拡張機能を紹介します。 1. FireShot ダウンロードURL：FireShot ページのキャプチャを撮影できる拡張機能です。ページ全体をキャプチャ、目に見える部分をキャプチャ、選択してキャプチャすることができます。ランディングページなど縦長のページのスクリーンショットを撮影するときに便利です。 2. PerfectPixel by WellDoneCode ダウンロードURL：PerfectPixel by WellDoneCode ページ内に任意の画像を重ねることができる拡張機能です。画像を動かしたり、透過させたり、サイズを変更したりしてレイアウトすることができます。ボタンやロゴの配置を迷っているときにコ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
