Webデザインやコンテンツの制作に便利な素材のポータル
ショートカット背景｜ 画像加工｜ ボタン｜ ナビゲーション｜ ロゴ｜ CSS｜ 素材サイト背景Fresh Generator グラデーションや角丸をpng形式で作成できます。【Box】ボックスのサイズ・色・不透明度・影【Corners】角丸の有無・カーブの加減【Border】ボーダーのサイズ・色・... [ 詳細 ] [ 関連 ] [ ニコニコ ]2010/03/08 15:02:09 az-store.nrym.org |
商用利用でも無料、シンプルでクリーンなデザインのテンプレートファイル一式 -Classic Luxuryポートフォリオや写真ギャラリーサイトに最適な、シンプルでクリーンなデザインのCSSベースの無料のテンプレートファイル一式をSix Revisionsから紹介します。Free XHTML Temp... [ 詳細 ] [ 関連 ] [ ニコニコ ] |
WEBデザインに便利なCSSフレームワークのまとめ「Choosing The Best CSS Framework: A Complete Guide」WEBデザインと言えば、HTML5やCSS3が最近では話題を集めていますが、まだまだ現場ではXHTML+CSSという形が主流だと思います。今回紹介... [ 詳細 ] [ 関連 ] [ ニコニコ ]2010/02/12 3:02:00 design-develop.net |
CSS HappyLife ZEROは、CSS初心者・中級者の方を対象にしたリファレンスやレイアウト講座など、CSSに関するアレコレがつまったサイトです。CSS HappyLife ZEROは、主にCSS初心者・中級者の方を対象にしたCSSに関するアレコレがつまったサイトです。プロパティやセレクタ... [ 詳細 ] [ 関連 ] [ ニコニコ ] |
そのまま編集が可能なテーブル実装用jQueryプラグイン「Zentable」。 次のように、クリックでその場で編集できるテーブル実装用のjQueryプラグインです。 以下のような特徴があるようです。ajaxによるデータ読み込みマウスホイールやキーボードによる操作カラムやテーブルのリサイズ機能並び替... [ 詳細 ] [ 関連 ] [ ニコニコ ]2009/12/24 14:18:08 phpspot.org |
2010年に備えて、2009年のウェブデザインに役立つまとめをまとめました。Web Design Trends For 2009邦訳：2009年、押さえておきたいウェブデザインの10のトレンド2009年に流行るで [...] [ 詳細 ] [ 関連 ] [ ニコニコ ]2009/12/22 14:18:05 coliss.com |
Webサイトの制作時にいつも 時間がかかるのがカラー選定 で、少し困っているのでもう少し 時間を短縮したいと思い、使って いるツールも含めていろいろご紹介。いろいろ有りすぎるので使いやすいと思ったサービスに厳選しています。順不同。使いやすさとか好みもあると思うので参考程度に。。。ネタ帳さんのweb... [ 詳細 ] [ 関連 ] [ ニコニコ ]2009/12/08 2:18:00 kachibito.net |
Firefox web browser - Faster, more secure & customizable公開が近づいているFirefox 3.6 (Gecko 1.9.2)ではCSS関連の機能が強化される。従来サポートしてきた機能の強化に加え、CSS3からいくつか新機能の取り込みと、Moz... [ 詳細 ] [ 関連 ] [ ニコニコ ] |
これで無料か、と思わせるほど結構凄いフリーのWordPressのテーマMagnoliaをご紹介。MagnoliaはかなりカスタマイズされたWordPressのテーマで無料で使うことが可能です。スタイルとロゴを設定画面で変更できるMagnoliaはファイルをアップロードし、外観で有効化。設定ページも... [ 詳細 ] [ 関連 ] [ ニコニコ ]2009/12/04 14:18:02 kachibito.net |
最近では、ウェブサイトのデザインもどんどん複雑になっていて、初心者の方々がデザインを真似しようと思ってもなかなか難しい物が多くなってきましたね。これから、ウェブデザインを勉強しようと思っている方々などは、基本的なビジネス系のウェブサイトの真似からはじめてみてはいかがでしょうか？今回は、そんなウェブ... [ 詳細 ] [ 関連 ] [ ニコニコ ]2009/12/02 2:18:00 www.designwalker.com |
PHPを使って3分で作る3キャリア対応ケータイサイト2009/11/17 火曜日 matsui Posted in ソフト紹介, 全キャリア対応 | No Comments » 本日は3分で3キャリア対応ケータイサイト作れてしまうというPHPスクリプト、「らくらくケータイ3キャリアコンバーター（仮... [ 詳細 ] [ 関連 ] [ ニコニコ ]2009/11/18 14:17:58 ke-tai.org |
CSSで作るシンプルかつクールなボタンサンプル「Simply-Buttons v2」。 次のような丸みを帯びたボタンや、角丸の綺麗なボタンのサンプルがダウンロード可能です。 CSSでスタイリングして、更にJavaScript で押した際のイメージ切替が行われます。 ボタンを押すと以下のようにボタン... [ 詳細 ] [ 関連 ] [ ニコニコ ]2009/11/12 22:18:02 phpspot.org |
最近、白黒カラーベースのサイトを 作成したのですが、その際に色々と 参考にしたアイコンやバナーなど のWeb素材やインスピレーション 向上の為のWebデザイン例に なりそうなサイトをまとめておきます。 結局アイコン等は使わなかったんですが、また作る時の備忘録としてメモ＆シェアしたいと思います。ライ... [ 詳細 ] [ 関連 ] [ ニコニコ ] |
cometdocsというサイトで、Webデザイナーのためのオープンソースがたくさん紹介されています。いくつかご紹介しますね。Open Web design.org フリーのデザインテンプレートがダウンロードできるコミュニティーサイトOpen Design Community 1,000を超えるXH... [ 詳細 ] [ 関連 ] [ ニコニコ ] |
![[JS]テキストリンクのカラーにフェード効果を与えるスクリプト -Fade colors | コリス フィード](/thumbnail/348814.png)
テキストリンクのカラーにフェード効果を与えるスクリプトをJanko At Warp Speedから紹介します。Fade colors using jQuery demoフェード効果は不透明度でコントロールされており、リンクの数でフェードの段階が調整されています。また、不透明度ではなくRGB値をコン... [ 詳細 ] [ 関連 ] [ ニコニコ ] |
『 CSSでリストを作る際覚えておきたい8つ／知らないのあるなー。勉強になる 』 [ 詳細 ] [ 関連 ] [ ニコニコ ] |
これは最近お世話になった絵を入れるフレームの素材です。 それと併用して使った背景画像も合わせて紹介しておきます。 [ 詳細 ] [ 関連 ] [ ニコニコ ]2009/10/22 2:18:12 www.css-lecture.com |
As you already familiar with the fact that your website represents you and your brand. It’s up to you how you set-up your website. Just because WordP... [ 詳細 ] [ 関連 ] [ ニコニコ ] |
![[JS]ホバー時に光源が移動するエフェクトがかっこいいスクリプト | コリス フィード](/thumbnail/337170.png)
マウスのホバー時に、光源がカーソルに追従するエフェクトがかっこいいスクリプトをcoders.meから紹介します。Buttons like Windows 7demoホバー時に表示している画像は下記の画像で、カー [...] [ 詳細 ] [ 関連 ] [ ニコニコ ] |
WEB サイトの構成図 を作成するソフトとして使えるのはマインドマップ作成ソフトですが、多機能なだけに重かったり、サイトマップを作成するのにオプションの設定が必要だったりと、あまり手軽ではないと思います。そんなサイト 構成図 をサクッと作って提示、共有したい時に便利なオンライン ソフトをご紹介しま... [ 詳細 ] [ 関連 ] [ ニコニコ ] |
IE6のCSSやJavaScriptなどのバグや仕様で困った時の解決方法をまとめたチートシートをVirtuosi Mediaから紹介します。Ultimate IE6 Cheatsheet: How To Fix 25+ Internet Explorer 6 Bugsチートシートは、レイアウトや画... [ 詳細 ] [ 関連 ] [ ニコニコ ] |
ブラウザごとの面倒で分かり辛いCSSハックとはサヨナラできそうな「PHP CSS Browser Selector」2009年09月14日-ブラウザごとの面倒で分かり辛いCSSハックとはサヨナラできそうな「PHP CSS Browser Selector」。 CSS の記述の単純化 PHPでUse... [ 詳細 ] [ 関連 ] [ ニコニコ ] |
クリエイティブで美しいフリーCSSWEBテンプレート9選「9 Beautiful Free CSS Web Templates」WEBサイトを制作する際とても便利なのがテンプレート。はじめからある程度組まれていますので、そのまま使う事もできますし、作りだけは引き継いでデザインのカスタマイズも可能で... [ 詳細 ] [ 関連 ] [ ニコニコ ] |
![[CSS]スクリプト無しで、パネルを滑らかなスライドで切り替えるスタイルシート | コリス フィード](/thumbnail/328469.png)
画像を配置したパネルをアニメーションのような滑らかなスライドで切り替えるスタイルシートをCSSplayから紹介します。Experimental – Sliding menu demoデモではパネルの左側のナビゲーションにマウスをホバーすると、右側にそれに対応した画像がアニメーションのようなスライド... [ 詳細 ] [ 関連 ] [ ニコニコ ] |
最近発見した、JavaScriptコーディングに関するテクニックやパフォーマンス等の参考になりそうなエントリをリファレンスをまとめてみました。 Avoiding Problems With JavaScript’s getElementById Method in Internet Explore... [ 詳細 ] [ 関連 ] [ ニコニコ ] |
200を超える非常に美しいPhotoshopのパターンがまとまったエントリが公開されています。 deviantARTなどに掲載されているもののピックアップで、紹介されているパターンは以下のように非常に美しいです。 リンク先は以下のエントリを参考にしてください。 200 free beautiful... [ 詳細 ] [ 関連 ] [ ニコニコ ] |
SitePoint: New Articles, Fresh Thinking for Web Developers and DesignersJennifer Farley氏がSitePointにおいてGIF, PNG, JPG. Which One To Use?のタイトルのもと、Webサイト... [ 詳細 ] [ 関連 ] [ ニコニコ ] |
![[JS]滑らかにスライドするナビゲーションを実装するチュートリアル | コリス フィード](/thumbnail/312649.png)
滑らかにスライドするアニメーションが軽快なナビゲーションを実装するチュートリアルをSoh Tanakaから紹介します。Animated Navigation with CSS & jQuery demoデモでは背景の有無の2パターンで、どちらも滑らかにスライドするアニメーションが面白い効果を生み出... [ 詳細 ] [ 関連 ] [ ニコニコ ] |
Smashing Magazine - WE SMASH YOU WITH THE INFORMATION THAT WILL MAKE YOUR LIFE EASIER, REALLY.Gerri Elder氏がSmashing Magazineにおいて35 CSS-Lifesavers For... [ 詳細 ] [ 関連 ] [ ニコニコ ]2009/06/26 18:18:00 journal.mycom.co.jp |
正直、Webデザインは苦手だ。システムは構築できても、その後のデザインで行き詰まって頓挫したサービスは数知れない。最近ではWebデザインテンプレートを使うようになったが、汎用性の低いものが多くカスタマイズも困難な場合が多い。Basecampにも似たWebアプリケーションテンプレート例えばWebシス... [ 詳細 ] [ 関連 ] [ ニコニコ ] |