2021年にCodepenで話題！コピペ可なHTMLスニペット ベスト100発表
HTMLなどのコードをブラウザ上で確認ができ、公開や共有もできるなど、世界中のデベロッパーが愛用するCodepen。 この記事は、2021年に特に人気の高かったHTMLスニペットをランキング形式でまとめた The Most Hearted of 2021 が発表されていたので、その中でも実用性の高いHTMLスニペットを中心にまとめて紹介しています。 CSSのみで表現されたお手軽なHTMLスニペットから、Three.jsをつかったインタラクティブな動きやアニメーションにも注目が集まっています。 HTML/CSSやJSなどのコードの確認や編集を行うことができるので、今後のデザイン制作に活用してみてはいかがでしょう。 2021年にCodepenで話題！コピペ可なHTMLスニペット ベスト100発表 97位 Metallic Bordered Text with CSS Photoshopで作成し
Web制作の時短に！2020年の便利オンラインツール・ベスト100選
この記事では、2020年に公開された便利なWebオンラインツール・ベスト100個をまとめてご紹介します。 定期的にリストアップしている最新オンラインツールまとめ記事では、2020年にかけて合計306個の新しいツールやサービスが登場しました。 その中でも、特にWebデザイン制作に便利なツールを選りすぐったコレクションで、「無料で利用できるツール」を揃えています。 これらのツールやサービスを活用すれば、Webデザイン制作をより快適に進めることができるでしょう。 カテゴリごとに整理しているので、目的にあったお気に入りツールを探してみましょう。 コンテンツ目次 1. CSSツール（14個） 2. パターンツール（7個） 3. イラスト系ツール（3個） 4. デザインツール（10個） 5. 配色カラーツール（6個） 6. グラデーションツール（3個） 7. SVGツール（8個） 8. スクリーンショ
これ便利すぎ！Adobe XDのおすすめ無料プラグイン20個まとめ
この記事では、Adobe XDにインストールしておくことで、デザイン制作をより快適にしてくれる無料プラグインをまとめてご紹介します。 実際にAdobe XDにインストール、使用してみて便利だったプラグインのみを厳選しています。プラグインを利用して、制作スピードを爆速にしてみませんか。 コンテンツ目次 1. プラグインが利用可能に 2. Adobe XDプラグインのインストール方法 3. Adobe XDプラグインの使い方 4. おすすめ無料プラグイン（デザイン効率化） 5. おすすめ無料プラグイン（コンテンツ生成） 6. おすすめ無料プラグイン（描画デザイン系） 7. おすすめ無料プラグイン（コラボレーション・ハンドオフ系） 8. ショートカット機能で作業効率をさらにアップ Adobe XDでプラグインが利用可能に Adobe XDは定期的にアップデートが行われており、昨年10月にリリース
定価99％オフの3千円！デザイナーが愛用したい商用フォント集が期間限定で登場
世界中の人気デザイナーとタッグを組み、デザインの現場で使える素材を2週間の限定、通常価格の99％オフで購入できる DesignCuts。交渉に数ヶ月を要し、遂に実現した2018年一発目の新しい企画がスタートしています。 今回ご紹介する期間限定の素材集 The Definitive Type Lover’s Collection は、17種類プレミアムフォントを揃えており、どのフォントも異なるウェイトやスタイルなど合計377種類を超える書体が収録されています。 収録されている素材はどれも商用ライセンス付きで、クライアント向け案件や商品デザインにも活用できます。通常$3316（およそ37.3万円）の99%オフ、$29（およそ3,200円）で2週間の期間限定販売中です。 購入ページへ進む この素材集には、初登場となる老舗の万能フォント「Franklin Gotthic」全セットや、あらゆるデザイ
2017年に流行したウェブデザイントレンドの重要ポイント10個まとめ
今年も残すのところで1ヶ月あまりとなり、あっという間に１年が過ぎようとしています。今回は、2017年に流行したウェブデザイントレンドを振り返ってみましょう。この記事では、2018年に向けて重要となる、2017年に人気となったウェブデザイントレンドの重要ポイント10個をまとめてご紹介します。 これでもう悩まない！2017年のデザイントレンド完全ガイド 2017年に注目したい、グラフィックデザインの最新トレンド9個まとめ 01. ダイナミックなタイポグラフィ 現代のウェブサイトにおいてタイポグラフィや書体は、コンテンツの読みやすさだけでなく、印象的なドラマを追加するのに利用されるようになっています。 ドラマチックなタイポグラフィは、たくさんの人気ウェブサイトデザインでも採用されています。通常、このテクニックはユーザーの注目を集めたり、メッセージをうまく伝え、視覚的に魅力的なデザインに仕上げるこ
Photoshop VIP ☞ ボタンデザイン完全版、ダウンロードしておきたいPhotoshop無料PSD素材60個まとめ
Webデザインにおいてよく利用するデザインパーツのひとつ「ボタン」デザイン。 海外デザインブログWeb and Designersで、これまでに紹介したことのないPhotoshop用無料PSDボタン素材を60個まとめたエントリー「60 Outstanding Free PSD Buttons」が公開されていたので、今回はご紹介します。 多くの素材に色違いや大きさによって複数のボタン素材が収録されているので、ダウンロードしておくと便利かもしれません。 どれもPhotoshop用PSD素材を収録しているので、自由にボタンサイズ、テキストなどの変更も行うことができ便利ですよ。 詳細は以下から。 ダウンロードしておきたいPhotoshop用PSDボタン素材まとめ Follow Buttons 3色の異なる色でデザインされたボタンデザインセット、それぞれ通常時、ホバー時、アクティブ時の3種類ずつ用意
ダウンロードしておきたい高品質な無料アイコン素材30個まとめ 2011年6月度
毎月世界中で公開されている無料アイコン素材をまとめて紹介していますが、今回は2011年6月分まとめエントリーとなります。 海外デザインブログUnderworld Magainesで比較的新しく公開された無料アイコン素材を30個まとめたエントリー「30 Really Cool Free Icons to Download」が公開されていたので、今回はこちらとして個人的にブックマークしておきたいアイコン素材をまとめています。 細かい部分までていねいにデザインされた素材ばかりとなっており、アイコンを使ったナビゲーションメニューやWebデザインのアクセントとして利用してみてはいかがでしょう。 詳細は以下から。 最近公開されたばかりの無料アイコン素材まとめ 2011年6月度 Google Plus One Icons 最近公開された新しいソーシャルメディアGoogle +1をモチーフにしたアイコン素
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
新着記事
Bootstrap利用、無料HTMLテンプレート素材まとめPhotoshopVIP |
新着記事
ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP
新着記事
新着記事