問い合わせCO-JINって?個人的に役立ったデザイン素材やTips、WEBサービス、役立つグッズ、あれやこれやをご紹介CategoryWEBコード/js不要!ドラッグ&ドロップだけでCSSイメージスライダーがつくれるアプリ「cssSlider」イメージスライダーは限られたスペースに多くの視覚的情報を盛り込めるので、ショップなどでは非常によく利用されています。最近はいろいろなサイトで魅力的なホバーエフェクトを目にする機会が増えました。今回は、そんなホバーエフェクトから、40種類以上のホーバーエフェクトをCSSだけで簡単に実装できるCSSライブラリーをご紹介します。簡単にWEBサイトの背景画像が作れてしまう無料ジェネレーターのご紹介です。つくれるのは、SVG形式のシームレスパターンです。使い勝手が良さそうなので、覚えておくと良いかもしれないサービスですので、ご参考にどうぞ。戦慄を覚えるマップです。サービス自体は1年前に公開されていましたが、海外で再び注目され、私自身が初めて知ったので、メモがてらご紹介させていただきます。今回はクリックしたときに、静かな湖面を指で触れて波打つようなエフェクトを実装できるライブラリーをご紹介します。ボタンやリンクにかぎらず、画像などにも適用できるので、表現の幅はいろいろと広がりそうですね。WEB,css,JavaScriptUIデザインのインスピレーションで溢れてる「UXPorn」サイトやWEBサービスをつくるときにどのようなUIデザインにするかは悩むところですよね。UIをつくるうえで、参考になりそうなサイトがあったのでご紹介します。Prefixr」現るベンダープレフィックスを簡単につけることができるWEBサービスPrefixr。ところが、このPrefixrのサービスが2014年に終了してしまいました。見出しでリボン風の装飾をCSS3だけで実装する方法をご紹介します。利用するのはboderプロパティです。値を工夫するだけで実装できるので、サイトのアクセントにも利用できます。ご参考になれば幸いです。切れ込みの入ったリボン型のナビゲーションをCSS3だけで実装する方法をご紹介します。リボン関連については便利なジェネレーターが揃っていますが、CSSプロパティーを知る上でも勉強になるのでご紹介します。名だたるデザイナーが作成したフリーのWEBサイト用PSDファイルが無料!Dribble発Photoshop用サイトテンプレート45今回もDribbbleから。Dribbbleは世界の名だたるデザイナーが作品をアップしているコミュニティサイトです。Credits」CSS3って、とっつきやすいうえに、表現力も豊かで、実装するのが楽しくなってしまいます。表現力豊かなCSS3ですが、CodePenに、映画のエンドロール風エフェクトを表現したコードが公開されていたのでご紹介します。