伊達 伸之輔

76 Flips | 2 Magazines | 14 Likes | @sindt225 | Keep up with 伊達 伸之輔 on Flipboard, a place to see the stories, photos, and updates that matter to you. Flipboard creates a personalized magazine full of everything, from world news to life’s great moments. Download Flipboard for free and search for “伊達 伸之輔”

CSSのみで作られたローディングアニメーションのセット・「Loaders.css」

Loaders.css<p>Loaders.cssはCSSのみで作られたローディングアイコンのセットです。CSSで作られているのでスタイルの変更やスピード調整もしやすく、軽量で済む反面、対応ブラウザも限られるので現状ではスマフォ向けになりそうです。今のところ28種のアイコンのソースコードが公開されています …

Photoshopってすごい!作業効率をアップする拡張機能・プラグインまとめ

(※ 2015年4月9日に公開された記事を再編集しています。) あらゆるデザイン制作の現場で使われているPhotoshop。標準では装備されていない、かゆい所に手が届く便利な拡張機能、プラグインを使用して、作業効率をアップしてみてはいかがでしょう。 …

テキストエフェクトで魅力的に!すぐ使える無料Photoshopデザイン素材24個まとめ

Web制作者はおさえておきたい!CSSの基本テクニックから実務に役立つ便利ツールまでのまとめ

アニメーションを使ったUIを楽しくデザインできる便利な無料ツール『Origami』の使い方を動画でご紹介

去年あたりから、魅力的なプロトタイプ作成ツールがいろいろリリースされ、制作の現場でもそれらをもう使ってるという人も少なくないと思います。 その中の一つ、Facebookの『Origami』の動画コンテンツが公開されたので...記事の続きを読む

BootstrapよりもミニマルなCSSフレームワークを目指した・「SkyBlue CSS Framework」

SkyBlue CSS Framework<p>SkyBlue CSS …

WebGLを使って画像にエフェクトを与える為のJavaScriptライブラリ・「glfx.js」

glfx.js<p>glfx.jsはWebGLを使用して画像を編集出来るようにする為のJSライブラリです。セピア加工やチルトシフト、ボケ、ノイズ効果などのエフェクトを与えることが出来ます。WebGLなので対応ブラウザが限られる為、すぐに実用化出来るライブラリではありませんが、今後に期待したい所ですね。尚、 …

今どきの配色を学ぶ!すごい無料UIデザイン素材30個まとめ 2015年3月度

写真を使ってデザインするために最も重要な5つのルール

[JS]極シンプルなマークアップで、コンテンツを横にスライドさせナビゲーションを表示するスクリプト

非常にシンプルなマークアップで、コンテンツをアニメーションで横にスライドさせ、ナビゲーションを表示するスクリプトを紹介します。<p>jQueryなど他のスクリプトは不要で、4KBの超軽量スクリプトです。<p>Slideout.jsのデモ<p>スクリプトはスマホやタブレットなどモバイル用ですが、デスクトップでも動作しま …

CSSのすごいアイデアが満載!実用的なものからスゴ技までスタイルシートのテクニックのまとめ

StorageAgent : Android 4.4で制限されたSDカードへのファイルコピーが可能になるアプリ! | オクトバ

写真加工を完全マスター!すごい無料PSアクション40個まとめ 2015年3月度

スマートフォンはもちろん、デジタル一眼レフなどでカメラ撮影する機会が増えています。撮影した写真をより魅力的に仕上げる、プロ顔負けのPhotoshopアクション素材を利用してみませんか。再生ボタンを押すだけで、自動的に写真を加工、調整してくれる無料PSアクション素材をまとめてご紹介します。 …

見せれるものがまだ何もないMagic Leap、マイクロソフトのHoloLensをこき下ろす

<b>CEO ロニー・アボヴィッツはマイクロソフトのデバイスが神経学的欠損を引き起こすと主張している</b>製品のデモはおろか、それが可能であるということの実証すらされていないが、Magic LeapのCEO …

フォント作成に詳しくなくても大丈夫、自分好みのフォントが簡単に作成できてしまうオンラインサービス -metaflop

facebook

[JS]操作が気持ちいいさまざまなアニメーションでモーダルウインドウを表示させるスクリプト

最近のUIの傾向として、ユーザーが操作して楽しくなるようなアニメーションは大切なポイントです。そんな気持ちいいCSS3のアニメーションでモーダルウインドウをページ全体に表示するjQueryのプラグインを紹介します。<p>横からアニメみたいにひゅっとスライドさせたり、ぼい~んとバウンドさせたり、気持ちよくて …

美しいグラデーションをCSSで実装!配色に使える便利ツールや実例も!

背景に動画を使ったWebサイトや、大きな背景画像を使ったWebサイトに続き、最近は画面全体にきれいなグラデーションカラーを用いたサイトを見かける機会が増えてきました。そこで今回はグラデーションカラーをCSSで実装する基本的な方法から、画像に重ねる応用、配色選びに使えるサイト、実例集などを紹介します! …

[JS]スマホ・タブレットでの操作性を重視したタッチデバイス対応のさまざまなスライダーを実装できるスクリプト -Swiper

MacBookの容量をSDカードスロットに差し込むだけで最大256GB増量できる「TarDisk」

2012年に発売された<b>MacBook …

アイデアをすぐカタチに残せて便利!画面遷移を伴うモックアップが簡単にオンラインで作成できる -PLOGLESS

商用利用無料!スマホに最適化されたビジネス用のシンプルなデザインのアイコン素材 -Subway

デザインが楽しくなる良フォントがたくさん!ダウンロードしておきたいフリーフォントのまとめ -2015年2月

[JS]SVGを使ったアニメーションが楽しい、回転する新感覚のナビゲーションを実装するスクリプト

手作り感のある可愛いデザインが特徴的なアイコンセット『Swifticons』

[JS]ページにちょっとしたイースターエッグを仕込むことができるスクリプト -Overscroll

今どきのWebサイト制作が楽になる!すごい無料HTMLテンプレート素材25個まとめ

2015年2月4日<p>ウェブサイトはこれまで以上に手軽に制作できるようになってきています。ゼロからすべて作成せずに、完成したデザインテンプレートを活用することで、制作スピードを格段にアップさせることができます。<p>流行中のデザイントレンドを取り入れ、モダンで今どきのWebサイトを楽に制作できる、新作HTML …