Web制作に役立つ情報一覧 Web制作、Webデザインに関する役立つ情報を紹介します。 Web制作に役立つ情報の紹介はこちら 1281 - 1290 ( 5205 件中 ) [ ←前ページ / <= 121 122 123 124 125 126 127 128 129 130 => / 次ページ→ ] 【デザイナー必見】差のつくデザイン、すごいフリーフォント65個まとめ 2018年6月度2018/07/02(Mon) 09:56プロフォント顔負けのウェイト数が揃う万能フォント、最近よく見かけるようになったレトロ、ビンテージフォント、高級感のある筆記体や手書きブラシフォントなど、実践で活用できる素材で、商用利用に対応したアイテムも多数収録しています。 http://photoshopvip.net/109675 サイトマップやフローチャートを手軽に作りたいときに便利なSketch素材「Flowchart kit 2.0」2018/06/29(Fri) 09:54「Flowchart kit 2.0」は、用意されているシンボルを組み合わせていくことで簡単にサイトマップやフローチャートを作成できるSketch素材です。https://www.nxworld.net/material/sketch-freebies-flowchart-kit.html CSSの作業をもっと楽に!無料で使える便利なWebツール40選2018/06/28(Thu) 10:01CSSを使って作業をいているときに活用したい、無料で使えるオンラインツールをまとめてご紹介します。これらのツールは、制作時間を節約、短縮できるだけでなく、CSSのちょっとややこしい問題の解決ツールを想定し作成されています。http://photoshopvip.net/109622 夏や海をテーマにしたデザインアイコンセット 202018/06/27(Wed) 09:54水着・浮き輪・ビーチサンダル・スイカ・アイスクリーム・様々な海の生物など、夏や海をテーマに作成されたデザインアイコンセットのまとめです。アイコンによっては、セット内に複数のパターンが用意されているものもあります。https://www.nxworld.net/material/20-summer-and-sea-design-icons.html 最近のUXデザインにおける、スマホアプリのインターフェイスに使用されているアイデアのまとめ2018/06/27(Wed) 09:53ここ数年の間に、スマホは単なる電話以上に多くの機能を持つようになりました。スマホはさまざまな目的のために使用され、わたし達の日常のアシスタントをこなしています。https://coliss.com/articles/build-websites/operation/work/creative-ux-design-concepts.html 数クリックで実現!魅力的なテキストエフェクトに使える無料PSDファイル厳選50個まとめ2018/06/25(Mon) 10:03フォントをより魅力的に仕上げるテキストエフェクトは、 コンテンツを伝えるなかで重要なデザイン要素のひとつです。Photoshopを使えばほんの少しの編集作業だけで、印象に残るタイポグラフィー、テキストエフェクトを作成することができます。http://photoshopvip.net/109593 すごくかわいいフォント!アフリカの部族で見かける装飾やパターンにインスパイアされたデザインフォント -Tabu2018/06/22(Fri) 09:53アフリカの部族で見かける装飾やパターンにインスパイアされた、かわいいフォントを紹介します。通常の文字の他に、下記のような飾り文字やシンボルも含まれており、フォントとしてもモノグラムとしても楽しめます。https://coliss.com/articles/products/tribal-font-family-tabu.html 実装がどんどん簡単になっている!スクロールに連動するCSSアニメーションを与えるスクリプト -Delighters2018/06/22(Fri) 09:52コンテンツが横からスライドしたり、カードが追従するように表示されたり、スクロールに連動するCSSアニメーションを簡単に実装できるスクリプトを紹介します。https://coliss.com/articles/build-websites/operation/javascript/js-add-css-animation-delighters.html フロントエンドのコーダーの頭の中、デザインを見た時にどんなことを考えるのか2018/06/20(Wed) 09:49フロントエンドのコーダーがデザインを見た時にどんなことを考えるのかを紹介します。デザインカンプを手がかりに、そのデザインが意味する仕様上のさまざまな可能性やそれらを実現するための実装方法を考えるなど、コーダーとして最も楽しい時間の一つです。https://coliss.com/articles/build-websites/operation/work/your-brain-on-front-end-development.html CSSの便利なセレクタ「:placeholder-shown疑似クラス」を使うと、フローティングラベルも簡単に実装できる2018/06/19(Tue) 09:54フローティングラベルとは、フォームのラベルが入力時にアニメーションで上方向にフローティングするテクニックです。一昔前までは、完全にJavaScriptの範疇、もしくは強引なCSSでもたつく感じのアニメーションでしか実装できませんでした。しかし、:placeholder-shown疑似クラスを使用すると、シンプルなコードで滑らかなフローティングラベルを実装できます。https://coliss.com/articles/build-websites/operation/css/css-only-floating-label.html 1281 - 1290 ( 5205 件中 ) [ ←前ページ / <= 121 122 123 124 125 126 127 128 129 130 => / 次ページ→ ] - Yomi-Search Ver4.21 -