Pages tagged effect:

Photography: Create Your Own Bokeh for Beautiful Photo Effects
http://lifehacker.com/5142551/create-your-own-bokeh-for-beautiful-photo-effects

bokehって何のことだと思ったら「ボケ」ね。
yadda
photography
Create a jQuery Popup Bubble » Digital Visions Queenstown
http://www.dvq.co.nz/web-design/create-a-jquery-popup-bubble-effect/
Create a magical rainbow color flame in Photoshop | Veerle's blog
http://veerle.duoh.com/blog/comments/create_a_magical_rainbow_color_flame_in_photoshop/
how you can create a magical rainbow color flame. basic knowledge of Photoshop is needed.
テキストエフェクトのチュートリアル100選 -2008年総集編 | コリス
http://coliss.com/articles/build-websites/operation/design/3072.html
メタル、光、カラフル、グランジ、レトロ、ピクセル、水彩、ネイチャー・木・草・花、紙・布、水・液体・炎・煙、3D
あとでざーっとさらっとく
Royal Pingdom » Dawn of the Twitter Effect
http://royal.pingdom.com/2009/02/03/dawn-of-the-twitter-effect/
Blog on Twitter shutting down a site.
Yesterday a Twitter post (a tweet) by Mashable’s Pete Cashmore became so popular that traffic from Twitter crashed a blog. This sounds very similar to a common social media phenomenon originally known as the Slashdot effect (and later also the Digg effect), where a post on a popular social media site pushes more traffic than the target site can handle.
20+ Awesome Light Effect and Abstract Photoshop Brushes
http://psdfan.com/freebies/brushes/20-awesome-light-effect-and-abstract-photoshop-brushes/
Flottir bustar fyrir Photoshop
Discover the “Cool” of CSS: 25 Advanced CSS Techniques | Desizn Tech
http://desizntech.info/2009/03/discover-the-cool-of-css-25-advanced-css-techniques/
Discover the “Cool” of CSS: 25 Advanced CSS Techniques
15 Artistic Watercolor Effects Photoshop Tutorials
http://digg.com/d1o7VO
Toggle Tutorial - jQuery CSS Toggle Effect - javascript toggle tutorial - simple Toggle Effect
http://www.sohtanaka.com/web-design/easy-toggle-jquery-tutorial/
jQuery Image Effects - Hover Effect w/ jQuery & CSS - jQuery Tutorial
http://www.sohtanaka.com/web-design/fancy-thumbnail-hover-effect-w-jquery/
Recently I was checking out some nice flash galleries and came across an effect that I really liked. I had a sudden urge to duplicate that similar effect but
20 More Excellent AJAX Effects You Should Know - Nettuts+
http://net.tutsplus.com/articles/web-roundups/20-more-excellent-ajax-effects-you-should-know/
Back in October we wowed you with 20 Excellent Ajax Effects You Should Know. The post went on to become one of the most popular ever published at Nettuts+. This
Wolfram Blog : Droste Effect with Mathematica
http://blog.wolfram.com/2009/04/24/droste-effect-with-mathematica/
Droste
35 Examples Of Masterful Lighting Effects In Web Design | Design Showcase | Smashing Magazine
http://www.smashingmagazine.com/2009/05/07/30-examples-of-masterful-lighting-effects-in-web-design/
35 Examples Of Masterful Lighting Effects In Web Design
light effects in web design
Using a light source the right way can add dimension and beauty to a website design. Strong light sources create a stark contrast between light areas and shadows in a design, making the elements look more realistic and dimensional and less flat. Some websites opt instead for a dim light source to create a soft glow around particular areas of the website, to attract the eye more subtly. Lighting can also create a mood for a website. Some websites use bright swirls of light to show energy, while others use a dim glow to create a peaceful mood. In the examples below, you will see a wide range of lighting effects used, from subtle lighting effects to bold rays of light streaking across the page
Simple Page Peel Effect with jQuery & CSS
http://www.sohtanaka.com/web-design/simple-page-peel-effect-with-jquery-css/
Simple Page Peel Effect with jQuery & CSS
pliegue de hoja
Introducing MooTools ScrollSpy
http://davidwalsh.name/scrollspy
MooTools ScrollSpy
I’ve been excited to release this plugin for a long time. MooTools ScrollSpy is a unique but simple MooTools plugin that listens to page scrolling and fires events based on where the user has scrolled to in the page. Now you can fire specific functionality with just a few simple parameters.
ลูกเล่น เจ๋งๆ
跟踪浏览器滚动条
Plugin per MooTools che intercetta lo scrolling della pagina ed è in grado di attivare specifici eventi in base alla posizione in cui si trova l’utente nell’operazione di scorrimento.
5 Extremely Simple Ways To Add Page Curl To Your Website
http://www.webdesignbooth.com/5-extremely-simple-ways-to-add-page-curl-to-your-website/
5 Extremely Simple Ways To Add Page Curl To Your Website
Page peel, also known as page curl, is something that you put at your website corner to display additional information such as advertisements, promotions or banners.
CSS swap hover effect | Min Tran's weblog
http://min.frexy.com/article/css_swap_hover_effect/
changes image to text when hovering mouse
CSS swap hover effect
CSS effects - util in webdevelopement
ソースがダウンロードできるFlashエフェクト集 | DesignWalker
http://www.designwalker.com/2009/06/flash-effect.html
flashのサンプルに
FlashのEffectいろいろ
フラッシュのエフェクト集。いつか使う。
ソースみれるっていうのは良いよね、特にflashなんかだと。
けど素敵だぉ。
Illustrator swatches gradient background effect | Veerle's blog
http://veerle.duoh.com/blog/comments/illustrator_swatches_gradient_background_effect/
Gradient style
!!!
The youlove.us scrolling background effect explained | youlove.us
http://youlove.us/blog/the-youloveus-scrolling-background-effect-explained
We’ve had a lot of questions regarding the background effect on our new site – so I thought I’d explain how it works, to save you the trouble of picking through the source code. Feel free to base your own designs on this technique, but don’t just straight up copy our code and images – we’ve spent a good amount of time on this. If you’re feeling nice give us a mention on your web site/blog/twitter/facebook/bebo/myspace or to your mates down the pub.
Bloody lovely.
We've had a lot of questions regarding the background effect on our new site - so I thought I'd explain how it works, to save you the trouble of picking through
マスターしておきたい、Illustratorの基本的なエフェクト集 | コリス
http://coliss.com/articles/build-websites/operation/design/tutorial-mastering-illustrator-effects.html
Catch My Fame » Blog Archive » jQuery Before/After Plugin
http://www.catchmyfame.com/2009/06/25/jquery-beforeafter-plugin/
Pretty nifty before/after image slider in javascript
About a month ago I was reading the New York Times online and they had an article which showed a road in Brooklyn that had been reconstructed to make it safer and more pleasing to the eye. To show the difference in the reconstruction project, they showed a before and after picture using Flash that let the visitor drag a slider over the images, which were sandwiched with one on top of the other, so that you could easily see how dramatic the changes were. I immediately thought that this could be done in JavaScript using jQuery, so I set out to do it.
QuickFlip 2: The jQuery Flipping Plugin Made Faster and Simpler | Jon Raasch's Blog
http://jonraasch.com/blog/quickflip-2-jquery-plugin
The jQuery Flipping Plugin Made Faster and Simpler
Colorburned | Stunning Smoke Effects: 42 High Resolution Photoshop Brushes
http://colorburned.com/2009/07/stunning-smoke-effects-42-stunning-high-resolution-photoshop-brushes.html
Colorburned
煙のブラシ。
How to Mold Paint Splatter to a Face in Photoshop - Psdtuts+
http://psd.tutsplus.com/tutorials/tutorials-effects/how-to-mold-paint-splatter-to-a-face-in-photoshop/
How to Mold Paint Splatter to a Face in Photoshop
How to Mold Paint Splatter to a Face in Photoshop - Psdtuts+ - http://psd.tutsplus.com/tutorials/tutorials-effects/how-to-mold-paint-splatter-to-a-face-in-photoshop/
23 jQuery Fade in Fade out Effect - Toolbox - Geek Sucks
http://www.geeksucks.com/toolbox/23-jquery-fade-in-fade-out-effect.htm
23 jQuery Fade in Fade out Effect
Create a Realistic Hover Effect With jQuery « Blog and Web Design Portfolio of Adrian Pelletier
http://www.adrianpelletier.com/2009/05/31/create-a-realistic-hover-effect-with-jquery-ui
Ajaxian » Text rotation for all
http://ajaxian.com/archives/text-rotation-for-all
Neat
Uma maneira bastante simples de rotacionar textos usando apenas CSS.
text rotation with CSS
You can pretty easily put in text rotation code for any browser. Well, the three major ones, anyway.
16 Great Photoshop Light Effect Tutorials | Design Shard
http://www.designshard.com/video-tutorials/16-great-photoshop-light-effect-tutorials/
I've selected various Photoshop tutorials that I'm liking at the moment for light effects, some have quite cool techniques on how to achieve the end result that can be applied to a million different designs.
Photoshop ブレンドモードを使いこなしてワンランク上の画像合成 | DesignWalker
http://www.designwalker.com/2009/07/photoshop-blend-mode.html
25 Websites with Lighting Effects – Part III | Vandelay Design Blog
http://vandelaydesign.com/blog/galleries/websites-with-lighting-effects/
Web Design and Development Blog
50+ Most Amazing Adobe After Effects Tutorials You Need to Learn | Naldz Graphics
http://naldzgraphics.net/tutorials/50-most-amazing-adobe-after-effects-tutorials-you-need-to-learn/
Using Opacity to Show Focus with jQuery
http://davidwalsh.name/opacity-focus-jquery
Built with typographic standards in mind, Baseline makes it easy to develop a website with a pleasing grid and good typography. Baseline starts with several files to reset the browser’s default behavior, build a basic typographic layout — including style for HTML forms and new HTML 5 elements — and build a simple grid system. Baseline was born to be a quick way to prototype a website and grew up to become a full typographic framework for the web using “real” baseline grid as it’s foundation.
Greyscale Hover Effect w/ CSS & jQuery | Grayscale Effect | jQuery Hover Tutorial | Easy jQuery Tutorial
http://www.sohtanaka.com/web-design/greyscale-hover-effect-w-css-jquery/
35+ Create Amazing Image Effects and Sliders with These Awesome jQuery Plugins | tripwire magazine
http://www.tripwiremagazine.com/tools/tools/35-create-amazing-image-effects-and-sliders-with-these-awesome-jquery-plugins.html
JavaScript frameworks like jQuery, prototype (and script.aculo.us), Dojo and mootools have become very popular because they are making the creation of dynamic effects much easier without using fx. flash. jQuery has become one of the most used JavaScript libraries today and can be found in the core of popular products like Wordpress and Drupal. The community is providing a huge amount of free plugins making it possible to find good solutions to nearny any need you may have. This article will introduce you to more than 35 jQuery plugins providing enhancements to how you can display images on your web pages. This is essential for creating dynamic state of the art web solutions. Lets get started!
tripwire magazine provides easy to digest articles with relevant and hand-picked information all subjects of web design and development, ranging from; Fonts, Photoshop, CSS, Ajax, Javascript, web design, graphics, typography, advertising, SEO, Tutorials & much more.
jquery画像系まとめ
Super Easy Neon Style in Photoshop | Abduzeedo | Graphic Design Inspiration and Photoshop Tutorials
http://abduzeedo.com/super-easy-neon-style-photoshop
nice neon sign effect
neon lights
Fade colors using jQuery
http://www.jankoatwarpspeed.com/post/2009/10/13/Fade-colors-jQuery.aspx
Fade colors using jQuery
como dar un efecto de desvanecimiento a una lista de links
Pretty cool
Example | HieuUK
http://www.hieu.co.uk/blog/index.php/tabswitch/example/
Amazing jQuery Hover Effects | jQuery Wisdom
http://www.jquery.wisdomplug.com/jquery-plugins/jquery-animation-effects-plugins-jquery-plugins/amazing-jquery-hover-effects/
Amazing jQuery Hover Effects | jQuery Wisdom - http://www.jquery.wisdomplug.com/jquery-plugins/jquery-animation-effects-plugins-jquery-plugins/amazing-jquery-hover-effects/
Let hovers effects communicate and interact with the users. This collection of my handpicked amazing jQuery Hover effect plugins and tutorials will help you bring great interactivity and usability into your website.
Collection d'effets hover.
50 Stunning Examples of the Droste Effect | Webdesigner Depot
http://www.webdesignerdepot.com/2009/09/50-stunning-examples-of-the-droste-effect/
The Droste effect is a Dutch term for a specific type of recursive picture. An image exhibiting the Droste effect depicts a smaller version of the image
101 Top Photoshop Typography Tuts | AntsMagazine.Com
http://www.antsmagazine.com/2009/03/101-top-photoshop-typography-tuts/
Amazing set of typography/text tutorials
Creating Very Cool Folded Typo | Abduzeedo | Graphic Design Inspiration and Photoshop Tutorials
http://abduzeedo.com/creating-very-cool-folded-typo
Creating Very Cool Folded Typo
Folded text tutorial
Fuentes despegadas
In this tutorial I will show how to create a very cool folding effect to apply on your typography using photoshop, in very easy and in a couple simple steps you can transform a simple text into a text full of folded letters to give a very cool look to it, check it out.
In this tutorial I will show how to create a very cool folding effect to apply on your typography, in very easy and in a couple simple steps you can transform a simple text into a text full of folded letters to give a very cool look to it, check it out.
Bubble Effect with CSS | AEXT.NET
http://aext.net/2009/11/bubble-effect-with-css/
Bubble Effect with CSS | AEXT.NET
Bubble Effect with CSS | AEXT.NET - http://aext.net/2009/11/bubble-effect-with-css/
5 Fresh and Useful jQuery Plugins Were Born in November 2009 | AEXT.NET
http://aext.net/2009/11/5-fresh-and-useful-jquery-plugins-were-born-in-november-2009/
Román Cortés » CSS 3D Meninas
http://www.romancortes.com/blog/css-3d-meninas/
CSS3 maakt #D view mogelijk!
How to Create Smoky Brushes and Type In Illustrator CS4 - Vectortuts+
http://vector.tutsplus.com/tutorials/text-effects/how-to-create-smoky-brushes-and-type-in-illustrator-cs4/
イラストレーターで煙の表現
How to Create Smoky Brushes and Type In Illustrator CS4
Using jQuery Stop
http://css-tricks.com/examples/jQueryStop/
jQueryのanimateのキューオプションと.stop()メソッド引数による動作制御のバリエーションデモ*jQueryのanimateメソッドは、動作を待ち行列(キュー)へためて順次実行してくれますが、放っておくと延々とため続けてしまうので、stopメソッドやqueueオプションでそれを制御する。
Strategies for handling the timing of jQuery animations triggered by UI.
35 Creative Portrait Effects Photoshop Tutorials
http://ow.ly/1O7H
efeitos em fotografia
Crossprocess Effect.
How to Create a Realistic IES Lighting Effect in Photoshop - Psdtuts+
http://psd.tutsplus.com/tutorials/tutorials-effects/how-to-create-a-realistic-ies-lighting-effect-in-photoshop/
In this tutorial, I'll show you how to create a realistic IES (photometric) lighting effect. We'll be using Photoshop CS4 as well as some free plugins and
licht, light, spot, spotlight, blendeffekt
Really cool lighting in photoshop
Making a Photoshoot Effect With jQuery & CSS – Tutorialzine
http://tutorialzine.com/2010/02/photo-shoot-css-jquery/
We are creating a photo shoot effect with our just-released PhotoShoot jQuery plug-in. With it you can convert a regular div on the page into a photo shooting stage simulating a camera-like feel. Using this plug-in, we give visitors the ability to take shots of the background image.
The jQuery PhotoShoot plugin gives you the ability to convert any div on your web page into a photo shooting effect, complete with a view finder.
Agrega un efecto de blur a una imagen como si estuviese hecho en photoshop, cool!
33 Creative Photoshop Tutorials Text Effects for Beginners and Advanced
http://www.youthedesigner.com/2010/02/09/33-creative-photoshop-tutorials-text-effects-for-beginners-and-advanced/
33 Creative Photoshop Tutorials Text Effects for Beginners and Advanced
http://moviesvip1.blogspot.com/
35 Useful jQuery Plugins for Slideshows, Graphs and Text Effects - Noupe
http://www.noupe.com/jquery/35-useful-jquery-plugins-for-slideshows-graphs-and-text-effects.html
By Angel Wardriver jQuery can empower a developer with the tools required to create a rich user experience. The way in which we display images, text, charts and
jQuery can empower a developer with the tools required to create a rich user experience. The way in which we display images, text, charts and graphs can enhance functionality for the wide range of users. Let’s take a look at 35 powerful and effective jQuery plugins and techniques for slideshows, graphs and text effects.
CSS Trick For A Scrolling Transparent Background Effect
http://www.fivefingercoding.com/xhtml-and-css/scrolling-transparent-background-effect
Learn an easy CSS trick to create a transparent scrolling background effect like that found on the Think Geek website, including fixes for IE6.
The ThinkGeek background effect explained
jQuery Roundabout Shapes
http://fredhq.com/projects/roundabout-shapes/
Roundabout Shapes provide even more paths along which your Roundabout can move. The current version of Roundabout Shapes offers eleven additional movements.
liタグがぐるぐる
Move Elements with Even More Style Roundabout Shapes provide even more paths along which your Roundabout can move. The current version of Roundabout Shapes offers eleven additional movements.
Superb variety of carousel examples and implementations.
jqFancyTransitions: jQuery Image Rotator Plugin
http://workshop.rs/projects/jqfancytransitions/
jqFancyTransitions is easy-to-use jQuery plugin for displaying your photos as slideshow with fancy transition effects. jqFancyTransitions is compatible and fully tested with Safari 2+, Internet Explorer 6+, Firefox 2+, Google Chrome 3+, Opera 9+.
jqFancyTransitions: jQuery Image Rotator
jqFancyTransitions is easy-to-use jQuery plugin for displaying your photos as slideshow with fancy transition effects.
Uncovering Toy Cameras and Polaroid Vintage Effects (With Photoshop Tutorials) - Smashing Magazine
http://www.smashingmagazine.com/2010/03/10/uncovering-toy-cameras-and-polaroid-vintage-effects/
DeskTopLive.xna
http://b-o-w.jp/events/dtl_xna/
気になる。
マウスポインタの位置座標でチューニング
チューニングする感覚がある
brilliant. tune in site
Create a Realistic Hover Effect With jQuery « Blog and Web Design Portfolio of Adrian Pelletier
http://www.adrianpelletier.com/2009/05/31/create-a-realistic-hover-effect-with-jquery-ui/comment-page-1/#comment-3367
A very impressive demo of reflection and shaddown on icons
Beautiful advanced jQuery background image slideshow
http://www.marcofolio.net/webdesign/advanced_jquery_background_image_slideshow.html
slide show no background
RT @smashingmag: Advanced jQuery background image slideshow - http://bit.ly/bLdKiK
Coin Slider: jQuery Image Slider Plugin with Unique Effects
http://workshop.rs/projects/coin-slider/
# Unique transition effects # Compatible with Internet Explorer 6+, Firefox 2+, Safari 2+, Google Chrome 3+, Opera 9+ # Valid markup # Flexible configuration # Auto slide # Navigation box # Lightweight (8kb only) # Linking images # Free to use under MIT licence # Fully customizable using CSS
画像切り替えがユニークな画像スライダー実装jQueryプラグイン「Coin Slider」。 画像の切替を、タイル状に切り替えたりすることができるみたいです。
画像をタイル状に切り替える
Snazzy Hover Effects Using CSS
http://sixrevisions.com/css/snazzy-hover-effects-using-css/
Informacion sobre imagenes con Css:hover
With all these CSS3 effects and tutorials popping up every day that show all the new and wonderful things we can make happen, we sometimes forget about poor little old CSS2.1 and the great potential it still has. With very good browser support, we can do lots of cool things that we know will work in all major browsers. In this tutorial, I will be going over creating flexible advanced hover techniques using CSS2.1 properties.
Creating a Shaking Login Form | Design Shack
http://designshack.co.uk/articles/creating-a-shaking-login-form
做一个晃动的登录框
jQuery Circulate
http://css-tricks.com/examples/Circulate/
Sponsor Flip Wall With jQuery & CSS | Tutorialzine demo
http://demo.tutorialzine.com/2010/03/sponsor-wall-flip-jquery-css/demo.php
Ajax Spy | jQuery for Designers - Tutorials and screencasts
http://jqueryfordesigners.com/ajax-spy/
How to create a spy effect (diggspy) as seen on the first version of QuickSnapper. However I did promise I would demonstrate how to ajaxify the spy. Here it is.
Tutorials and screencasts
光を効果的に使用したPhotoshopのチュートリアル集:Part 9 | コリス
http://coliss.com/articles/build-websites/operation/design/1870.html
英語
Professor Cloud
http://www.professorcloud.com/mainsite/cloud-zoom.htm
Cloud Zoom is a jQuery image zoom plugin
Apple-like Retina Effect With jQuery – Tutorialzine
http://tutorialzine.com/2010/06/apple-like-retina-effect-jquery-css/
How to Create Sleek Sliding Boxes With jQuery | Graphic and Web Design Blog
http://www.1stwebdesigner.com/tutorials/create-sleek-sliding-boxes-jquery/
上下左右からパネルをスライドさせる
Galeria de imagenes con efecto hover sobre ellas
เอาเม้าส์เหนือแล้วรูปเลื่อนออก
Sexy Image Hover Effects using CSS3 | Nikesh Hayaran's Blog
http://www.nikesh.me/blog/2010/05/sexy-image-hover-effects-using-css3/
Wikidot & CSS3: Infobox with Pure CSS 3D Ribbon
http://css3.wikidot.com/blog:infobox-with-pure-css-3d-ribbon
Super Cool CSS Flip Effect with Webkit Animation
http://line25.com/articles/super-cool-css-flip-effect-with-webkit-animation
30 Best Photoshop Text Effects Tutorials
http://resources.savedelete.com/30-best-photoshop-text-effects-tutorials.html
30 Best Photoshop Text Effects Tutorials
Tutoriais PhotoShop, os 30 melhores. eheh
30 Best Photoshop Text Effects Tutorials
http://resources.savedelete.com/30-best-photoshop-text-effects-tutorials.html
海外サイトのロゴっぽい加工のチュートリアル。
30 Best Photoshop Text Effects Tutorials
How To Give Your Photos a Cool Retro Analog Effect
http://www.blog.spoongraphics.co.uk/tutorials/how-to-give-your-photos-a-cool-retro-analog-effect
Photo retro photoshop
vintage photo effect
MITYA.CO.UK  |  Scripts  |  Blockster transition effect
http://www.mitya.co.uk/scripts/Blockster-transition-effect-122
MITYA.CO.UK | Scripts | Blockster transition effect - http://www.mitya.co.uk/scripts/Blockster-transition-effect-122
Blockster is a Javascript transition effect designed for 'featured content' rotators or slideshows. Its underlying concept is to transition between one element to the next block by block. It is highly customisable in terms of how many blocks are involved, whether they fade in or simply appear, whether they appear in order or randomly, and more.