256 Pixels - a daily favicon design challenge Web上で簡単Favicon作成「256 Pixels」 キャンバス上に描画すると、そのまま図の右のようにアドレスバーにプレビュー表示されます。 作成したものはtagをつけてsubmitできるソーシャルなサービスとなっているようです。 簡単な物ならこれで書いて作成っていうのも楽でいいですね。
STUDIO7DESIGNS Free CSS and XHTML Website Templates created this site to provide people with free xhtml and css designs. 美麗なCSS/XHTMLデザインテンプレート配布サイト「STUDIO7DESIGNS」。 Organic Design Template Eco Business Template. NauticaX2. Nautica05. NauticaX1. Nautica09. Nautica05 Dark. ブログやサイト構築の際に使えますね。 ライセンスは「Creative Commons 2.5 licence」。
WordPress関連まとめリスト。 WordPressの人気は凄いようで、そのまとめサイトの充実ぶりもいいです。 30+ AJAX-Powered WordPress Plugins - AJAX機能を使ったプライン集 30+ 1-Column WordPress Themes - クールな1カラムテンプレート 30+ WordPress 2-Column Themes - クールな2カラムテンプレート集 30+ WordPress 3-Column Themes - クールな3カラムテンプレート集 20 Wordpress 4-Column Themes - クールな4カラムテンプレート集 50+ Tools For The WordPress Admin - 管理者向けツール 17 WordPress Plugins For AdSense - Adsense用プラグイン 30+
サイトのCSSを見たままリアルタイムに編集するツール色々。 WEBデザイン開発において、編集→リアルタイム反映というのはなかなか効率がよいですね。 ということで、各種、リアルタイムCSS編集ツールをピックアップします。 FireFox拡張 or スタンドアロンアプリ FireBug - リアルタイムに指定部分のCSSが切り替え可能(参考記事)。CSS以外にも便利機能満載。 EditCSS - FireFox拡張で、エディタがインストールされ、エディタ編集と同時に即座にCSSが反映される。 CSSVista - IEとFireFoxの画面で一括プレビューが可能。 Web Developer ToolBar - WEBデザイナー必須のFireFox拡張。CSSの直接編集も可能。 他にもCSSやアクセシビリティに関する便利機能満載。 ブラウザ上で動作するオンラインツール たぬきのしっぽ - CS
使用するFlashプレイヤーのバージョンを選べるようになるFirefox拡張「Flash Switcher」 2007年08月29日- Flash Switcher extension for Firefox - sephiroth.it - flash & php I just did this new extension (my third extension) for Mozilla firefox. I hope it can be useful for Flash developer who want to easily test their pages with different flash player versions. 使用するFlashプレイヤーのバージョンを選べるようになるFirefox拡張「Flash Switcher」 インストールすると、次のように、ブラウザの
Uza’s Blog & More Blog Archive SOLVED: Right Click in AS3 A day or two ago polyGeek has revived an old and challenging idea that one could make use of custom right-click functionality in Flash (AS3 Javascript).Flashムービー上で右クリックを可能にするサンプル。 Flash上では通常、右クリックするとFlashメニューが現れます。 ただ、この機能により、Flash上で右クリックが使えず、マウスの左右ボタンを使ったゲームなどが作れないという欠点がありました。 今回紹介するサンプルを使えば「デモ」のようにFlash上で右クリックが出来るようになります。 このサンプルを応用して、Flas
CSS Juice Tools Below is the complete list of online generators and tools WEBデザインに便利なオンラインジェネレーター&ツール集。 WEB2.0なサイトのデザインを作る際にかなり使えるブラウザツール集がまとまっていました。 角丸コーナージェネレート Roundedcornr Spiffy Corners Sitepoint Spanky Spiffy Box CSSフォーマッター、オプティマイザー Code Beautifier Clean CSS CSSDrive Compressor CSS Optimiser Web2.0ロゴジェネレーター Web 2.0 logo creatr Creatr Web 2.0 Stylr Web 2.0 Free Logo Generator ストライプ背景画像ジェネレーター
CSS Juice 38 Free Icon Checkpoints フリーのアイコンを探す&入手できるサイト集。 アイコンはWEBサイトやデスクトップに配置し、利用者により使いやすいインタフェースを提供します。 うまくアイコンを使っているサイトは使いやすく、見栄えも美しく感じます。 アイコンのクオリティ自体も重要でしょう。 アイコンの検索サイト iconfinder iconlet 小さいアイコン配布サイト FamFamFam Tango Icon Library 2pt3 Drunkey Love Iconset Strawbee 続きをみる デスクトップアイコン配布サイト Zeusbox Feedicons FastIcon IconFactory ColorCons Free Icons Designmagus 続きをみる アイコンをうまくつかっていいサイト作りに役立てましょう。
Man with no blog : CSS Debugging Tools - Gary Barber Seems lately that we are now starting to get a good spread of CSS and JavaScript (DOM Scripting) debugging tools available. CSSデバッギングツール10選。 便利な各種ブラウザ用CSSデバッギングツールがまとまっていました。 XRay - ブックマークレット登録後、ページ内をクリックで情報を表示 YSlow - 先日Yahoo!がリリースしたパフォーマンス測定&アドバイスツール (for Firefox) Dust-Me Selectors - 不要なCSSを調査して表示してくれるFirefox拡張 Web Developer - おなじみ、CSS用に便利機能を提
FlashVillage.com - FREE Flash Templates All FlashVillage templates are 100% FREE. You simply need to register as a FREE member and you can start downloading. 無料で使えるFlashテンプレートがいろいろ「FlashVillage」。 オープンソースのFlaファイルをダウンロードすることが可能です。 どれも結構高度な物なので、Flash開発の参考や、そのものをテンプレートに何かを作ったり出来そうです。 配布されているものを以下に紹介。 グリグリ動く、テレビ風インタフェース クールなフォトギャラリー OS風インタフェースのサイト ページ内容がパズル風に切り替わる超クールインタフェース 虫眼鏡風インタフェース 樹木が徐々に育っていく風アニメ
サイトのパフォーマンス向上をアドバイスしてくれるFirefox拡張「YSlow for Firebug」 2007年07月27日- YSlow for Firebug YSlow analyzes web pages and tells you why they're slow based on the rules for high performance web sites. サイトのパフォーマンス向上をアドバイスしてくれるFirefox拡張「YSlow for Firebug」をアメリカのYahoo!がリリースしたようです。 利用にはFireBugも必要です。 次のように、パフォーマンスのグレードをA,B,Cといった値で教えてくれます。 アドバイスとして、CDNを使ったり、Expiresヘッダーやgzip, JavaScriptの最小化などの項目があり、指摘をクリックすると解説ページに
The Open Source Web Design Toolbox: 100 Tools, Resources, and Template Sources at DesignVitality WEBデザインに便利なリソース100リンクが紹介されていました。 フリーテンプレート OSWD OpenWebDesign Open Designs CSS Tinderbox デザインテンプレート TemplateNavigator TemplateBox Template Monster Art for the Web Free CSS Templates CSSレイアウト集 Layout Gala AndreasVilkund.com CSS Template Directory BenMeadowcroft.com Mollio CSS自動ツール、ジェネレーター CSS Creator -
Special Characters HTML特殊文字一覧が次のように表にまとまっているようです。 こんな感じ「♥♣♦‰」の普通は入力できない文字の一覧が一目で分かります。 覚えておけば、画像なんかを作らずとも形を現したい場合に使えるので便利ですね。
Designrific - Mostafa Mourad from Egypt - Blog: 71 CSS menus for free CSSで作成されたサイトのメニューサンプル集。 サイトのデザインにとってメニュー部分は重要な箇所になってきます。そのメニュー部分のサンプル集。 多くのリソースから自分の作りたいサイトにあったナビゲーションを選んで使えますね。 11 CSS navigation menus 12 more CSS Navigation Menus. 14 Free Vertical CSS Menus 2-level horizontal navigation Absolute Lists Accessible Image-Tab Rollovers ADxMenu A drop-down theme Bookend Lists Bulletproof Slants C
Dynamic Ajax Tabs in 20 Lines | 20bits The tabbed document interface is a common solution to the problem of presenting a user with multiple document in one window. 20行で実現できるAjaxタブインタフェース。 次のようなタブインタフェースをたったの20行で実現可能なようです。 次のようなDIV要素を定義します <div class="tabbed-pane"> <ol class="tabs"> <li><a href="#" class="active" id="pane1">Pane 1</a></li> <li><a href="#" id="pane2">Pane 2</a></li> </ol> </p> <div
Loupe.js Loupe.js and Loupe.png allows you to add a loupe (magnifier) to images on your webpages. It uses unobtrusive javascript to keep your code clean. 画像を虫眼鏡で見たようなエフェクトをかけられる「Loupe.js」。 次のように虫眼鏡でのぞいたようなエフェクトをかけられるJavaScriptライブラリです。 サイトに隠し要素を埋め込んだり、ちょっと楽しい仕組みとして応用することでサイト作成に役立てることができそうですね。
WordPressのテーマをWEB上で作成「Wordpress Theme Generator」 2007年04月27日- Wordpress Theme Generator This online generator will create your own unique WordPress Theme. Without need for any HTML, JS, PHP, or CSS knowledge.WordPressのテーマをWEB上で作成「Wordpress Theme Generator」。 次のように、WEB上でパラメータを指定していくことでWordPressのテーマを生成することが可能です。 デザインをこういった形で視覚的かつ簡単に作れるのはいいですね。
Free CSS Editors : lxpages.com blog Style sheets are a very powerful tool for the Web site developer. フリーのCSSエディタいろいろ。 海外圏にはいろいろとCSSエディタが存在するようですね。 CSS Tab Designer Balthisar Cascade CSS Editor CSS Stylesheet Editor EclipseStyle BHead - Meta Tags & CSS Generator Redbox13 CSS-editor StyleSpread <oXygen/> CSS Editor CSSEdit CSSED CSS Editor for Eclipse JustStyle CSS Editor Style Assistant 日本で最もシェアの多
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く