![[JS]写真撮影のように画像を切り取るスクリプト -Photoshoot | コリス フィード](/thumbnail/392342.png)
大きな画像から指定した一部だけを切り抜いて、写真の撮影をシミュレートしたスクリプトをTutorialzineから紹介します。Making a Photoshoot Effect With jQuery & CSS デモページデモではカーソルに合わせて、カメラのファインダーで覗いているような矩形が表... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
Último proyecto completado: Chimeneas Rofer & Rodi Proyecto actual en curso: Arteforo(versión en castellano abajo)I’ve took the classic paint The Mai... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
Webサイトの制作時にいつも 時間がかかるのがカラー選定 で、少し困っているのでもう少し 時間を短縮したいと思い、使って いるツールも含めていろいろご紹介。いろいろ有りすぎるので使いやすいと思ったサービスに厳選しています。順不同。使いやすさとか好みもあると思うので参考程度に。。。ネタ帳さんのweb... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
机上に写真が散らばったようなクールなLightBoxギャラリーのサンプルとプログラムダウンロードが可能です。 CSS3の機能によって画像を回転させたりしていますが、CSS3非対応ブラウザでも動作する模様です。 写真がドラッグ＆ドロップで移動できて、ドロップ位置にドロップするとShareする、という... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
![[JS]二枚の画像を少しずつブレンドして切り替えるスクリプト -Floom | コリス フィード](/thumbnail/349158.png)
二枚の画像を少しずつフェードでブレンドして切り替える画像ギャラリーのスクリプトをblog.olicio.usから紹介します。Floom demoデモはまるでフラッシュのように、進捗のバーが表示され、画像を切り替えると共にテキストも変更し、次々と画像を表示します。オプションでは、アニメーションのスピ... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
7 Key Principles That Make A Web Design Look Good下記、そのポイントを意訳したものです。1. バランス2. グリッド3. カラー4. グラフィック5. タイポグラフィ6. ホワイトスペース7. コネクションおわりに1. バランスバランスで一番大切なこ... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
![[CSS]HTML5, CSS3, jQueryを使用して実装する画像ギャラリー | コリス フィード](/thumbnail/345990.png)
HTML5で実装し、CSS3を使用して面白い効果をつけ、jQueryで拡大表示する画像ギャラリーをCSS-Tricksから紹介します。Editable CSS3 Image Gallery demoデモはSafariやChromeで見ると、各サムネイル画像がマウスオーバー時にアニメーションを伴って... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
日本のWebデザインってあまりトレンド というのは無いような気がします。なんと言うか 見易さとか実用性メインでデザインは結構 シンプルだったりしますし、日本人に合ってる のかもしれないですね。そんな訳で日本人の 感性で作られた商用利用もOKの国内の Web素材配布サイトをまとめてメモしておきます。... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
![[CSS]個別のリンクにも対応した画像ギャラリーのスタイルシート | コリス フィード](/thumbnail/339198.png)
クリックで画像を変更し、各画像の個別リンクにも対応した画像ギャラリーを実装するスタイルシートをCSSplayから紹介します。A permanent image click gallery 上記画像のパーマリンクこういったスタイルシートで実装されて画像ギャラリーは、通常マウスオーバーで画像を切り替え... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
こちらの記事を先日の「CSS Nite vol.39」のフォローアップとさせていただきます。スライドの方は別途公開ということで、フォローしておいた方が良さそうなカラーマネジメント系の話とモニタの調整の手順（Windows / OS X）、あとおまけで講演時に使ったトマトの写真の元写真からCamer... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
|
Magical things can be done by combining various CSS properties, especially when some of the new CSS3 tricks are thrown into the mix. Let’s take a loo... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
![[CSS]スクリプト無しで、パネルを滑らかなスライドで切り替えるスタイルシート | コリス フィード](/thumbnail/327283.png)
画像を配置したパネルをアニメーションのような滑らかなスライドで切り替えるスタイルシートをCSSplayから紹介します。Experimental – Sliding menu demoデモではパネルの左側のナビゲーションにマウスをホバーすると、右側にそれに対応した画像がアニメーションのようなスライド... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
ピュアCSSで画像を壁に貼ったポラロイドギャラリー風にするサンプル。 これはなかなか凄いCSSテクニックです。CSS3の機能も使って、普通の<img>タグ群で出来ちゃってます。 普通の画像リスト 枠を付けます ちょっと回転させて自然にします。 サンプルは、以下より参照してください。 How To ... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
JANKOで、画像hover時にズームアイコンを表示するチュートリアルが紹介されています。jQueryを使ったフェードイン&アウトのサンプルがかっこいいです。デモは以下から。» View live demospanエレメントを動的に削除して、アニメーションをつけているようですね。一度見てみてくださ... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
PNG画像の最適化手法についてはたまに話題に上りますが（ここらへん）、そうした処理を自動でやってくれるっぽいツールのご紹介。punypngを使えば画像をアップするだけでささっと変換してくれますよ。↑ 変換中。↑ おー、確かに。実際やってみたのでBefore＆Afterをば。上にもあるように約8%圧... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
SitePoint: New Articles, Fresh Thinking for Web Developers and DesignersJennifer Farley氏がSitePointにおいてGIF, PNG, JPG. Which One To Use?のタイトルのもと、Webサイト... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
![[CSS]シンプルなHTMLで画像ギャラリーを実装するスタイルシート | コリス フィード](/thumbnail/311862.png)
クリックで画像がかわる、軽快な画像ギャラリーを実装するスタイルシートをdevirtuosoから紹介します。/* CSS Reset */* {margin: 0;padding: 0;border: 0;outline: 0;}/* Setup Tabs */ul{background:#000;... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
『 サムネイルをどう装飾するか。枠をつけたり影をつけたり。 』 [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
Plugins | jQuery Plugins 高速に動作する画像カルーセルＵＩ実装用jQueryプラグイン「Agile Carousel」 ページ右上のページ送りボタンを押せば滑らかに、かつ高速にアニメーションします。 スクリプトはシンプルでありながら、オプション指定が色々とできてカスタマイズ... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
![無料サービスを活用して手軽にwebサイトを作るための12選[ネタ帳内]*ホームページを作る人のネタ帳 フィード](/thumbnail/285508.png)
最近、副業に手を染めたいアナタへ贈る11選とか、教えて君ネットがゴールデンウィーク前に仕掛けたXPやVistaを極限まで軽くする！ 19のチューニングテクとかを見て、『あーなるほど！』って思った事がありまして。 よーく見るとまとめなんですが、自分のところの記事を、これまたうまい具合にまとめてあって... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
