サイト構築 -実装
[JS]このアイデアは面白い！セレクトボックスの選択肢をすぐに選択できるようにするスクリプト -Quick[select]
Post on:2015年11月9日
フォームのセレクトボックスは多くの選択肢を配置できる便利な要素ですが、他のフォームと操作性が異なるため一連の流れで入力しにくいのが弱点です。 セレクトボックスの操作性を改善し、デザインも簡単に変更できるスクリプトを紹介し […]
[JS]レスポンシブ対応、画像の配置を文字のツラにぴったり揃えるスクリプト -Baseline Element
Post on:2015年11月6日
画像やテキストなど、コンテンツのデザインで重要なのは縦のリズム。 ページ上の指定した要素を文字のベースラインにツラをあわせて配置し、縦のリズムを簡単にデザインできるスクリプトを紹介します。 デモのように罫線を背景にした時 […]
2分で分かる！Sketchのさらに便利になった新機能を徹底解説
Post on:2015年11月5日
今年からSketchを使用するようになったのですが、使えば使うほど便利だなぁ、と実感する毎日です。そんなSketchは先日3.4にバージョンアップし、デザインのワークフローを改善する新しい機能がたくさん追加されました。 […]
Chrome デベロッパーツールで知っていると、Webサイトやアプリの制作が捗る便利なテクニックのまとめ
Post on:2015年10月30日
先日「Chrome デベロッパーツールの使い方」で華麗に使いこなすテクニックを紹介しましたが、それとは異なるデベロッパーツールの便利な使い方を紹介します。 Webサイトやアプリの制作時に、非常に役立つテクニックが満載です […]
面倒なSVGのパスを簡単に作成できてしまう便利ツール -SVG Path Builder
Post on:2015年10月29日
面倒で複雑なSVGのパスでも簡単に作成できてしまう便利ツールを紹介します。 オンラインでもローカルでもどちらでも利用できます。 SVG Path Builder SVG Path Builder -GitHub
最近のWebデザインで採用されているページレイアウトやUIの新常識がチェックできる素材のまとめ
Post on:2015年10月28日
最近のWebのUIはフラットデザイン・Material Designが着実に進化し、シンプルでコンテンツにフォーカスされたデザインが定着してきました。テキストは読みやすく、写真はより大きく使用されています。レイアウトは縦 […]
[CSS]これはスゴイぞ！写真の仕上がりをインスタグラム風にかっこよく、かわいくするスタイルシート -CSSgram
Post on:2015年10月27日
写真をかわいくするのに、特別なソフトウェアは必要なくなるかもしれません。 普通の写真にスタイルシートを一行追加するだけで、インスタグラム風にかっこよく、そしてかわいく仕上げるスタイルシート「CSSgram」を紹介します。 […]
デザイナー・イラストレーターご用達のフォント10万円分が3千円ちょいで購入できてスゴイお得 -TheHungryJPEG
Post on:2015年10月26日
デザイナー・イラストレーターご用達の人気が高い52種類のかわいいデザインフォントとグラフィック素材、総額$838(約101,700円)分が10月末まで$26.1(約3,100円)で購入できる「The Beautiful […]
HTML5でWebページを作成する時のベースになるシンプルなコードで書かれたテンプレート
Post on:2015年10月26日
HTML5でWebページを作成する時に役立つ、必要最小限のブランクのテンプレート、ナビゲーションを上部に固定配置、写真画像などの背景画像をブラウザいっぱいに表示させるシンプルなテンプレートを紹介します。 画像: Girl […]
[JS]ほんの数行で便利な機能を実装するjQueryのスニペットのまとめ -jQuery Tips
Post on:2015年10月23日
jQueryには高性能なプラグインがたくさんリリースされていますが、ほんの数行のコードだけでも便利な機能を簡単に実装することもできます。 Webサイトで最近よく利用されている便利な機能を実装するスニペットを紹介します。 […]
sponsors
