商用無料でしかも高品質！レスポンシブ対応の美しくデザインされたHTML5/CSS3のテンプレートのまとめ | コリス

2015/09/11 292 users ポートフォリオ 縦長ページ ランディングページ コリス 紹介

今時の繊細でかっこいいエフェクトを備え、美しくデザインされたレスポンシブ対応のランディングページ、プロダクトページ、縦長ページ、ポートフォリオ、ブログなど、HTML5/CSS3で作成された商用利用無料のテンプレートを紹介...記事の続きを読む 続きを読む

無料でしかも高品質！レスポンシブ対応の美しいWebページを作るためのHTML5/CSS3のテンプレートのまとめ | コリス

2015/05/15 547 users ポートフォリオ 縦長ページ ランディングページ コリス ブログ

レスポンシブ対応の縦長ページ、ランディングページ、プロダクトページ、ポートフォリオ、ブログなど、今時のかっこいいエフェクトを備えたHTML5+CSS3の無料のテンプレートを紹介します。 単に使うだけでなく、デザインやHT...記事の続きを読む 続きを読む

最近のWebページで使用されている『さまざまな魅せ方』を実装するCSSやJavaScriptの最新チュートリアルのまとめ | コリス

2015/04/05 478 users コリス CSS Ope CodyHouse 最新チュートリアル

最近のWebサイトやブログで見かけるアニメーションを使ったさまざまなかっこいいエフェクトやコンテンツの見せ方を実装するCSSやJavaScriptのチュートリアルをCodyHouseから紹介します。 それぞれファイルを一式でダウンロードできるので、すぐに利用できます。 Fixed Background Effect デモページ 対応ブラウザ：Chrome, Safari, Firefox, Ope... 続きを読む

[JS]かっこいい！ブラウザや要素いっぱいに背景画像やスライドショーをアニメーションで表示するスクリプト -Vegas 2 | コリス

2015/03/19 161 users コリス jQuery Zepto スクリプト エフェクト

画像をブラウザやDOM要素の背景いっぱいに表示し、フル表示の画像にかっこいいエフェクトを加えたり、スライドショーを設置できるjQuery/Zeptoのプラグインを紹介します。 アニメーションやオーバーレイが数多く用意されており、画像にスタイリッシュなエフェクトを加えることが簡単にできます。 Vegas 2 Vegas -GitHub Vegas 2は以前紹介した1の単なるバージョンアップではなく、... 続きを読む

2014年のWebデザインのトレンドがたくさん詰まったHTML5+CSS3の無料のテンプレート -Beetle | コリス

2014/12/15 169 users Beetle コリス ポートフォリオ テンプレート 縦長ページ

レスポンシブ対応の縦長ページ、プロダクトページ、ランディングページ、ポートフォリオ、ブログなど、今時のかっこいいエフェクトを備えたHTML5+CSS3の無料のテンプレートを紹介します。 そのまま使うもよし、スキルアップ用に勉強してもよし、です！ Beetle - Responsive HTML5 Template Beetleには、最近のWebサイトで人気のあるさまざまなコンポーネント・エフェクト... 続きを読む

SVGを使ってウェブページにかっこいいエフェクトを与えるチュートリアルのまとめ | コリス

2014/06/24 146 users コリス Codrops SVG エレメント ウェブページ

最近は海外だけでなく、日本でもSVGを使用しているサイトを見かけることが多くなってきました。SVGをアイコンやエレメントに使ったり、アニメーションと組み合わせた面白いエフェクトを取り入れたりなど、さまざまです。 いつかプロジェクトで使いたくなるようなSVGのチュートリアルをCodropsから紹介します。 Creating a Border Animation Effect with SVG and... 続きを読む

デザインの引き出しを増やすかっこいいエフェクト満載！文字を魅せるPhotoshopのチュートリアルのまとめ -2014年春 | コリス

2014/04/18 313 users たくさん コリス エフェクト Photoshop スキルアップ

久しぶりに、テキストエフェクトのPhotoshopのチュートリアルをまとめてみました。 Photoshopのスキルアップだけでなく、デザインの引き出しを増やすかっこいいエフェクトがたくさんです！ Create a Smooth Chocolate Text Effect チョコレートで描かれたおいしそうなエフェクト。 How to Create a Quick and Easy Watercolo... 続きを読む

[iPhone]まるでカーテンを開け閉めするようにページをめくるエフェクトがクールすぎる - Apps Core

2014/03/19 6 users iPhone 波形 スポンサードリンク エフェクト カーテン

2014年3月19日水曜日 [iPhone]まるでカーテンを開け閉めするようにページをめくるエフェクトがクールすぎる スポンサードリンク 名付けて"カーテンエフェクト"。そう、あのカーテンを開け閉めする動作がiPhoneのエフェクトになりました。まるで本物のカーテンを開け閉めするようにページをめくることができるかっこいいエフェクトで超クール。これは紹介せずにはいられない。 波打つ波形を忠実に再現 ... 続きを読む

iOS7のかっこいいエフェクトを使ってコンテンツとナビゲーションを切り替えるスクリプト -iOS7 Zoom | コリス

