伊達 伸之輔

76 Added | 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デザイン素材24個まとめ

ja_JP<p>article<p>Advertisement 雑誌やポスター、イベント用フライヤーなどプリント媒体を中心に活用され …<p>PhotoshopVIP<p>2015-04-01T15:00:08+09:00

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

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月度

ja_JP<p>article<p>Advertisement 海外デザインブログFusionplateでいまどきのウェブサイト制作 …<p>PhotoshopVIP<p>2015-03-11T10:37:23+09:00

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

写真を使ったデザインにおいては、単に優れた写真を使えばいいわけではなく、「どんな写真を」「どのように配置するか」によって読者に与える印象が大きく変化します。プロが作る雑誌やウェブサイトではそんなプロの手法やテクニックがふんだんに使用されているわけですが、そんなノウハウを集めたインフォグラフィック「写 …

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

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

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

素晴らしいアイデア満載のクリエイティブなスタイルシートのテクニックを紹介します。<p>これからのプロジェクトに使ってみたくなるような実用的なものから、CSSでこんなこともできるのか!という驚きのテクニックまで、今年もCSSに注目です。<p>クリックする場所によって、フリップするパネルの回転方向が変化します。<br>※ク …

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

<b>アプリの特徴</b><p>以前、Android 4.4の場合はSDカードへのファイルの書き込みができな場合があることをご紹介しました。<br>・【スマホのコツ】Android4.4はSDカードへの書き込みができない?アップデート後のファイル操作にご注意! | …

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

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

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

フレキシブルでパワフルなRWD対応のSCSS/CSSフレームワーク・「BLACKHOLE」

BLACKHOLE<p>BLACKHOLEは柔軟性とカスタマイズ性を重視したレスポンシブWebデザイン対応のSCSS/CSSフレームワークです。モジュール型で基本的には軽量なサイズを保てるように設計しているそうです。コンポーネントもひと通り揃っています。が、少し触ってみたものの、個人的には少し仕様を把握す …

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

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

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

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

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

iOS/Androidなど、モバイル向けのWebサイト、Webアプリ、ネイティブアプリでの利用に最適化されたタッチデバイス対応のスライダーを実装できるスクリプトを紹介します。<p>キーボード操作やマウスのホイール・ドラッグ操作にも対応しているので、デスクトップでもOK!<p>Swiperの特徴<p>ライブラリに依存し …

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

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

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

さっき思いついたアイデアなんだっけ?メモしとけば、、ということはありませんか。<br>デスクトップでもスマホからでも簡単に作成・編集・閲覧ができる、プロトタイプのモックアップを簡単に作成できるオンラインサービスを紹介します。<p>基本機能は無料で利用でき、有料だと更に便利機能が利用できます。<br>下の方に、有料プランが …

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

iOS, Windows Phone, BlackBerryなど、スマホに最適化されたビジネス用のシンプルなデザインのアイコン素材を紹介します。<p>フォーマットはすぐ使う用から、Photoshop, Illustrator, …

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

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

ピザのように切り分けたパイ状のナビゲーション、水平でも垂直でもない回転を取り入れたタブ、アイコンをクリック(タップ)するとぐるぐるっとアイテムが表示されるなど、回転を使った面白いナビゲーションを実装できるスクリプトを紹介します。<p>wheelnav.jsのデモ<p>デモは、デスクトップ・スマホのSVG対応のメ …

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

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

デスクトップやスマホで、ページの領域を超えてスクロールするとバウンドするような感じになりますよね。その時にちょっとしたイースターエッグをアニメーションで表示する単体で動作する軽量スクリプトを紹介します。<p>Overscrollのデモ<p>デモはオーバースクロールのゾーンがある、OS XのChrome, …

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

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