サイト構築 -実装
Web制作者がチェックしておきたい、最近のWebサイトで見かけるデザインのトレンド -2018年1,2月
Post on:2018年2月9日
デザインで悩んだ時には、新鮮なトレンドをチェックしてみると良いインスピレーションに繋がります。最近のWebサイトで見かけるデザインのトレンドを紹介します。 今まで使用してきたトレンドにも一手間加えられて、より魅力的なもの […]
CSS Gridはレスポンシブ対応のよく使うレイアウトにも便利！効果的に使用するポイントのまとめ
Post on:2018年2月8日
CSS Gridは今までに出来なかったレイアウトを実装するだけでなく、既存レイアウトをより簡単に実装する能力も備えています。サポートブラウザも十分になり、そろそろ既存レイアウトの実装方法を見直すタイミングかもしれません。 […]
Webサイトやスマホアプリでよく使う、JavaScriptの有用なコードのスニペットのまとめ
Post on:2018年2月7日
JavaScriptの有用なコードのスニペットをまとめたサイトを紹介します。 一つひとつは30秒ほどで理解できるコードとなっており、膨大な数のスニペットがまとめられています。あれなんだっけ？ という時に、便利ですね。 3 […]
デザインの作業フローが大きく変わる！PhotoshopやIllustratorに予定されているAdobe Senseiの機能のまとめ
Post on:2018年2月6日
2018年1月末のアップデートで、ついにPhotoshopでもAdobe Senseiが実装され、複雑な選択範囲が1クリックで簡単に作成できるようになりました。 紹介記事: Photoshopの選択範囲の作成が驚くほど簡 […]
カウントダウンやタイマーなど、時間コンテンツなら何でも任せろのシンプルな軽量スクリプト -EasyTimer.js
Post on:2018年2月5日
時間を表示させるカウントダウン、タイマー、ストップウォッチなどのコンテンツなら何でも任せろのシンプルな軽量スクリプトを紹介します。 単体のスクリプトとして利用でき、時間を使ったWebページを実装する際に重宝すると思います […]
最近のWebサイトで見かけるヘッダのアイデア・実装方法のまとめ
Post on:2018年2月2日
ランディングページやブログなど、最近のWebサイトで見かけるヘッダのアイデア・実装方法を紹介します。 スクロールすると、ヘッダのイメージがズームしたり、フェードしたり、ヘッダの形が矩形でなかったり、ナビゲーションだけがス […]
お問い合わせ、支払い、サインアップなど、フォームを実装するためのHTMLとCSSのテンプレート -Boilerform
Post on:2018年2月1日
フォームを実装するのが苦手、という人は少なくないと思います。 お問い合わせフォーム、支払いフォーム、サインアップフォームなど、さまざまなプロジェクトで利用されるフォームを実装するのに役立つHTMLとCSSで制作されたテン […]
Webデザイン・紙デザイン用のナチュラルなカラーの組み合わせを見つけることができるオンラインツール -Pigment
Post on:2018年2月1日
カラーの組み合わせを数学的に見つけるのではなく、顔料と光量に基づいてナチュラルなカラーの組み合わせを見つけることができるオンラインツールを紹介します。 色をベースにしたり、写真をベースにして、簡単なクリック操作でWebデ […]
Webサイト・スマホアプリ制作に使用する、2017年に人気が高かったデザインツールの調査結果
Post on:2018年1月31日
2017年、デザイナーに人気だったデザインツール、プレインストーミング・アイデアのツール、ワイヤーフレームやインターフェイスデザインのツール、プロトタイピングのツール、ファイル管理とバージョン管理ツール、そして2018年 […]
新しくなったBootstrap 4の基本テンプレート、ナビゲーション、コンポーネントのまとめ
Post on:2018年1月30日
2018年1月18日、Bootstrap 4の安定版がようやくリリースされました。 Bootstrap 4ではFlexboxが採用され、それに伴いFloatは取り除かれ、CSSのソースはLessからSassに変更され、C […]
sponsors