2013/09/11 23 users ズーム jQuery+CSS アニメーション タップ デモ

iOS7のさまざまなシーンで利用されているズームを使って、コンテンツからナビゲーションを切り替えるjQuery+CSS3のかっこいいエフェクトを紹介します。 デモのアニメーション コンテンツから左上のボタンをタップ・クリックすると、ズームを使ってコンテンツを縮小し、ナビゲーションをダイナミックに表示します。 デモはデスクトップだけでなく、スマフォのブラウザでも動作します。 実際の動作は、下記ページ... 続きを読む

これはイイ！写真画像にさまざまなかっこいいエフェクトを与える無料のPhotoshopのアクション -Special FX | コリス

2013/07/18 76 users コリス Freebie Photoshop ステンドグラス

写真画像に1クリックで、スケッチ調やデジタル調にしたり、ステンドグラス、ハリスシャッター、ドットグリッドなどさまざまなエフェクトを与えるPhotoshopのアクションを紹介します。 日本語環境でもそのまま使えますよ（CS6で動作確認済み）。 Freebie: 8 Special Effects for Photos Special FXでできる写真エフェクト一覧 Special FXのインストール... 続きを読む

[JS]jQueryのプラグインを利用する時に、アイデアを加えてかっこいいエフェクトを実装する -jQuery Visible | コリス

2013/03/28 58 users jQuery コリス アイデア プラグイン テクニック

シンプルな機能のjQueryのプラグインを利用して、スクロールして次のコンテンツを表示する時にかっこいいエフェクトを与えるテクニックを紹介します。 Slide In (as you scroll down) Boxes 使用プラグイン：jQuery Visible jQuery Visibleを使ったナイスアイデア 実装 使用プラグイン：jQuery Visible まずは、使用するプラグインから... 続きを読む

半歩先いくかっこいいエフェクトだけでなく実装にもこだわったCSSのフレームワーク -Maxmertkit | コリス

2013/01/22 193 users コリス フレームワーク CSS 実装 半歩先

単独でも素敵なかっこいいエフェクトで十分なのに、それらが全部まとまって、更に実装方法にもこだわったオープンソースのCSSのフレームワークを紹介します。 Maxmertkit まずはトップページのデモで、その素晴らしさが垣間見えます。 ドラッグ&ドロップでさまざまなエレメントを表示します。 Maxmertkitの特徴 Maxmertkitのデモ：スタティック Maxmertkitのデモ：CSS3アニ... 続きを読む

[JS]パネルをグリッドに沿ってドラッグ&ドロップで移動し、レイアウトを自由に構築できるスクリプト -Gridster | コリス

2012/08/01 108 users jQuery コリス カラム マージン グリッド

CSS3アニメーションのかっこいいエフェクトを伴って、パネルをグリッドに沿ってドラッグ&ドロップで移動し、レイアウトを自由に構築できるjQueryのプラグインを紹介します。 パネルはグリッドに沿って、カラムをまたいでも移動できます。移動した際に他のパネルは指定した縦列・横列数とマージンを維持します。 他のパネルも移動可能です。 対応ブラウザ Internet Explorer 9+ Firefox... 続きを読む

[CSS]CSS3を使うとこんなこともできる！紙を折ったり反らしたするかっこいいエフェクト | コリス

2012/06/19 217 users コリス CSS CSS3

Archive by month 2012年6月 (31) 2012年5月 (37) 2012年4月 (40) 2012年3月 (39) 2012年2月 (41) 2012年1月 (32) 2011年12月 (37) 2011年11月 (40) 2011年10月 (45) 2011年9月 (52) 2011年8月 (46) 2011年7月 (42) 2011年6月 (51) 2011年5月 (46... 続きを読む

見るだけでもワクワクする、CSS3とjQueryのかっこいい7つのエフェクト | コリス

2011/11/29 412 users タイポグラフィ コリス エフェクト CSS3とjQuery

ページを開いた瞬間、ユーザーの目を引きつけるようなCSS3とjQueryを使ったタイポグラフィのかっこいいエフェクトを紹介します。 Typography Effects with CSS3 and jQuery かっこい [...] 続きを読む

写真画像を1クリックでInstagram風にかっこよくする -Instagram Action | コリス

2011/11/10 99 users アクション インストール Photoshop用 コリス 海外

1クリックで簡単に、あなたの写真画像にさまざまなかっこいいエフェクトを適用するPhotoshop用のアクションを紹介します。 ついでに、こういった海外のアクションファイルを日本語環境で使用する際の注意点も。 Instagram Actionのエフェクト Instagram Actionのインストール（日本語環境で使う方法） Instagram Actionの使い方 Instagram Action... 続きを読む

[CSS]text-shadowでここまでできる、かっこいいエフェクト集 | コリス

2010/11/08 405 users text-shadow コリス CSS テキスト

テキストに影をつけるtext-shadowを使用して、かっこいいエフェクトを適用するスタイルシートを紹介します。 Using CSS Text-Shadow to Create Cool Text Effects [...] 続きを読む