はてブログ

はてなブックマーク新着エントリーの過去ログサイトです。



タグ かっこいいエフェクト

新着順 人気順 5 users 10 users 50 users 100 users 500 users 1000 users
 
(1 - 15 / 15件)
 

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

2015/09/11 このエントリーをはてなブックマークに追加 292 users Instapaper Pocket Tweet Facebook Share Evernote Clip ポートフォリオ 縦長ページ ランディングページ コリス 紹介

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

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

2015/05/15 このエントリーをはてなブックマークに追加 547 users Instapaper Pocket Tweet Facebook Share Evernote Clip ポートフォリオ 縦長ページ ランディングページ コリス ブログ

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

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

2015/04/05 このエントリーをはてなブックマークに追加 478 users Instapaper Pocket Tweet Facebook Share Evernote Clip コリス CSS Ope CodyHouse 最新チュートリアル

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

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

2015/03/19 このエントリーをはてなブックマークに追加 161 users Instapaper Pocket Tweet Facebook Share Evernote Clip コリス jQuery Zepto スクリプト エフェクト

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

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

2014/12/15 このエントリーをはてなブックマークに追加 169 users Instapaper Pocket Tweet Facebook Share Evernote Clip Beetle コリス ポートフォリオ テンプレート 縦長ページ

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

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

2014/06/24 このエントリーをはてなブックマークに追加 146 users Instapaper Pocket Tweet Facebook Share Evernote Clip コリス Codrops SVG エレメント ウェブページ

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

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

2014/04/18 このエントリーをはてなブックマークに追加 313 users Instapaper Pocket Tweet Facebook Share Evernote Clip たくさん コリス エフェクト Photoshop スキルアップ

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

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

2013/07/18 このエントリーをはてなブックマークに追加 76 users Instapaper Pocket Tweet Facebook Share Evernote Clip コリス Freebie Photoshop ステンドグラス

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

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

2013/03/28 このエントリーをはてなブックマークに追加 58 users Instapaper Pocket Tweet Facebook Share Evernote Clip jQuery コリス アイデア プラグイン テクニック

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

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

2013/01/22 このエントリーをはてなブックマークに追加 193 users Instapaper Pocket Tweet Facebook Share Evernote Clip コリス フレームワーク CSS 実装 半歩先

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

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

2012/08/01 このエントリーをはてなブックマークに追加 108 users Instapaper Pocket Tweet Facebook Share Evernote Clip jQuery コリス カラム マージン グリッド

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

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

2012/06/19 このエントリーをはてなブックマークに追加 217 users Instapaper Pocket Tweet Facebook Share Evernote Clip コリス 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 Instapaper Pocket Tweet Facebook Share Evernote Clip タイポグラフィ コリス エフェクト CSS3とjQuery

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

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

2011/11/10 このエントリーをはてなブックマークに追加 99 users Instapaper Pocket Tweet Facebook Share Evernote Clip アクション インストール Photoshop用 コリス 海外

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

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

2010/11/08 このエントリーをはてなブックマークに追加 405 users Instapaper Pocket Tweet Facebook Share Evernote Clip text-shadow コリス CSS テキスト

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

 
(1 - 15 / 15件)