サイト構築

最近のWebを象徴するカード型コンポーネントをデザインする時のポイントまとめ

Post on:2017年3月24日

ここ1, 2年で、カードのコンポーネントを採用しているWebサイトは非常に増えました。レスポンシブとも相性がよく、情報を分かりやすく整理でき、テキストや画像だけでなく、動画などのマルチメディアも要素として配置することがで

...記事の続きを読む

[JS]ページ内アンカーでスクロール時のアニメーションの種類やスピードが調整できる超軽量ライブラリ -MoveTo

Post on:2017年3月23日

ページ内アンカーに移動させる時に、アニメーションでスムーズにスクロールさせるスクリプトをいろいろありますが、実装が簡単で、微調整も簡単に設定できる超軽量(2kb)のスクリプトを紹介します。 等速のアニメーション、緩和のア

...記事の続きを読む

簡単なのにかっこいい!ポートフォリオサイトが作成できる、HTMLベースのテンプレート -Dev Portfolio Template

Post on:2017年3月23日

自分の職歴や関わったプロジェクト、スキルなどをプレゼンするポートフォリオを0から作ろうとすると面倒かもしれません。ポートフォリオに必要なコンテンツをコンポーネント化し、追加や削除も簡単に行えるHTMLベースのテンプレート

...記事の続きを読む

不自然な美肌アプリとはさようなら!Photoshopで立体的な美肌を1クリックで作り出す最強の無料アクション

Post on:2017年3月22日

人物の写真を美肌にする際に、最も大切なのはナチュラルに美しくすることです。 皮膚をぼんやりさせることで美しく見えるかもしれませんが、ナチュラルとは全く異なる、平面的で違和感のある見た目に仕上がってしまいます。 人物の肌の

...記事の続きを読む

より重要になった、HTMLのアクセシビリティに関する問題を解決するChromeの拡張機能 -Alix

Post on:2017年3月22日

先週の記事「HTMLの潜在的な問題を見つける、少し高度なCSSのセレクタ」をブラウザで簡単に利用できるChromeの機能拡張を紹介します。 まだリリースされたばかりですが、早くも利用者が1,000人を超えようとしています

...記事の続きを読む

アイコンのデザインって奥深い!最近のアイコンに使われている、シンプルなすごいデザインテクニック

Post on:2017年3月21日

アイコンは、非常に奥深いデザインです。 サイトやアプリのさまざまなアクションを示すためのビジュアルキューであり、プロダクトやサービスに固有のアイデンティティーを与えることができます。 無料のアイコンは確かに便利です。しか

...記事の続きを読む

これを使うだけでデザインやイラストの印象がかなりよくなる!プロ仕様の高品質なフォントとイラスト素材

Post on:2017年3月17日

Webデザインやアプリでも、同人誌やポスターなどの紙でも、動画やプロダクトのデザインでも安心して商用利用できる有料フォント47種類とグラフィック素材10種類、計57種類が96%オフで購入できる「The March Des

...記事の続きを読む

[CSS]これなら簡単!レスポンシブ対応、アスペクト比を維持したまま画像や要素を実装する -RatioBuddy

Post on:2017年3月16日

デスクトップやスマホなど、異なるスクリーンのサイズでも、黄金比や白銀比などのアスペクト比を維持したまま画像や要素を実装するスタイルシートを生成する便利なオンラインツールを紹介します。 このかわいいデザインに、癒やされます

...記事の続きを読む

1クリックでSVGのデバッグが可能!SVGのパスをアウトラインに変換、アンカーやポイントやハンドルを表示 -xvg

Post on:2017年3月15日

Webページで使用しているSVGのパスをアウトラインに変換し、アンカー、コントロールポイント、ハンドルを表示してデバッグができるChromeの拡張機能「xvg」を紹介します。

[CSS]HTMLの潜在的な問題を見つける、少し高度なCSSのセレクタ -Linting HTML using CSS

Post on:2017年3月14日

HTMLは間違って記述されても、重大なエラーになることはあまりありません。 そのため、validではないHTML、セマンティックではないHTML、アクセシブルではないHTMLのコードが、ページ内に紛れてしまうことは非常に

...記事の続きを読む

 Prev 1 2 ... 4 5 6 ... 381 382 Next

top of page

©2017 coliss