takahiro016

11 Flips | 1 Magazine | 2 Likes | 2 Following | @takahiro016 | Keep up with takahiro016 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 “takahiro016”

手軽に画像にパララックス効果を与えられるスクリプト・「simpleParallax」

simpleParallax<br>simpleParallaxは手軽に画像にパララックス効果を与えられるスクリプトです。jQueryに依存します。本体を読み込んで画像をセレクタに指定すれば即反映されます。仕組みは、画像をtransform: …

完全無料で300枚!デザインの参考にできるテクスチャ、パターン素材集

デザインプロジェクトに必要な素材のひとつ、テクスチャパターン。素材を探していたら、いつの間にか時間が過ぎてしまっていた、そんな経験はないでしょうか。 …

【具体例で実況中継】ITの「業務要件定義」はどう決めるか?

レスポンシブ対応、縦長ページで見かけるさまざまなUIコンポーネントを備えたHTML/CSSのテンプレート -Shards

最新のBootstrap 4をベースに、ランディングページやスマホアプリのプロモーションページなど、縦長ページでよく見かけるさまざまなUIコンポーネントを備えたHTML/CSSテンプレートで構成された無料のUIキットを紹...記事の続きを読む

こういうのを一つは用意しておきたい!Webサイトのスタイルガイドを作成する時に便利な無料テンプレート素材

スタイルガイドを0から作成している人に、朗報です。 Webサイトで使用するカラーやフォント、ロゴなどを変更するだけで、そのWebサイトのスタイルガイドが作成できるSketchのテンプレート素材を紹介します。 UI要素はシ...記事の続きを読む

ヘッダ・フッタ・ナビゲーションなど、最近のWebデザインで採用されているアイデアのまとめ -Good Web Design

ランディングページで使用されているヘッダ・フッタ・ナビゲーション・フィーチャーコンテンツ・アクションボタン・ソーシャルコンテンツなど、最近のWebデザインで採用されているアイデアがまとめられたGood Web Desig...記事の続きを読む

CSSだけでふわっと浮かぶ上がるツールチップを簡単な設定で実装できるCSSライブラリ・「Balloon.css」

Balloon.css<br>Balloon.cssはCSSのみで設定可能なツールチップライブラリです。カスタムデータ属性を含めるだけで左右上下に自由に出すことができます。ふわっと浮かび上がるシンプルなエフェクト付き。使い方は、data-balloonで表示させたいテキストを設定、data-balloon- …

動画だとすごい分かりやすい!新しくなったPhotoshop, Illustrator, Adobe XDの新機能

Photoshop, Illustrator, Adobe XDをはじめ、Creative Cloudのアプリが2017年10月19日にアップデートされました。全体的にもパフォーマンスの向上に重きがおかれているので、現在...記事の続きを読む

知らないと損!新しいPhotoshop CC 2018は、普段使う便利な機能もたくさん強化されている

先週リリースされ、新しくなったPhotoshop CC 2018をいろいろ使ってみました。 ブラシやペンツールといった新機能だけでなく、普段使う便利な機能もたくさん強化されています。 一番嬉しいのは、今までのPhotos...記事の続きを読む

[CSS]さまざまな要素に利用できる美しいシャドウ、カードやボタンをふわりと浮かび上がらせるスタイルシート

カードやボタンをはじめ、さまざまな要素をふわりと浮かび上がらせる繊細なシャドウを与えるスタイルシートを紹介します。 box-shadowを重ねがけした複雑なスタイルシートですが、スニペットに登録しておくと簡単に利用できま...記事の続きを読む

スクロールに応じて背景画像を徐々にblurさせる

ResultjQuerycsshtmlviaZoom and Blur background Image• Post by かちびと.net<br>• PR:WPデザインギャラリー<br>• シンプルなモーダルウィンドウ <br>• 画像の拡大鏡を実装するやつ …