サイト構築
[JS]デスクトップでもスマホでも操作が軽快！画像の拡大表示をシンプルなコードで実装 -simplebox.js
Post on:2015年11月13日
レスポンシブ対応で、デスクトップでもタブレットでもスマホでも操作が軽快な画像を拡大表示する超軽量（722Bytes）のjQueryのプラグインを紹介します。 simplebox.js simplebox.js -GitH […]
こんな便利なのがあったとは！Web制作やビジネスに欠かせない無料ツール・サービス・素材 400+種類 総まとめ
Post on:2015年11月12日
Web制作やビジネスに役立つ定番ものから、あまり知られていない便利なものまで、400+種類の無料ツール・無料サービス・無料素材を紹介します。 +400 Awesome Free Tools To Build Your B […]
イラストの肌や髪の造形バランスを整え、美しい質感を描き、表現力をアップするPhotoshopとPainterのブラシ
Post on:2015年11月11日
イラストの肌や髪を塗る時に、造形のバランスを整え、ナチュラルな美しい質感を与えるPhotoshopとPainterの無料ブラシを紹介します。 10 free Photoshop brushes for painting […]
デザインツールの革命と言っていいかも！サイズ指定を「%」でできるSketchのプラグイン -Fluid
Post on:2015年11月11日
普通のデザインツールだと、サイズ指定は「px」を使用している人がほとんどでしょう。固定値のデザインをするのであれば、ピクセルで何も困りませんが、レスポンシブの相対値のデザインに適しているとは言えません。 Sketchでサ […]
[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が着実に進化し、シンプルでコンテンツにフォーカスされたデザインが定着してきました。テキストは読みやすく、写真はより大きく使用されています。レイアウトは縦 […]
sponsors
