Etherpad Shows Google Docs How It’s Done
http://www.techcrunch.com/2008/11/19/etherpad-shows-google-docs-how-its-done/
10 Beautiful Web UI libraries
http://woork.blogspot.com/2009/01/10-beautiful-web-ui-libraries.html
WEBデザイナ/開発者が覚えておくと便利なブックマークレット集:phpspot開発日誌
http://phpspot.org/blog/archives/2008/11/web_38.html

useful web tools

めもめも

役に立ちそう。後でみっちり読む。

文字周りのノウハウまとめ。 本当に良くまとまってます

"The team members, accustomed to working on Macintoshes, found computers outfitted with six-year-old versions of Microsoft software. Laptops were scarce, assigned to only a few people in the West Wing. The team was left struggling to put closed captions on online videos."

"It is kind of like going from an Xbox to an Atari" And the geeks shall inherit the Earth.

En arrivant à la Maison Blanche, l'équipe Obama, qui a mené la campagne la plus "2.0" de l'Histoire a découvert l'horreur d'une institution qui est resté à l'âge de pierre...

42 live webcams from around the world, it's almost like you're a villian in a movie.. creepy!

info from Nielsen report on web design to get better PR results

More than 50 top notch courses that will help you become a better web designer.

@PC World

web design

carrera

magicsocket: actionscript development, interactive art direction, design

12 tools for web designers

カラースキームやクロップツールなど、使えるオンラインツール満載。

ウェブデザイナーの作業を助ける12のオンラインツール

It "is a browser-based tool for testing what CSS becomes in different browsers. It works by taking some raw text, inserting a dynamic STYLE element into the HEAD with that raw text as its content, and then reading the CSSOM to see what the browser has parsed it into. It is written in Javascript."

ブラウザが解釈しているCSSがわかる「Selector Shell」

各種ブラウザで「Test It」してみればどんなCSSが利いているかが一目瞭然！

See how your browser is interpreting CSS code.

It seems that just over the last year the quality of Photoshop tutorials have really improved. There have always been a plethora of Photoshop tutorial sites

Melhores tutoriais do ano de 2008, eleitos pelo webdesigner depot!

It seems that just over the last year the quality of Photoshop tutorials have really improved. There have always been a plethora of Photoshop tutorial sites

More Web Design Trends For 2009

Last week we presented 10 Web Design Trends For 2009, our review of the most promising developments and techniques in web design that may become big in 2009. In the first part we covered embossing letters (”letterpress”), rich user interfaces, PNG transparency, big typography, carousels and media blocks. This post is the second part of our review. It presents design trends for 2009 in terms of layouts, visual approaches and design elements. Please notice that this post showcases trends and developments that were extensively covered in our previous articles (e.g. handwriting, retro and vintage etc.) and therefore weren’t covered in this post (they are all linked in the overview, so feel free to explore these single posts as well). Did you miss any recent development in this overview? Let us know in the comments!

読み方は"クーラー" "画像をもとに自動的に配色パターンを作成してくれる機能" これは知らなかったです！便利！

アドビ システムズが提供しているオンラインサービス「Adobe Kuler」（クーラー）

カシオ運営。

計算のポータルサイト？すげえ

桁数可変型演算技術を応用して精度保証の実現をめざした計算サービス

"Like drugs, social media can be a good thing in the right hands. But there are too many people out there who don’t know what they’re doing and just get carried away. Sadly most people just lack the good old fashioned discipline to keep their worse instincts in check." (Via Danny Sanchez)

Os especialistas em mídias sociais são zumbis. E estão estragando o twitter. Porém, eles só falam com eles mesmos. Acho que vou apagar uns feeds, unfollow algumas pessoas, e ganhar tempo este ano.

There is something deely ironic about this, possibly the fact that he is a Dr Who / Battlestar Galactica fan - however, despite me being an "SEO" bloke - I would say he might have a point ?

Nearly a day goes by on Twitter without yet another social media “expert” choosing to stalk me. At first it started innocently — back in the day (about a year ago) various techie friends started to declare themselves social media gurus because they decided to hang out on Twitter and Facebook all day.

Horribly true and I'm one of the people it targets...

totally.

Sometimes the social media and SEO zombies can mate to produce a marketing strategy monster: http://is.gd/gCyv

This is quite funny. But sadly true.

RT @JesseNewhart: Why 'Social Media Experts' are The Cancer of Twitter and Need to Be Stopped: http://bit.ly/1xsDza

web based app store, hosted by google apps.

iTunes store without running iTunes

Anonymous Google App Engine service scrapes Apple's XML from the iTunes servers. So you don't have to use goddamn iTunes to poke around all the iPhone apps. (see also appbeacon.com)

The AppStore without iTunes! There is also access to many iTunes Store tracks but it is not offical and should be removed by Apple soon

iTunes Music Store with out iTunes

10 of the most useful ways to start turning your site readers (or your client's customer base) into Twitter followers, and vice versa.

There's no better time to start utilizing Twitter integration tools than right now. Here are 10 of the most useful ways to start turning your site readers (or your client's customer base) into Twitter followers, and vice versa.

Start turning your site readers into Twitter followers and vice versa.

links to all sorts of sources

Interactive Video. Check it out.

cool use of flash and video

advertising integrated into videocontent. interactivity with the user.

Apple을 비롯한 여러가지 업체에서 제공하는 UI가이드라인에 대한 정보

live web cam in SF (Tenderloin) with chat

the best photo retouching & designing service online you can ever find

news

Persecuting " Torture " is a Moral Obligation for Lawyers

trabajo de your majesty para nyt

new york times video interview, promotie ding

CSVファイル（カンマ区切りテキスト）を読み込み、Tableに整形して表示するJavaScriptライブラリ「jquery.csv2table.js」だ。

外部CSVをTable化して表示

これはかなり便利だ

htmlから外部ファイルのcsvを参照してHTMLオブジェクトを生成。すげーな。

Beautiful datepickers and calendars for web developers

web quests are Internet-based treasure hunts

servicio para hacer encuestas online

エガクロックです。

必見

エガクロック

教えてもらったネタサイト。説明不要

UNIQLOCKパロディ、エガクロック。FEZのアドで江頭2:50が、あのUNIQLOCKのパロという話題性。

えがしら時計

egaclock

iPhone用のテンプレートで表示してくれるプラグインなども。

目新しいかんじのがある

"So please, take my advice, as I go into other concentrated endeavors. Fuck the Cloud. Fuck it right in the ear. Trust it like you would trust a guy pulling up in a van offering a sweet deal on electronics. Maybe you’ll make out, maybe you won’t. But he ain’t necessarily going to be there tomorrow."

Centralization is not the future.

yeahhhhh

And even

Trust it like you would trust a guy pulling up in a van offering a sweet deal on electronics.

"By the cloud, of course, I mean this idea that you have a local machine, a box running some OS, and a vital, distinct part of what you do and what you’re about or what you consider important to you is on other machines that you don’t run, don’t control, don’t buy, don’t administrate, and don’t really understand."

Widgets

Upload Widgets

これは次回使いたい。

Our new open-source Google Sitemap Generator finds new and modified URLs based on your webserver's traffic, its log files, or the files found on the server. By combining these methods, Google Sitemap Generator can be very fast in finding these URLs and calculating relevant metadata, thereby making your Sitemap files as effective as possible. Once Google Sitemap Generator has collected the URLs, it can create the following Sitemap files for you.

30 twitter tools that help you do things like search, monitor and send alerts based on twitter traffic

Wooo! Finally we are on dfGallery 2.0. We now commit to you that this gallery will be one of the coolest Free Flash Galleries. v1 with 200,000+ downloads was the hottest topic on our site and we hope to see a lot with this too. This is just the alpha release and we expect lots of feedback to get this to its best possible.. The reason for this gallery to be cool is not just its UI but the way it is built and architected. We have an amazing theme engine built to support custom themes with multiple skins for each. The administration console built on CodeIginter lets you manage multiple galleries and albums of different types. Soon we will have a dedicated section on the site where the community can contribute themes and skins. Till then enjoy this beautiful work by us :)

dfGallery is a free Flash gallery that works for flickr, picasa and custom albums. It also supports custom themes, skins, background music, fullscreen, ajax uploads and more...

Web education is out of date and fragmented. There are good people working hard to change this, but because of the structure of higher education, it will take time. As part of a year-long journey to discover where we are in web education and where we need to go, Leslie Jensen-Inman interviewed 32 web design and development leaders. The consensus: technology moves too fast for college and university curricula to keep up. How, then, can educators create a sustainable foundation for the future?

Sponsor an Educator...sounds like a new nonprofit idea to me.

Web education is out of date and fragmented.

web layout

Provides a good summary of the latest layout tips

ウェブデザインのレイアウトに役立つ１１サイト

フッターをブラウザの最下部、もしくはコンテンツの最下部に表示させるCSSのテクニック、 各カラムのボックスの高さを合わせてくれるスクリプト

In this article, you'll find 30 exceptionally handy open source applications for web designers.

In this article, you'll find 30 exceptionally handy open source applications for web designers.

Books to buy/order from library

The author details Web Design and Interaction Design books for beginner to advanced readers.

Smashing Magazineのエントリーから、XHTML/CSSのフリーのテンプレートを配布しているサイトを紹介します。 100 Free

Lista com 5 novos CMS

How To Choose The Right CMS: http://tinyurl.com/ajrord

Allowing an IT Guy to Pick the CMS

jQuery is ideal because it can create impressive animations and interactions while being simple to understand and easy to use. WordPress awesomeness lies in its fact that it can be customized to power any type of site you like! But what happens when you combine the power of jQuery with WordPress, the possibilities are infinite.

wordpress plugin reviews

To be a web designer means to have a flexible professionalism that enables to make a project, to create a design respecting and reflecting the customers

tlačítka, headery, layouty, patičky

Good design ref.

notetaking

Google’s decision to discontinue development of Google Notebook had some users petitioning to save it, while Evernote is offering Google Notebook imports.

note-taking web sites

2009-01-27 by Guamenyo. Says Google.Com removing support for its Notebook. Author gives kudos to "Evernote", plus reviews several other analogues.

The social Web has given users great power: the ability to create and share content with people around the world - easily and quickly. The problem of course, ...

what you do on social media leaves traces and cannot be easily removed from the Web. Information can fairly easily be tracked back to you and what you say and do will be public for a long time. Whether you believe in monitoring yourself online or not, don't forget the point of the social Web

RSS filter.

Feedscrub filters your feeds based on your preferences. Subscribe to all your favorite feeds, then tell Feedscrub which posts you do and don't like. Feedscrub will learn your preferences and begin filtering out posts that don't interest you.

"Feedscrub acts as a spam filter for your RSS feeds..."

Keep your feeds squeaky clean

iPlotz offers a Web-based tool for quickly sketching wireframes of Web sites and demonstrating navigation between pages.

create mockups of your website design

test drive websites

interesting for SIFE?

Date Picker - jQuery plugin

Sqworl is this thing that you can use to turn a bunch of long dumb website links into one single smaller link with pretty web previews.

Browser detection with XSLT.

an interesting way to handle css conditionals

These are themes for Tumblr, not Wordpress.

If you're not concerned about privacy in the age of the Internet yet, you should. Don't want to take my word for it? Then read this.

What information is available about you in cyberspace? Where does it come from, and what risks does it present? Computerworld's Robert L. Mitchell set out to see just how much he could find about himself online. What he discovered is frightening.

The web is fast becoming the collective knowledge base of all of humanity, for better or for worse.

Get familiar with one of the most popular and unique web design trend - hand drawing style through many examples. Also great way to get inspired!

COULEUR et LUMIERE. Superbe outil web a détourner avec tout le bonheur de l'Ecole primaire entre ARTS PLASTIQUES et Sciences / Decouverte du monde +++

choose and match colors

Color Scheme Designer

ツールチップスクリプト

BeautyTips | Coliss

シンプルなツールチップも簡単に実装できるだけなく、デザインのカスタマイズが可能で、対応トリガーも豊富なツールチップのスクリプト「BeautyTips」を紹介します。

zumo driveを詳しく。これはデータ利用についての概念が変わりそうだ。大容量を使わないのであれば、便利さを手軽に手に入れられそう。HDDほどめったに利用しない音楽や写真を置く必要はないし。

“すべてクラウド”も間近!? 「ZumoDrive」を使ってみた － ＠IT

DropBoxみたいなサービス　の説明｜データはweb上にあって、ローカルには置かない　と

ネットワークの新活用法。端末の制限が消えていく。

Social Media is Evolving Social media is morphing into a holistic experience that speaks to people's social needs in new ways. If you are a CEO of a startup who is focusing on the next generation of social media, here are 10 areas you'll need to take into consideration in the coming year:

"Social media" was the term du jour in 2008. Consumers, companies, and marketers were all talking about it. We have social media gurus, social media startups, social media books, and social media firms.

Finfin animasjon som viser Internett utviklinga frå 1957 til 2009. Forenkla sjølvsagt, men fin. Litt komplisert ordbruk innimellom, men det må ein vel rekne med.

Yawn! Cool animation though.

"History of the internet" is an animated documentary explaining the inventions from time-sharing to filesharing, from Arpanet to Internet. The history is told using the PICOL icons on picol.org , which are available for download soon. On blog.picol.org you can get news about this project.

filmpjes op internet

Though W3C’s CSS3 specifications aren’t finalized yet, modern web browsers such as Mozilla Firefox, Opera, and WebKit-based browsers already have full or partial support for them.

Like the title says

Welcome to Measurement Lab

by Google.

web 2.0 and collaborative communication

Techcrunch

open-source democracy.

Obama nutzt die Onlinedienste von Google, Facebook etc auch als Präsident. Spannende Entwicklung, neben der bejahenden Tech-Sicht fehlt noch die kritischere Hinterfragung.

how good is the BBC?

Graphics with JavaScript

plotting, geometry, visualization

Awesome list of what and how to use tools on the internet

Story about Georgia the font

startpage

In a battered economy, free goods and services online are more attractive than ever. So how can the suppliers make a business model out of nothing?

Free is not enough. It also has to be matched with Paid.

Jquery rails

「Yahoo!百科事典」は、小学館提供の日本大百科全書（ニッポニカ）を無料で検索・参照可能なサービスです

小学館『日本大百科全書』

NETTUTS/Themeforest.net guru Jeffrey Way says: "Everything is changing. This weekend, I read a very interesting book: 'Everything You Know About CSS is Wrong'. The book illustrates how, now that IE has passed the ACID 2 test, we can finally begin to build our websites the proper ways. Up until now, we've been forced to implement hacks to form the perfect layout - absolute positioning, precarious floats, etc. But that's all beginning to change! I'll show you how in twenty minutes."

Everything You Know About CSS is Wrong

Pagination

In November 2007, we listed 10 Semantic apps to watch and yesterday we published an update on what each had achieved over the past year. All of them ...

Now we're going to list 10 more Semantic apps to watch. These are all apps that have gotten onto our radar over 2008. We've reviewed all but one of them, so click through to the individual reviews for more detail. It should go without saying, but this is by no means an exhaustive list - so if we haven't mentioned your favorite, please add it in the comments.

leonard lin's weblog. topical geek news.

list of backend and frontend requirements

Very useful tip for clearing floated divs

The online home of Harry Roberts, freelance front-end developer.

A social letterbox. Prints messages directly from the Internet.

A social letterbox. Prints messages directly from the Internet. Based on the arduino microcontroller.

The printer that Ben Griffiths is building. I read about Tom Taylor building one at PaperCamp - looks cool.

"microprinter for everyday use"

レシートプリンタをインターネットに接続。

TEXT-(HTTP POST)->sinatra(as MQ)-(ethernet)->arduino-((MAX232+)RS232c)->micropriner

The microprinter is an experiment in physical activity streams and notification, using a repurposed receipt printer connected to the web. I use it for things like reminders, notifications, and my day at-a-glance, but anything that can be injected from the web and suits text only, short format messaging, will work.

モバイルサイトのユーザビリティ。PCより単純だけど、単純だから情報設計が難しそう印象。

普通に携帯サイト見てても気づくレベル。基本中の基本。こっから先が難しい。

Good round up of some social media search tools

Last week we looked at how easy it is to leave footprints on the Web; today we'll show you how easy it is to digg_url = 'http://digg.com/software/8_Tools_to_Track_Your_Footprints_on_the_Web';digg_bgcolor = ...

Welke 'footprints' laat ik zelf eigenlijk achter ;-)?

icons and more icons

Good list of ways to back up all Google services

Easy instructions on how to back up google data

Some easy solutions for extracting and backing up your data on popular Google apps and services.

cmtes

Buscar tips en twitter

I discovered awesome tips on http://twtip.com ?

css for layout

Why CSS should not be used for layout

filtered for kids. Used google on backend

KidRex is a fun and safe search for kids, by kids! KidRex searches emphasize kid-related webpages and are powered by Google Custom Search and use Google SafeSearch technology. Google's SafeSearch screens for sites that contain explicit sexual content and deletes them from your child’s search results. Google's filter uses advanced technology to check keywords, phrases, and URLs. No filter is 100 percent accurate, but SafeSearch should eliminate most inappropriate material. In addition to Google SafeSearch, KidRex maintains its own database of inappropriate websites and keywords. KidRex researchers test KidRex daily, to insure that you and your child have the best web experience possible. We do our best to keep KidRex as up-to-date and comprehensive as possible, but inappropriate sites will sometimes slip through the cracks. If you find websites containing offensive content in your results, please visit our webpage removal request tool to tell us about the site you found.

Official Site. Fun and Safe Search for Kids, by Kids!

interested in this

Safe search for kids, by kids!

oooooooo

php

Over the past year and a half, I have published four collections of inspirational websites with a minimalist approach to the design. Since more great websites of this style keep appearing, and since readers continue to show an interest in this style, here is the fifth edition. You can see the first four parts here: 25 Beautifully Minimalistic Website Designs 25 Beautifully Minimalistic Website Designs - Part 2 25 Beautifully Minimalistic Website Designs - Part 3 25 Beautifully Minimalistic Website Designs - Part 4 Netlings

25 Beautifully Minimalist Websites

дохрена фришных иконок

how to become successful with twitter

mas recomendaciones utiles sobre twitter

サイトをもっと速くしたいと思ったときに、サイトを最適化して表示速度を速くしてくれる、使えるツールいろいろとまとめ from Design Walker[http://www.designwalker.com/2009/01/speedup.html]

いろいろあるなぁ

By Steven Snell Communication is one of the foundational elements of a good website. It is essential for a positive user experience and for a successful website that truly benefits its owners. All types of

Communication is one of the foundational elements of a good website. It is essential for a positive user experience and for a successful website that truly benefits its owners. All types of websites are affected by the need for good communication in one way or another. Regardless of whether the website in question is an e-commerce website, a blog, a portfolio website, an information website for a service company, a government website or any other type of website, there is a significant need to communicate effectively with visitors.

methods, challenges, content, and tips.

In December 2008 through January 2009, WebAIM conducted a survey of preferences of screen reader users.

In December 2008 through January 2009, WebAIM conducted a survey of preferences of screen reader user

Pesquisa recente feita pela WebAIM com usuários de leitores de tela

Access Flickr! Better Flickr - several Greasemonkey scripts such as photo magnifier, thumbnail enhancer, rich edit and more into one convenient extension. Fireflix - A sidebar extension that works with Flickr. Flickr - A simple extension that adds the ability to search Flickr photos directly from your browser. Flickr Auto Page. Flickr Buddy Flickr Gallery Plus! Flickr Original Flickr Themr Flickrfox FlickrSpaceBall FlickrTrans - Right click on any image on any site, and you can load it to your Flickr account and then use it Fotofox - A photo upload manager that allows you to drag and drop images from your system into the extension, add tags, set privacy and more; then you can upload them to over 40 different photo sites including Flickr. Lockr - Share content from Flickr with users on Facebook without them having to log into Flickr. Uploadr for Flickr - Gives you the ability to upload images you find on various websites directly to your Flickr account.

Flickr Firefox extensions.

According to Lovely, and education technology consultant and speaker at the FETC 2009 conference in Orlando, FL in January, it was the recognition of those needs that led her to develop a "top 10 list" of go-to technology tools to help inspire young students and empower under-funded teachers. "The important thing to remember here," she said, "is that this isn't about simply providing you with 10 links. It's much more important to ask, 'What are you going to do with these things? How are you going to use these tools?' That's why we're here," she said. "So I can show you not only what's out there but also how other educators are using these resources to teach their students right now."

COOL TOOLS FOR THE KIDS

February 2009 : THE Journal

I gave a talk last week at Yahoo (at the request of the YUI team) all about the DOM. I outlined some of the reasons why the current situation is such a mess, outline some strategies for working around it, and then give some examples of real world code that's being implemented in libraries today.

The lesson, Marissa said, is that speed matters. People do not like to wait. Do not make them.

On the web, speed matters. I see it with campaigns all the time.

This conclusion may be surprising -- people notice a half second delay? -- but we had a similar experience at Amazon.com. In A/B tests, we tried delaying the page in increments of 100 milliseconds and found that even very small delays would result in substantial and costly drops in revenue.

i find it cool that 7% of the web is not there.

We are just a few Seattle based guys trying to figure out how to make internet data as open as possible. You should be able to find everything you are looking for below. If not feel free to contact us. Happy Surfing!

Whole Internet in one file :)

amidst the flames, NYT opens up a phoenix API.

The NY Times Developer Network. Looks like they have some really interesting API's to play with.

There’s little doubt that Twitter was one of the most talked about startups over the past year. But just how much did it grow in 2008? The final numbers are

logo design

In this collection, you will find 15 hand-picked tutorials from a variety of talented graphic designers and illustrators that discuss the logo creation process using Illustrator.

Evolution of Search

A look at the History, Vision, Innovators, and Future of Information Accessibility

Marshall McLuhan pointed out that whenever we get our hands on a new medium we tend to use it like older ones. Early TV broadcasts consisted of guys sitting around reading radio scripts because nobody had realized yet that TV could tell stories differently. It's the same with much of today's webcam video; most people still try to emulate TV and film. Only weirdos like MadV are really exploring its potential. A bigger leap will occur when we get better tools for archiving and searching video. Then we'll start using it the way we use paper or word processing: to take notes or mull over a problem, like Tom Cruise flipping through scenes at the beginning of Minority Report. We think of video as a way to communicate with others—but it's becoming a way to communicate with ourselves.

Article connecting YouTube with participatory culture.

"So here's my question: What exactly is this? What do you call MadV's project? It isn't quite a documentary; it isn't exactly a conversation or a commentary, either. It's some curious mongrel form. And it would have been inconceivable before the Internet and cheap webcams—prohibitively expensive and difficult to pull off."

5o exemples de menus de navigation Internet de qualité

Search for your Domain as fast as you can type. Domain Finder with Domain Hacks, and Domain Name Generator.

WOW! handig!

It’s no secret that web designers and developers love Firefox! Firefox provides an endless amount of functionality that you simply won’t find in any other

ahora si el url. del primer sitio donde no pasa nada http://www.thefirstworldwidewebsitewerenothinghappens.com/ via @elneco

Interesting site by Kit Kat, who wants to give you a break!

Um site onde nada acontece.

The First Worldwide Site Where Nothing Happens. KitKat.

Most of you already aware that jQuery is a lightweight JavaScript library that emphasizes interaction between JavaScript and HTML. it's also known for fast

Most of you already aware that jQuery is a lightweight JavaScript library that emphasizes interaction between JavaScript and HTML. it’s also known for fast and concise JavaScript Library that simplifies HTML document traversing, event handling, animating, and Ajax interactions for rapid web development. Or in developer’s words “write less, Do more”. Now days jQuery is on top of its charm and everyone from Javascript world love to experiment with it. Because of the remarkable significance of JQuery in Designing field, it is an essential to keep yourself up-to-date with its Quality uses and Examples. In this article, we’ll take a look at Various jQuery Tutorials for your source of inspiration.

Whether you are a busy executive, a single parent, a freelancer working from home, a student, or a combination of these, you have probably found yourself needing help when it comes to organizing all your thoughts and ideas that occur throughout your busy day.

We're a full-service interactive agency in Nashville with happy and successful clients all across America.

Interactive Advertising and Web Development Agency in Nashville, Tennessee

Geinig artikel over hoe je designers moet behandelen.

Things a 'good web designer' would never tell you about choosing the perfect design.

wever it is no use if

（2.7対応版） | コリス

WordPressのテーマを構成するファイルの種類、優先順位と条件タグ・インクルードタグのまとめです。

YoutubeのPV・ライブ動画を無料で連続視聴できるミュージックナビ

好きな音楽アーティストのPV動画を無料で検索＆視聴できるサイト

音楽PVを検索・視聴できるYouTubeマッシュアップ

ニコ動のBGM系動画ほどマニアックではないけど、邦楽アルバムなら多くのものが再生可能っぽい。これはBGMとしてかなり優秀かも。

PV　アルバム

白ごはん．com：家庭料理を中心とした和食レシピサイト

FOOOOOOOD

白ごはん．ｃｏｍは、ずっと昔から食卓をかざった 古きよき日本の家庭料理レシピサイトです。

webapp word processor.

Doc editing online

ShutterbOrg is a fast and easy to use free online word processor. Just go to http://shutterb.org/ and start writing!

Defensive coding is about preventing these bugs before they happen. If you don’t prevent them, they will be like an avalanche — there will be a lot of them interacting with each other, making it difficult to figure out what’s what.

結構いろんなバリエーションつくれる

モバイル SEO への取り組み - livedoor ディレクター Blog(ブログ)

モバイル SEO への取り組み

Keyword research is crucial as it acts like a compass for your website or blog. A proper keyword research reveals the supply and demand trends in your industries thus giving general idea on which keyword you should focus on.

うおおおおお

リクルート、おまえら最高に愛すべきバカどもだよ

エア焼肉

焼肉たべたい

at Yahoo! User Interface Blog

Image optimization tips

googleblog

An eye tracking study from Google. However, please note that none of the searches are overly commercial in nature (no top position ads). In almost all G heatmap studies, they only show mostly information searches. Interesting data, but don't assume your ad will not get nice visibility for more commercial based searches.

(新)twitter検索

Twitter を全文検索。

検索

2008年に注目を集めた使えるJavaScriptライブラリ集が紹介されていました。 どれも非常に便利でサイト構築に役立ってくれるでしょう。

Safe window sizes for browsers and computer operating systems.

You can have the most beautiful website in the world, and without traffic, it might as well be a billboard in the middle of a cornfield in Iowa.

Social marketing is the new search engine optimization. Reciprocal voting is the new reciprocal linking. It offers a fairly low barrier to entry, and the opportunity to drive a TON of traffic in a short period of time. Even more importantly, social media has become a cornerstone of the strategy for launching sites, or improving their link popularity.

about captioning

Ładne buttony z zaokrąglonymi obrazkami, także kilka obok siebie w obrębie jednego wizualnie paska buttona.

"This doc attempts to show how custom buttoms with a 1px radius could be created without corner images. The gradient requires an image, but is optional. Ideally, the <button> element should be used if possible (instead of <a>) for semantic and accessibility reasons. Note that the hover state will not work on button elements for IE6 and lower without using JavaScript to detect a mouseOver event."

This doc attempts to show how custom buttoms with a 1px radius could be created without corner images. The gradient requires an image, but is optional. Ideally, the <button> element should be used if possible (instead of <a>) for semantic and accessibility reasons. Note that the hover state will not work on button elements for IE6 and lower without using JavaScript to detect a mouseOver event.

Free Icons

The icons are available in PNG, ICO and ICNS format. They are free to use for both personal and commercial projects, including websites, templates & software. You are not allowed to sell or redistribute the icons anywhere else. If you like to share the icons please link to this article.

A site and -- they hope -- movement for free, open-source fonts. "We're done with the tired old fontstacks of yesteryear. Enough with the limitations of the web, we won't have it. It's time to raise our standards. Here, you'll find only the most well-made, free & open-source, @font-face ready fonts."

collection of open source fonts

open source fonts for web use

'Here, you'll find only the most well-made, free & open-source, @font-face ready fonts.'

We're done with the tired old fontstacks of yesteryear. Enough with the limitations of the web, we won't have it. It's time to raise our standards. Here, you'll find only the most well-made, free & open-source, @font-face ready fonts.

「無言語化: 機能を言葉で説明しない」これ、素敵

事例

* 質を高める ユーザに狙った価値を提供できているのかテストするためのもの ユーザテストのときには質問には答えない、質問が出るインターフェースは失敗 顔マーケティング ライバルに勝てる「ウリ」

přehled chyb google chrome

Just when you thought you were done with IE 6 and its hacks and exceptions, now you've got a new browser to consider: Google's Chrome. The good news is that

Here are some tips to get your web pages working in Chrome and hopefully looking the way they were designed to look.

No, but it does have problems all of its own!

Getting around some of the weirdness that Chrome brings to the table. Like Opera, Chrome is unusually unforgiving when it comes to HTML, CSS, and javascript

Firefox Hacks

よく見るから。

リンクとかの点線を消す CSS

overflow:hidden; outline:none;

これをするとキーボード操作でどこにいるかわからんくなるので、ユーザビリティ下がります

50 Useful JavaScript Tools : http://hellotxt.com/l/d1Wt

10 Web Typography Rules Every Designer Should Know http://is.gd/iSXV

1. Manage to do lists This one is my favorite, simply because the two sites here make it so easy to never forget - even when your brain is lost inside the Twitterverse. Both Remember The Milk, and Toodledo have commands you can use to add to do items. Next time you’re telling your followers what you ate for lunch, you can also make a note to call the cute waitress you met while you were there. 2. Set a timer 3. Add a Google Calendar item 4. Get your flight information 5. Track your expenses 6. Get news alerts 7. Track packages 8. Freelancers: track job time 9. Keep track of gas mileage 10. Get the weather forecast

CSS tools

The web has repeatedly demonstrated its ability to evolve and leave embedded franchises struggling or in the dirt. Prodigy, AOL were early candidates. Today Yahoo and Ebay are struggling, and I think Google is tipping down the same path. This cycle of creative destruction — more recently framed as the innovators dilemma — is both fascinating and hugely dislocating for businesses. To see this immense franchises melt before your very eyes — is hard to say the least.

Sure, the Twitter guys still have no idea how to make money off their fabulous invention. But for now they are living in a dreamworld of infinite possibilities, maybe the last one on Earth.

誰が携わったかがわかるサイト集

誰の作品か分かるサイト　RSSも購読しよっと。

いろいろ、誰がつくったか？

Your personal tracker on the Web for the things you care about

They provide a simple way of tracking anything on the web, from product prices to insider trading, medical research to crime in your neighborhood, or hip-hop albums on iTunes to apartment listings on craigslist.

Sigue el tracking de las cosas que te gustan mediante mapas interactivos

RSS tracking service with alerts.

Might be an interesting follow up to our call yesterday Marsh...

Upload an image (GIF, JPEG or PNG) and convert it to a Windows favicon (.ico).

Une astuce pour avoir une CSS rajoutée partout sur un site : dans le .htaccess Header add Link "</staging.css>;rel=stylesheet;type=text/css;media=all" Ça permettrait de gérer plus efficacement le mode prévisualisation de SPIP

nice hack for staging sites. doesn't work in safari or ie, though.

"So: why not send the link to the style sheet using HTTP headers? Yeah, that’s the ticket!"

Business, it's a different story, some (harsh) points made about corporate websites.

Disney, Bedtime Stories

Design Showcase | Smashing Magazine

su nuevo servicio con el que ofrecen alojamiento gratuito para diversas aplicaciones web, de forma que dispondremos de software gestionado por ellos, que se encargan de la instalación, actualización,... sin pagar nada. Entre las aplicaciones soportadas actualmente se encuentra Wordpress, Drupal, ZenPhoto, MediaWiki o phpBB, además de las Google Apps, a las que tienen intención de añadir de nuevas en el futuro. Estas aplicaciones podrán usar un dominio ya existente, uno nuevo o un subdominio de dreamhosters.com. La idea de Dreamhost es que una parte de sus usuarios se acaben pasando al servicio de pago, pero parece una buena opción si necesitamos algún software y no queremos pagar nuestro propio hosting.

alojamiento gratuito de aplicaciones

DreamHost hosting dohain

I get this: "The more I upload the details of my existence, even in the form of random observations and casual location updates, the more I worry about giving away too much. It's one thing to share intimacies person-to-person. But with a community? Creepy."

Erwischt!?

Wired magazine article ... another in the line of stories about social media burnout and why/if it is really worthwhile.

Nuevos horizontes para la educación web

"The Web Standards Project have begun trying to tackle the education issue. Industry experts and veteran educators on the WaSP Education Task Force are currently working to develop the WaSP Curriculum Framework (WCF), a modular curriculum that can be used to improve existing curricula or serve as the foundation for emerging programs. (Disclosure: I’m a member of The Web Standards Project, an educator, and the project lead of the WaSP Curriculum Framework.) The WCF will be released in March of 2009 as a living curriculum that will adapt to changes in the industry so that schools using it can ensure their students are learning the concepts that are relevant to their field of study. The WCF’s first release will contain approximately 14 courses divided into six learning tracks: * Foundations * Front-end Development * Design * Server-side Development * User Science * Professional Practice "

"Building a real relationship between industry and education requires that we answer this question for both parties: 'What’s in it for me?' Whether you’re a practitioner or educator, the answer is the same: graduates who are ready for a career in the web."

Schools that teach web design struggle to keep pace with our industry, and those just starting their curricula often set off in the wrong direction because the breadth and depth of our medium can be daunting.

Brighter Horizons for Web Education by Aarron Walter

aplicatie de recunoscut fonturi

know what it is? Submit an image to WhatTheFont

Font identifier tool.

This post illustrates five interesting rich text editors ready to use in your web projects. I also provided some guidelines regarding how to implement them on your pages using a few lines of HTML code. Try them!

Small videos showing UI elements.

Compatibility tables for features in HTML5, CSS3, SVG and other upcoming web technologies.

"Compatibility tables for features in HTML5, CSS3, SVG and other upcoming web technologies" (This page lists several advanced web features, like data URIs, for instance, and offers recommendations on when it may be safe to use them.)

ウェブデザインを上達させる一番早い方法は、やはり真似をすることなのではないでしょうか？ 少しずつマスターして、カッコいいデザインが作れるようにがんばりましょう！

How to Best Webdesign

手書きで書いてスキャンして、テクスチャ画像と合成

modal with cookie and left tabs

Ask SM CSSyJS: Como decidirse por un ancho en pixeles, y otras respuestas a preguntas sobre css y js.

Dicas de CSS

JavaScript Regular Expression Generator

Regular expression generator for javascript

Open Web Messenger - http://openwebim.org/index.php

Ja miksi?

when Web advertising declined in the fourth quarter of 2008, free felt like the future of journalism only in the sense that a steep cliff is the future for a herd of lemmings

twitter

online tool to create flow charts etc

Lovely Charts is an innovative web application allowing its users to create gorgeous diagrams (flowcharts, sitemaps, organisation charts, wireframes, …) of professional quality without requiring any drawing efforts or design skills.

try this?

Good Site.

Sample portfolios

Te avisa si entras mas de 1 vez en una web durante 1 determinado tiempo

"The system will warn you if you visit the website more than once in 60 minutes."

指定した時間だけアクセス制限。コミュ中毒者向け・・・。

Ruby on Rails is a powerful web framework that helps creating web applications easier, faster & writing an organized code. There are lots of websites that use it including popular ones like Twitter, Basecamp, AboutUs & many more. Also, Ruby on Rails powers some amazing open source web applications which you may want to use directly or improve further. Here is a well-categorized 23 open source Ruby on Rails applications

uygulama geliştirme hedesi

These are probably the blog design benckmarks for 2009, they all have there own individual characteristic that defines them as inspiring. They also have one thing in common: They are Amazing.

"These are probably the blog design benckmarks for 2009, they all have there own individual characteristic that defines them as inspiring. They also have one thing in common: They are Amazing."

some inspirational designs, even if they look not very flexible to me

Joe Stump, Lead Architect at Digg, gave this presentation at the Web 2.0 Expo. I couldn't find the actual presentation, but fortunately Kris Jordan took some great notes. That's how key moments in history are accidentally captured forever. Joe was also kind enough to respond to my email questions with a phone call.

Scaling Strategies

Bespin is a Mozilla Labs experiment that proposes an open, extensible web-based framework for code editing that aims to increase developer productivity, enable compelling user experiences, and promote the use of open standards.

ตัวทำพรีโหลดแบบ Ajax กลมๆหมุนๆ

animated loading gif's

Free animated loading gif preloaders generator for AJAX loading

おお、まじか。

これは便利。JavaScriptで使用可能なブラウザ判別スクリプト。IE用。

1, 2, and 3 have some use to me

5 obscure HTML tags

With the rising popularity of CSS for styling, many web developers and users alike have become alienated from the good old HTML tags. Only a handful of these tags are used in the markup of web pages today. Most of them have got limited representation and some of them are entirely forgotten. I decided to round up a couple of HTML tags that perhaps should be used a little more often than they actually are.

Great Typographic Start!

HTML に、<link rel="canonical" href="http://mysite.com"/> を加える、と。

ページネーション使ってるページとかにも使っていいのかな。

HTMLソースにコメントやタグを埋め込むだけだから、デザインは自由自在。XHTML＋CSSさえ、理解していれば簡単にサイト構築ができる。 前回の「XAMMPインストール編」に続き、SOY CMSレポー

HTMLソースにコメントやタグを埋め込むだけだから、デザインは自由自在。XHTML＋CSSさえ、理解していれば簡単にサイト構築ができる。

SOY CMSは、SOHOやWebデザイナーの救世主になるかもしれない

Writing for the web is a skill set of its own. Website text, or copy, needs to be written in a different tone for the web than a brochure. It needs to be

save

w3c html5

HTML5はSGMLやめたのね

This post will help you in checking out most stunning Script.aculo.us Applications in the World of Web and at the same time might help you in coming up with new web applications using Script.aculo.us. I would like to request all the developers to have a look at these stunning applications which are made and developed by Script.aculo.us

EXPO WEB 2.0

The Death Of “Web 2.0″

A long time ago, in a galaxy far away, the graphic arts industry was populated by full-time illustrators, production assistants and compositors. With only composing sticks for laying out type, straight edges for defining grids, a human proofer to catch spelling mistakes and an arsenal of X-acto blades for making edits, these guys lived and breathed detail. Mistakes were costly. It was a trade position that required lengthy apprenticeship; job security depended on getting all of the little things right.

good article on the business qualities that make a great & successful web designer/developer

Good article on being a good designer

Great summary of a Web designer's job...

All of these bookmarklets/favelets will be useful to all web designers and developers, they are the quickest method for testing, analyzing and tweaking any web page.

love the XRAY :D

via swissmiss

t remem

I'm working on my own spin on CSS frameworks, except that mine is a little bit different. It requires PHP to make CSS better, rather then relying on the bad system that we have to work with.

How (Not) to Write like a Designer: 5 Tricks You Didn't Learn in Studio ...

Half technical, half intuitive, the design process is tough to explain. But that’s my job—I’m a design writer. I write so you don’t have to, putting into words the work that you’d rather do than write about. But write you must—website copy, proposals, captions, emails to clients—and though the worse designers are at it, the more work I get, in the spirit of collaboration I’m going to share my secrets. So what if it puts me out of a job.

Change in Facebook's Terms of Service: In short, all of the content you’ve ever uploaded on Facebook can be used, modified or even sublicensed by Facebook in every possible way - even if you quit the service.

why i don't use facebook

Mobile phone users struggle mightily to use websites, even on high-end devices. To solve the problems, websites should provide special mobile versions.

Comparison of the mobile web to what we use(d in 1998).

The Golden Grid is a web grid system. It 's a product of the search for the perfect modern grid system. It 's meant to be a CSS tool for grid based web sites.

CSS grid-based layout library c.f. Blueprint.

60 utilidades aplicadas a CSS

Mockup grids for the 960 framework with a browser bar.

Sketchbook à imprimer avec entête de navigateur et grille

Info to check later

可愛い系

Useful CL

f your business or organisation requires clients to print and fill-in PDF or Word forms and documents, Doculicious can simplify the form completion for your clients, and give you the tools to track and process completed forms. Doculicious lets you create online PDF documents that have a web form you can embed on your website or co-brand and access from doculicious.com. When someone completes the web-based form, they receive the completed PDF download, and we store the entered data into your secure account.

*****

Forms and fillable PDFs

Ever tried to leave Facebook and found out they only allow you to "deactivate" your account? All your personal data, including photos, interests, friends etc will still be saved indefinitely! You don’t have to be a conspiracist to find this quite fishy (or simply annoying)! Look further down for instructions on how to get your account permanently deleted.

Facebook is a social utility that connects people with friends and others who work, study and live around them. People use Facebook to keep up with friends, upload an unlimited number of photos, post links and videos, and learn more about the people they meet.

Some very very good insights here. Particularly about the 1st para and WHY it needs to be different.

"Despite the ubiquity of reading on the web, readers remain a neglected audience. Much of our talk about web design revolves around a sense of movement: users are thought to be finding, searching, skimming, looking."

The best readers are obstinate. They possess a nearly inexhaustible persistence that drives them to read, regardless of the circumstances they find themselves in

Some interesting web design thoughts - does bloggernacle design lead us to skim instead of read?

プロパティーは、アルファベット順に記述したほうが高速に処理される

A no nonsense approach to, you guessed it, writing better CSS.

Eight years ago (almost to the day), Jeffrey Zeldman wrote, To Hell With Bad Browsers, signaling the dawning of “The CSS Age”. Explaining how the use of @import for referencing stylesheets is ignored by Netscape 4, was an important step in shedding away the problems related to supporting an ancient browser. Eight. Years. Completely ignoring a browser in terms of CSS is a wonderfully freeing thing. It certainly can’t be done on every site. The important thing to remember is that it’s a site’s statistics that should determine what level of support you decide to offer.

Dan Cederholm on when you should drop Internet Explorer 6 and how to do it.

Might Deal with IE6

IE6 begone! Ah, someday.

Dan Cederholm: “Completely ignoring a browser in terms of CSS is a wonderfully freeing thing. It certainly can’t be done on every site. The important thing to remember is that it’s a site’s statistics that should determine what level of support you decide to offer.”

<!--[if gte IE 7]><!--> <link rel="stylesheet" type="text/css" media="screen, projection" href="screen.css" /> <!--<![endif]-->

編集リンク追加,エントリー合計数表示,特定カテゴリ非表示など15個

WordPressの各エントリーに編集ボタンを付けたり、シングルクォートの自動置換を無効化するなど、使いやすくするための15のスニペットをForTheLoseから紹介します。

コメントとトラックバックを分離するコードが出てる。

all good designers and developers realize the importance of usability for their work. Usable websites offer great user experiences, and great user experiences lead to happy customers. Delight and satisfy your visitors, rather than frustrate and annoy them, with smart design decisions. Here are 9 usability problems that websites commonly face, and some recommended solutions for each of them.

Quelques erreurs d'ergonomie à éviter dans la conception d'un site Internet

By now, all good designers and developers realize the importance of usability for their work. Usable websites offer great user experiences, and great user experiences lead to happy customers.

Overview of webOS

Palm® webOS™ is Palm's next generation operating system. Designed around an incredibly fast and beautiful user experience and optimized for the multi-tasking user, webOS integrates the power of a window-based operating system with the simplicity of a browser. Applications are built using standard web technologies and languages, but have access to device-based services and data.

First chapter of upcoming book on Palm's new webOS

The first chapter of an O'Reilly book on developing JavaScript-based webapps for Palm's new webOS

Details of how Palm is leveraging widespread knowledge of HTML, CSS and Javascript to ease development on their new platform.

I’m always sharing what tools are useful to me via Twitter, but just incase you don’t use it - I wanted to share here! I always get asked what productivity tools and apps I use on a regular basis and I pretty much open all of these everyday. There are a few apps that are similar in type because some may be all in one tools or I’m just starting to use one more than the other. Check these out, they are ones I would recommend to a designer/blogger/creative type. If there is something missing from the list that you think should be on here, please share in the comments!

design

Fuel Your Creativity -

#web2.0work

An article about "web 2.0"

Six ways to make Web 2.0 work. A Application Management Feature Article about Six ways Web 2.0 work by The McKinsey Quarterly. Free registration for most Business Technology Application Management articles. Web 2.0 tools opportunities, and how to use web 2.0. Web 2.0 tools present a vast array of opportunities&#8212;for companies that know how to use them.

This is the first post in a series on The Power of Measurement. In this economic climate, these posts are designed to cover ways to make your website as successful as possible. Over the course of the next few weeks, our in-house Analytics guru, Avinash Kaushik, and others will demystify the world of website analytics and offer tips for getting the most out of your metrics. -Ed.

The Washington Times has always focused on content. After careful review, we determined that the best way to have the top tools to produce and publish that content is to release the source code of our in-house tools and encourage collaboration.

* django-projectmgr, a source code repository manager and issue tracking application. It allows threaded discussion of bugs and features, separation of bugs, features and tasks and easy creation of source code repositories for either public or private consumption. * django-supertagging, an interface to the Open Calais service for semantic markup. * django-massmedia, a multi-media management application. It can create galleries with multiple media types within, allows mass uploads with an archive file, and has a plugin for fckeditor for embedding the objects from a rich text editor. * django-clickpass, an interface to the clickpass.com OpenID service that allows users to create an account with a Google, Yahoo!, Facebook, Hotmail or AIM account.

The source code is released under the permissive Apache License, version 2.0. The initial tools released are: * django-projectmgr, a source code repository manager and issue tracking application. It allows threaded discussion of bugs and features, separation of bugs, features and tasks and easy creation of source code repositories for either public or private consumption. * django-supertagging, an interface to the Open Calais service for semantic markup. * django-massmedia, a multi-media management application. It can create galleries with multiple media types within, allows mass uploads with an archive file, and has a plugin for fckeditor for embedding the objects from a rich text editor. * django-clickpass, an interface to the clickpass.com OpenID service that allows users to create an account with a Google, Yahoo!, Facebook, Hotmail or AIM account.

40 Excellent Illustrations In Web Designs

orçamentos

Twitter 21 useful apps

Top 21 Twitter Apps.

List of the twenty most popular Twitter application

via: http://twitter.com/NameCheap/status/1231825827

"So what about the actual business numbers? Namecheap's site traffic increased more than 10 percent in December, driving a 20 percent increase in domain registrations. In addition, Michelle says, "The increase in Twitter followers allowed us to see a 30 percent increase in traffic when we ran a Super Bowl promo on Twitter [in February]."

Twitter Drives Traffic, Sales: A Case Study http://bit.ly/L2fEm

HTTPの通信状況をデバッグ

Shuurl is a free service that offers safe shortl urls

comme bit.ly et d'autres

Among designers, there are often discussions on the placement of actions in web forms that span several web pages. The quintessential question underlying this debate is: can an action that leads people to the previous step of a process be placed to the right of an action that leads users to the next step of a process?

previous next uie luke wroblewski

Prev & Next buttons... whats best and what isn't!

ウェブサイトを高速化するにあたり、そのフロントエンド処理に着目し、処理効率の向上に役立てることのできるティップスやツールを紹介する。 - builder by ZDNet Japan

facebook, django

Just cuz...

Cool web content. Can generate revenue

A podcast for those who design, develop and run websites.

This is our third installment of Ask SM, featuring reader questions about Web design, focusing on HTML, CSS and JavaScript. In this post we'll cover how you can take care of a smooth page scrolling

flush right lists, equal height divs, designing for IE 6, RSS

Some pretty rad ideas for webdesign. Fancy-schmancy backgrounds.

In this collection, you'll find 30 gorgeous web designs that employ textures as a design component. Hopefully, you'll become inspired to explore this design trend and apply it into your own designs.

The 'font ecosystem' changes so slowly that it's not hard to go years without taking those gradual changes into consideration. Each new version of MS Office, each new release OS X brings with it a new kit bag of available fonts. Although there are plenty of reasons to grumble about the way CSS handles type, it does have a few redeeming features. Font stacks is one of them.

Info in library format on Web Design

Library Journal.com

library web design and sites

10 top features of a library website according to Library Journal

タイポグラフィー

チャット機能付き？クール！でもクラシックなマックのアイコンがかわいい。

black

デザインとか動きとかカッコいい

The Zero Clipboard library provides an easy way to copy text to the clipboard using an invisible Adobe Flash movie, and a JavaScript interface. The "Zero" signifies that the library is invisible and the user interface is left entirely up to you.

The HTML 5 specification includes lots of new features, one of which is the canvas element. HTML 5 canvas gives you an easy and powerful way to draw graphics using JavaScript. For each canvas element you can use a "context" (think about a page in a drawing pad), into which you can issue JavaScript commands to draw anything you want. Browsers can implement multiple canvas contexts and the different APIs provide the drawing functionality.

Canvas

Mann, ist das cool!

Galería de sitios con diseño claro limpio

50 Great Minimal Sites http://tinyurl.com/cb7uww (via @adellecharles)

Since Web Designer Wall launched, I’ve been featuring a lot of graphic intense websites such as the artistic, large background, vintage, and illustrative styles. Now it is time to feature the minimalist design. Here is a massive list of 50 minimal sites. See how designers use minimal elements to create high visual impact — less is more.

The list includes a short introduction to Ajax, how to write modular CSS code, PHP Object Model fundamentals and an overview about the most popular JavaScript libraries.

Good for ideas

DeepPeep is a search engine specialized in Web forms. The current beta version currently tracks 13,000 forms across 7 domains. DeepPeep helps you discover the entry points to content in Deep Web (aka Hidden Web) sites, including online databases and Web services.

Moteur de recherche pour le web invisible

Most programmers are not just desktop programmers, web programmers or scripting gurus - they are often all of the above. Over time, most software developers find that it’s much easier to re-use code components than it is to recreate the wheel every time you write an application. Over time, these developers typically archive a library of these reusable modules in order to save time the next time they need to do the same task.

simple non-suck image hosting

Tuts+ Tutorials & Resources Psd.tuts+ Photoshop & Graphics Net.tuts+ Web Design & Development Vector.tuts+ Vectors & Illustration Audio.tuts+ Music & Sound Ae.tuts+ AfterEffects & Motion Envato Marketplaces FlashDen Flash Marketplace ThemeForest Web & CMS Themes GraphicRiver Graphics, Vectors & Icons VideoHive Motion Graphics & Projects AudioJungle Loops & Effects Envato Sites FreelanceSw Freelance Jobs & Community Rockable Books & How-To Creattica Design Community FaveUp Design Inspiration AppStorm Mac Apps Envato About Us More Coming Soon! * Home * Tutorials * Articles * Freebies * Videos * About * Subscribe By * RSS | * Email | * Other RSS * Home &#92; * Tutorials * &#92; Other * &#92; How to Create Your Fi

In this tutorial , you will learn about the basics of a Joomla template, and create one from scratch. We will quickly go through installing a local server and Joomla itself, and then create a basic functioning template.

Paso a paso y con WAMP

For backup your site. Good!!!

BackupURL propose de créer un cache d’une page web ou d’un site, qui restera identique dans le temps. Chaque sauvegarde est datée. BackupURL fournit pour chaque page une URL dédiée permettant ainsi de partager facilement ses Backups. NB : les images sont elles aussi archivées.

"The First Instant URL Caching Website!"

"Now a new breed of technologies is taking shape that will extend the reach of search engines into the Web’s hidden corners. When that happens, it will do more than just improve the quality of search results — it may ultimately reshape the way many companies do business online."

Google now indexes a trillion web pages - but that's just a fraction of what's out there. So, what does it miss?

...google is built for a static web...................

ARMv5

"Marvell Semiconductor is shipping a hardware/software development kit suitable for always-on home automation devices and service gateways. Resembling a "wall-wart" power adapter, the SheevaPlug draws 5 Watts, comes with Linux, and boasts completely open hardware and software designs, Marvell says."

power found in the servers of only a decade ago.

Jan

Glover's Weblog

Nice design.

Beautiful website

Lovely!

If you can take a complex device or a piece of software and somehow rearrange, reorganize and redesign the interface to make it easy to use and understand, then you’re well on the way to delivering a better user experience.

Found on Delicious with Ultimate How-To: Grow your social media network

i like it

make Web 2.0 work

reference about 2.0

Screw Flex, AIR, and Flash for RIAs - we've got browsers, Cappucino and Atlas

280Atlas is a basically Interface Builder written for the browser.

iphone simulatorü

Ein iPhone Browser-Emulator für Windows - zeigt wie eine Website auf dem iPhone gerendert wird

iPhoneシミュレーターだ。マルチ言語対応プログラムになっているかどうかまだ見てないけど。

iPhoneブラウザのエミュレータ

Windows上で、iPhoneブラウザの表示をシミュレート

IPhone Simulator for Windows

Achieving beautiful typography with CSS on the web is no easy feat, and there are many limitations to what can done with type on the web. However, there are generous people out there that have taken the time to build tools and write tutorials to help you overcome these limitations and create websites with beautiful typography.

A cool 2D port of the game. I must say its a bit less nauseating than the full game

Nice 2D version of the 3D videogame by EA.

Not surprisingly, there was a lot of community feedback asking for better layout mechanisms. Actually, people were asking for any decent layout mechanism at all, which CSS has historically lacked. Floats mostly work, but they’re a hack and can be annoyingly fragile even when you ignore old-browser bugs. Positioning works in limited cases, but does not handle web-oriented layout at all well.

ERic Meyers grundsätzliche Gedanke über ein Layoutsystem für Webseiten.

Eric Meyer elaborates on why we need a better layout mechanism for web content (whether it be via CSS or not). We know we shouldn't use tables for layout. Floats are a hack, positioning is flawed, and <code>display:table-cell</code> is no better than using a table itself. But Eric explains here why table <em>behavior</em> works moderately well for layout: <blockquote>... this is why the old “only use tables for layout” argument keeps coming up over and over: strip away the overheated rhetoric and obvious link-baiting, and you find the core of a real need. Because as powerful as CSS can be, table cells do certain things very easily that CSS makes very, very hard. Cells stretch vertically, keeping equal heights as a matter of their intrinsic nature. They stay out of each others’ way, while still being allowed to sit next to each other and use any sizing dimensions. They tie their layout to their parent elements, and vice versa.</blockquote>

Turning a bunch of divs or list items or whatever into table-role boxes is no better than just using table markup in the first place, and it’s arguably worse. Using element names other than table and td to create layout tables, and then claiming it’s not using tables for layout, borders on self-deception.

How to Use Twitter Without Twitter Owning You - 5 Tips

Introducción a Joomla.

Nice intro to the Joomla Content Management System and Open Source project.

Joomla is one of the most popular open source content management systems that exist today. In this step by step tutorial, Andrew demonstrates how easy it is to get started.

Welcome to Logicas Web Developer Handbook. This is, in no particular order, an amalgamation of web-standards solutions for common web development issues and problems — a way to tackle development in the cleanest, most accessible and semantic way possible. By using WDH, the aim is to standardise practices throughout an organisation; from accessibility to hacks, WDH covers the best ways to tackle a variety of dev problems.

ギョウザビリティー

デザインやWFのチェックに

ウェブサイトでやってしまいがちなユーザビリティのミス

羊

Have you ever come across a web site that you could not access and wondered,"Am I the only one?" Herdict Web aggregates reports of inaccessible sites, allowing users to compare data to see if inaccessibility is a shared problem. By crowdsourcing data from around the world, we can document accessibility for any web site, anywhere.

检测一个网站是否可以访问的服务

"Have you ever come across a web site that you could not access and wondered,"Am I the only one?" Herdict Web aggregates reports of inaccessible sites, allowing users to compare data to see if inaccessibility is a shared problem. By crowdsourcing data from around the world, we can document accessibility for any web site, anywhere."

In spite of the tremendous expansion of the Internet, the power of the printed word remains strong and popular. Print media is where it all began and today we take a close look at some amazing design magazines that can really boost your productivity and expand your design knowledge. In addition to their printed versions, some magazines also offer online versions on their websites as well as PDF downloads and single issue orders. Order online or pick them up at your local bookstore. Here’s our recommended list with descriptions taken from each magazine’s website…

Commenting with Facebook Connect

Permet de publier ses commentaires à la fois sur le site et sur son compte facebook

Facebook comments vient d'être lancé, permettant de relier les commentaires que l'on poste sur un site, avec son compte facebook. fort.

"(facebook comment system)"

KeepHD is a sweet tool that lets you download HD videos off Youtube! Not only can you download HD copies of your movies, you can also download the mobile 3GP version for your mobile devices plus the standard MP4 and FLV format. Just enter your Youtube video URL below, and KeepHD will automatically grab each version of the video you want to download.

Download and Save HD Videos off Youtube | KeepHD.com Video Downloader

Save High Definition to your computer as MP4 using keephd.com

So you want to write a script that sites all over the web can use to access your REST API, eh? Well, that would be pretty straightforward if it weren’t for two things: 1. browser same-origin restrictions on XMLHttpRequests (XHRs) and inter-window/frame access 2. the lack of wide browser support for HTML 5-style message passing between windows. The Same-Origin Policy and its minor browser-specific variations are detailed elsewhere, so I’ll just summarize it with a few key points. I use the term window to mean window object, which can be a top-level page or reside inside a frame or iframe.

So you want to write a script that sites all over the web can use to access your REST API, eh? Well, that would be pretty straightforward...

A comprehensive article outlining an approach on how to create a RESTful JavaScript client. The article explains not only how to create a client for your own RESTful services, but also interacting with cross-domain ones. There is also code posted on Google Code which implements the concepts presented in the article.

Video and slides from Feb 2009 presentation at Google on trends in Javascript performance, web applications, making use of higher performance, stateful browser clients.

reads like The not so far Future of the Web. Great.

config.trim_on_minimize

In our latest browser speed tests, I half-heartedly complained that Firefox eats up memory over long periods of use. Our lovely, helpful commenters pointed out that there is, indeed, a tweak to help with that. It's important to note that this about:config tweak doesn't actually change how Firefox uses (and hoards) memory over actual use. For the purposes of user speed, then, it's not much change. But while Windows can normally grab memory back from applications that are minimized, Firefox prevents that and keeps all the memory it acquired during your multi-tab wanderings—unless you enable this tweak, which some have claimed also makes Firefox scale down the big memory pile it had going upon re-focusing.

Ten favorite tools to help anyone launch and maintain their internet presence

great resources here. thanks tim. love the random generation and then checker

A rose is a rose is rose... but not with domain names. (Photo: nickwheeleroz) I am James Siminoff. I’m an ...

Access to over 300 millions songs for free ! Listen instantly to the music and embed it easily on your site/blog.

No signup required. Listen instantly to the music. Embed our customizable player on your site/blog.

video tuturial

An interesting look at the daunting task of connecting/mining the interwebs.

Search engines are starting to penetrate databases that are set up to respond to typed queries.

how to search databases, semantic seb

YSlow

TweetSum does one thing and does it well: we show you at a glance who’s following you, give you the tools you need to decide whether you should follow them back or not, and let you quickly add or dismiss your new followers.

Please note that we've just launched and DBIs may change. The DBI is a learning algorithm and will improve over time.

Get the DBI (Douche Bag Index) for yourself and your friends. lol

TweetSum helps you more efficiently decide whether you should follow someone back once they've followed you on Twitter.

DBI=Duchebag index

Google goodies

February 25, 2009 NYT column By DAVID POGUE offers a professional tour guide to help you find the lesser-known features of various Google apps.

A site for web developers to show which sites they've created.

See who built sites and claim your own.

whobuilt.it lets you claim the sites you build!

ウェブサイトの制作・検証に役立つブックマークレットをspeckyboyから紹介します。

Very long transcript of Bruce Sterling's talk at Webstock but well worth the effort.

We've got a web built on top of a collapsed economy. THAT's the black hole at the center of the solar system now. There's gonna be a Transition Web. Your economic system collapses: Eastern Europe, Russia, the Transition Economy, that bracing experience is for everybody now. Except it's not Communism transitioning toward capitalism. It's the whole world into transition toward something we don't even have proper words for.

Last fall, Facebook launched a major site redesign that primarily impacted the profile page, home page, and application developers. With the redesign, the Facebook profile page changed from a “box-oriented” design to a “Wall and tabs” design to make sharing more prominent and viral. Now, Facebook is preparing advertisers and brand managers for a similar redesign to its Pages product for businesses that could launch as soon as sometime in the next few weeks.

Redesigned Pages for Businesses

Released Submission Websites

おぉ、かなりわかりやすい。やるかどうかわかりませんけど・・。

http://culturedcode.com/things

Illuminati 2012,Screenplays,Action Adventure Thriller,Religion,Government,Facebook, EthanSwan,Twilight,Hulu,Createspace,Obama,Maps,Chat,Free,Real Estate,radio, music,Ebay,Action Adventure,TV,business,Comics,Erotica,Philosophy,Politics,science fiction, Barnes and Noble,Borders,Movies,Film,IMDB,Alexa,Mininova,Myspace,Youtube IBP Info: Illuminati 2012: The most horrifying book you'll ever read! Description: Books, Book, Library, Libraries, Publisher's Weekly, Barnes and Noble, Borders, Bookworld, Book Review, Illuminati 2012 Movie, Film, Amazon, Google Books, Yahoo Books, AOL Books, MSN Books, Dogpile Books, Internet Books, E-Books, ISBN: 978-0-615-27176-7, Myspace Books, Facebook Books, Youtube Books, Action Adventure Books, Science Fiction Books, Fantasy Books, Twilight, Horror Books, Mystery Thriller Books

HTTPステータスコード

よく使うステータスコード一覧とtips

Logotipos

website diseño

Boagworld

TiddlyDu2 is a free personal organizer in TiddlyWiki format. It allows you to easily organize your goals, projects, tasks, dated tasks, important information, and contacts. Click on the links below for further instructions.

elcome to TiddlyDu2! TiddlyDu2 is a free personal organizer in TiddlyWiki format. It allows you to easily organize your goals, projects, tasks, dated tasks, important information, and contacts. Click on the links below for further instructions.

Alpine Meadows Ski Resort makes great use of texture. The next best thing to feeling a website!

Apple Developer Connection - Safari Dev Center - http://developer.apple.com/safari/

maybe something of note in here

if, like me, you were wondering why the safari javascript docs never show up in google apart from some weird apple PR, then it's coz they are hidden behind the freewall on ADC.

CSSBlog ES - ¡CSS 100%! - http://www.cssblog.es/

Todo sobre css, geeks, internet y otros

Googleが作ったオンブラウザでx86コードを動かすやつのデビュ

Getting OpenID Into the Browser - O'Reilly Radar - http://radar.oreilly.com/2008/12/getting-openid-into-the-browse.html

tweetdeck twhirl alternative

Some tools to enhance your Twittering.

It's been probably a year since I typed twitter.com. I do use Twitter daily, just not the Twitter site. Sometimes, I use desktop-based applications

EC 参考サイト。

ECサイトのメディア事業戦略の資料を作った

* リスティング広告はやがてパフォーマンスに限界が来る* アフィリエイト経由の売上構成比が高まると原価率を圧迫する* 専門メディアの価値が高まり、ECサイト自ら運営するケースも増える

Pretty todo list generator

design

売れない、人が来ないホームページにならない為の、インターネットの知識とブログネタ

知ってるかもしれないけど、ここのTIPSは使える。 livequeryは超便利。

5 Cost-Efficient, Flexible Open Source Resources for Cloud Computing including Eucalyptus and Globus

The US National Security Agency has helped put together a list of the world's most dangerous coding mistakes.

funny article

25 common coding mistakes, eg CWE-426: Untrusted Search Pat

تغییرات در ظاهر گوگل ریدر

from mace conference

On the Reader team, we know that the old adage "change is good" isn't always true. Sometimes, change is just change. In this case, we hope that these decisions both improve your Reader experience today,

Google Reader intro

THis is for the MACE session

必要ファイルを自動生成

エエ感じ！

Ever feel like some days you can crank out amazing looking designs with little effort? Then on other days it feels like nothing is working, you’ve lost all your talent and you’ll never make another good design for the rest of your miserable life? Don’t panic – this is natural...

Written in pure javascript, Sigma Grid is an Ajax data grid for displaying and inline editing data in a scrollable and sortable table. LGPL license available from 2.1 version.

SSL Certificates Are Ready In 15 Minutes

$19.99 a year for SSL certs

The line between Content Management Systems and Application Frameworks is starting to blur and this is the core basis for this post. The comments are also great reading and provide a balanced argument for CMSs

Sunlight Labs Blog says that CMS's don't work because they contain too many 'opinions' that you won't agree with (to do with user interface and workflow) so you are better off using content frameworks.

Great observations on frameworks vs. CMSs.

good read

Kevin: Clay at Sunlight Labs talks about the issues he has with content management systems and argues that web frameworks like Django and Ruby on Rails are a better option. It's an interesting wrinkle on a common discussion in the industry, and it's worth the read.

blue state digital and information on community mailing tools

OmniGraffle Wireframe Icons

Great set of icons!

nice. static pages only, but nice.

cf "access control and version control: an overconstrained problem?"

Silly me, I thought we'd won this war years ago but there's always one guy who has used CSS for a month doesn't get it and writes a post like this. Good comments though.

CSS Trolls begone

Navegador web para videojuegos

World of Wacraft In Game Browser

Six Valuable Things Web Design Clients Won’t Tell You

%D リクエストを処理するのにかかった時間、マイクロ秒単位

Apacheのマニュアル読めってこと

これはエンジニアにはたまらない。GoogleのAjax API群をブラウザ上で試すことができます。 サンプルコードが最初から用意されているのでお手軽です。ちょこちょこっと変更して結果を見ながら組み上げていくことができます。

色々。

jQueryのプラグイン33+1選

手書き風デザインは、あまり上手すぎてもダメだし、かといってめちゃめちゃへたくそだと、それはそれで微妙ですよね。いい感じのうま下手感が出したいですよね。今回は、手書き風のデザインに使えそうなサイトをインスピレーション、ブラシ、チュートリアル、フォント、アイコンなどいろいろと集めてみました。

streamlined user testing idea

10+ Web Resources to Make Web Designer’s Life Easy

I spent a lot of time on this blog in the past month exhorting everyone to give teaching tools to the neediest public schools. I did that because education is possibly the most important thing we can do for our...

2.0

asdfjkl;

Bordi Arrotondati (Semplice da usare)

画像無しで角丸描ける

Liquid Canvas Todo! Gradients, dropshadows y roundedcorners, todo junto!

Tabelle mit Ajax in Rails.

Wait

Navigation is fairly obvious I guess (the other actions besides fetch - which should be always present as the first step - are fill_textfield, fill_textarea, click_link, check_checkbox, check_radiobutton, select_option, submit and if you can’t submit the form automatically for some reason, click_by_xpath as the last resort.

Peter Szinek walks us through the process of scraping data from web sites with scRubyt!. Impress your friends (and even your mother!) this Christmas with your slick data mining skillz!

Introduction Part 1: rel Part 2: XFN Part 3: hCard Part 4: hCalendar Part 5: hAtom Part 6: hResume Part 7: Themes & Issues

Introduction Part 1: rel Part 2: XFN Part 3: hCard Part 4: hCalendar Part 5: hAtom Part 6: hResume Part 7: Themes & Issues

windows theory

But what about a site's physical appearance? Does the aesthetic appearance of a blog affect what's written by the site's commenters? My sense is that the establishment of social norms through moderation, both by site owners and by the community itself, has much more of an impact on the behavior of commenters than the visual design of a site but aesthetics does factor in somewhat. Perhaps the poor application of a default MT or Wordpress template signals a lack of care or attention on the part of the blog's owner, leading readers to think they can get away with something. Poorly designed advertising or too many ads littered about a site could result in readers feeling disrespected and less likely to participate civilly or respond to moderation. Messageboard software is routinely ugly; does that contribute to the often uncivil tone found on web forums?

Cool! グラフィックは凄いけどサイトとしての内容はないなｗ　でも見とれてしまう

Founded in 1555. CHISO OF KYO YUZEN

12MB feinstes Flash. Sehr schön.

和風２．５次元のフルFLASHサイト

een heel rustige 'zen' site. Oosters met oosterse typische aquarellen in de achtergrond. heel rustgevend

CSS plantillas

meh

estensione per Firefox per scoprire nuovi siti web in linea con i nostri interessi

firefox extension that provides similar websites, a bit like stumbleUpon

最近のデザイントレンドにはまるクリーンなフォント、グランジ風のフォント、レトロ風のフォント、手書き風のフォントをSix Revisionsのエントリーから紹介します。

最近のデザイントレンドにはまるクリーンなフォント、グランジ風のフォント、レトロ風のフォント、手書き風のフォントをSix Revisionsのエントリーから紹介します

sistema operativo online, in the cloud.

The Future of Web Apps: 7 Things Companies Must Do to Succeed

News Flash: Web 2.0 is so over. Here are seven things web app companies will need to do to succeed in the future.

Blog about web programming & web design

The Golden Grid aims to be the perfect web grid with golden proportions, rule of thirds symmetry and more

I was searching for the prefect web grid, playing with golden proportions, rule of thirds, symmetry, asymmetry, usability, monitor proportions, typography and the result came spontaneous - The Golden Grid. Why not share it with you :).

The Golden Grid is a web grid system. It 's a product of the search for the perfect modern grid system. It 's meant to be a CSS tool for grid based web sites.

汎用性の高そうな無料で高品質のベクターのアイコンセット集

VECTOR TUTSのエントリー「無料の高品質な60のベクターのアイコンパック」から、汎用性の高そうなアイコンセットを紹介します。

☆☆☆☆☆

VECTOR TUTSのエントリー「無料の高品質な60のベクターのアイコンパック」から、汎用性の高そうなアイコンセットを紹介します。 60 Free Vector Icon Packs for Design Professionals 165 Lovely Ve...

Looks an interesting way to read news, but whats with the categories. No 'science' section, but a 'Ron Paul' one?

Personalized News Source

A web 2.0 based social aggregator

まとめ！

HTML to PDF converter online, free HTML to PDF convert

html to pdf

Free HTML to PDF converter online

JavaScript Libraries | Developer's Toolbox | Smashing Magazine

Bookmarklet

Bookmarklet para ler páginas ilegíveis

70 New, Useful AJAX And JavaScript Techniques

As the Web grows and becomes more dynamic, more and more websites have user-generated content and tools that greatly improve the user experience in terms of usability and accessibility. Interactive solutions for lightboxes, form validation, navigation, upload, auto-complete, image cropping, slideshows, tool tips, sliders and tables are being developed that use nifty JavaScript and AJAX scripts. When using these, developers have to carefully consider many subtle techniques to help users get things done. In this article, we present 70 new and useful JavaScript and AJAX techniques, all of which are of the highest quality and are more or less easy to configure. You will also find some very useful but better known techniques to use on almost any project you work on. jQuery, MooTools, Prototype and script.aculo.us are used in these examples, so every taste gets its due.

Useful AJAX And JavaScript Techniques Smashing Magazine

by Noura Yehia As the Web grows and becomes more dynamic, more and more websites have user-generated content and tools that greatly improve the user experience in terms of usability and accessibility. Interactive solutions for

商用利用可の無料アイコン

cool free icons you can download for webdev

iconPot - totally free icons

The aim of this site is simple. We list a whole bunch of icons which are all great to use for your web development projects. But we are different to other icon-related websites because we only list icons which you can use for free on personal AND commercial projects AND without having to provide back-links/credit to the author. These types of icons can be tough to find, so here is a while list for your convenience! Although these icons are all free, you are encouraged to donate to the author if they make this option available. If you know of any other icons which meet the requirements of being totally free to use, please email admin@iconpot.com so that we can add them to the list.

alerted when an invoice is overdue and numerous other features

Deciding to become a freelance worker can be a scary proposition. Sure there is an allure to picking what projects you work on, but it can also be stressful not knowing where your next paycheck will come from. Luckily there are numerous resources out there that not only help you find more work, but also loads of tools to help you do your job more efficiently with a professional edge.

TOOLS

videos and other fixed width objects inside the content may upset this fluid layout, but see links for how to solve that.

contemporary practices from ala

more on fluid webdesign

With TinyChat you can create your own chatroom and invite people through one simple link. Chat rooms are disposable and can be created within seconds.

various free software

weblog dedicated to reviewing some of the newest and best web and mobile apps on the web. Additionally, we have insights and analysis on some of the hotest topics from around the net

25 Powerful and Useful jQuery Tutorials for Developers and Designers : Speckyboy Design Magazine

jQuery is everywhere, its fast and versatile, and is rapidly becoming as common on websites as CSS. The only small problem you may have is keeping up with development, keeping up with new plugins and tutorials. This article will do just that. All of these tuts have been written within the past eight weeks, bringing you up to speed with latest developments.

12 Excellent Tools for Picking a Domain Name - http://sixrevisions.com/resources/12-excellent-tools-for-picking-a-domain-name/

Hi, today i will show a monster collection of jQuery resources you’ll ever need to create that amazing site for one of your clients or for one of your personal projects.

All the jQuery resources you’ll ever need | Hein Maas - Freelance Graphic/Web Designer - http://www.heinmaas.com/2009/03/all-the-jquery-resources-youll-ever-need/

Great resource for awesome jquery sliders

A brief, but well written overview of things to consider when selecting a CMS.

Choosing a content management system can be tricky. Without a clearly defined set of requirements, you will be seduced by fancy functionality that you will never use. What then should you look for in a CMS?

PDF editor.

Editoi Pdf kokeile ja testaa

pdf pdfpdf PDFVue Beta : Edit, Annotate, and Share PDFs for Free

PDFVue is the first online PDF editing tool designed to annotate and markup PDF's for free. With PDFVue you can upload any document from any computer without having to have expensive client software. Once you've made your changes you can simply download the updated PDF or share the secure PDFVue link.

SHORT URL

tinyarro.ws: shortest urls in the WORLD. LINKS WILL NEVER BE THE FRICKEN' SAME! (isn't it silly the things we come up w/? (h/t @elCatch22)

Features by PC Magazine

Oh sweet. Now I can finally get rid of my stupid myspace.

Deleting accounts you've created on Facebook, MySpace, AOL, and elsewhere on the Web isn't always easy. Here are the details on leaving 23 services behind.

by Glen Stansberry Subversion is a version control system that many Web developers and designers use to back up their work. Subversion was started in 2000 and is quite popular in the open-source community; major

Faire défiler le contenu d'un tableau avec javascript

This updated table sorter script is easy to use and feature packed at only 2.5KB. New features include column highlighting, optional pagination, support for links, and date/link parsing. A few other features are alternate row highlighting, header class toggling, auto data type recognition and selective column sorting. More updates will follow soon.

テーブルをストライプ化＆ソート可能にする軽量（2.5KB）なライブラリ。文字列・数値・通貨・日付の並び替えに対応。オプションでページ分割も可能。商用・非商用フリー。

Un javascript de 2,5 ko pour faire des tables triables.

From WebAppers. Non library specific table sorting plugin.

loads of alternative, websites with great visual impact

For your inspiration, here are 40 beautifully-designed websites that revert back in time to retro and vintage styles.

These, are just stunning. MUST SEE - INSPIRATIONAL

’ve written a fair few articles over the past year and thought it might be useful for any new subscribers and visitors to see a summary of the most useful ones

fazer botao online

"It's not a "Google killer" -- it does something different. It's an "answer engine" rather than a search engine."

web design

"These rules are the key to speeding up your web pages. They've been tested on some of the most popular sites on the Internet and have successfully reduced the response times of those pages by 25-50%."

In an information space, a human’s needs are simple and his behavior straightforward. Find. Read. Save. But once you get a bunch of humans together, communicating and collaborating, you can observe both the madness and the wisdom of crowds.

site with thousands or millions of people, how do you make sure you can keep track of the people you care about? Resolution: Create ways for people to identify, connect, and organize the people they care about, as well as the information those people produce. The complexity of relationship classification depends on how your customers will use your website.

Artículo de ALA exponiendo algunos patrones de interacción social de redes

"Top" four instant sound effect sites

Type is one of the most-used elements of the web. Think about it. Unless you are YouTube or Flickr, chances are your site visitors are coming for your text content - not the fancy packaging that surrounds it. So why are web designers still treating text like a secondary element? Good typography brings order to the page and increases legibility. It allows people to process information faster.

Consejos sobre cómo utilizar la tipografía y el diseño en el diseño de páginas web

Reading anything on the Internet has become a full-on nightmare. As media outlets attempt to eke out as much advertising revenue as possible, we're left trying to put blinders on to mask away all the insanity that surrounds the content we're trying to read. It's almost like listening to talk radio, except the commercials play during the program in the background. It's a pretty awful experience. Our friend to date has been the trusty "Print View" button. Click it and all the junk goes away. I click it all the time and rarely print. It's really become the "Peace & Quiet" button for many.

A bookmarklet for stripping unnecessary fluff from web pages, and style the text as you want it.

An app that clears away all the clutter, leaving just the content.

go over with SIna

Fashion Website Design Sample

In this article we’ll take a look at the websites of leading fashion companies, as well as some fashion news sites, and see when fashion, style and web design come together.

Now would be a good time to start any company that competes with TV networks. That's what a lot of Internet startups are, though they may not have had this as an explicit goal.

After several iterations, false starts, and great conversations with Michael Nielsen, a flash of the obvious came: HTTP + Javascript! What if you could contribute to a computational (Map-Reduce) job by simply pointing your browser to a URL? Surely your social network wouldn't mind opening a background tab to help you crunch a dataset or two!

Hi there, just wanted to share this icon library I've been toying with — it's both free and dolphin safe.

via Nova Spivack: It doesn't simply return documents that (might) contain the answers, like Google does, and it isn't just a giant database of knowledge, like the Wikipedia. It doesn't simply parse natural language and then use that to retrieve documents, like Powerset, for example. Instead, Wolfram Alpha actually computes the answers to a wide range of questions -- like questions that have factual answers such as "What is the location of Timbuktu?" or "How many protons are in a hydrogen atom?," "What was the average rainfall in Boston last year?," "What is the 307th digit of Pi?," or "what would 80/20 vision look like?"

Wolfram Research introduces a search engine

Today i wanted to share with you 10 AJAX-based & PHP webmail client that delivers the look and feel, usability and performance of a desktop application. Some of the webmail clients listed below are open source code that can be easily modified to better suit user's needs, while others are not.

Employees need to access their email from wherever they happen to be – on the road, at customer sites, remote offices, and at home. WebMail clients allows receiving and sending email messages using POP3 and SMTP protocols through both local and remote mail servers. Providing secure filtering of unsafe content while viewing HTML-formatted email messages. WebMail clients can operate under different popular web platforms (PHP, ASP.NET, ruby on rails, java). Today i wanted to share with you 10 AJAX-based & PHP webmail client that delivers the look and feel, usability and performance of a desktop application. Some of the webmail clients listed below are open source code that can be easily modified to better suit user’s needs, while others are not. So You must check their license to know the rules.

10 AJAX-based & PHP WebMail Clients For a Great User Experience

Nice site for structuring xhtml with css for some dynamic organized layouts

Icons come in many different sizes and styles. Some are flat and solid colors, while others can be very detailed. Icons in web design are often used to enhance

Detailed and Beautiful Icon Sets

Tips For Beginners

refresher tips on css

Layout Tutorials 4 teh interwebs ^^

60 Layout design tutorials Posted by sedFEIS on March 12, 2009 Category: Adobe Photoshop, Tutorials / Tags: adobe, design, layout, photoshop, tutorial 60 Layout design tutorials In this post I gathered 60 layout design tutorials, from which you can learn how to make your own website design. This post together with 43 PSD to XHTML, CSS Tutorials Creating Web Layouts And Navigation could teach you how to make your own website. Just click on the title to go to Design Lab TV Styled Layout Design Lab TV Styled Layout GreenPress WordPress Theme Design Colorful Funky Web Layout Tutorial などなど。

2500+ Free Icons - NETTUTS

Image Rollover Borders That Do Not Change Layout - http://css-tricks.com/image-rollover-borders-that-do-not-change-layout/

css

ロールオーバーする際にずれてしまう問題と解決方法

Grid Based Design Toolbox | Fuel Your Creativity

Grid Based Design Toolbox | Fuel Your Creativity - http://www.fuelyourcreativity.com/grid-based-design-toolbox/

Recursos para diseño web con grids

Simple but useful checklist for websites. Certainly not a comprehensive list, but a good starting point.

portfolio examples

Awesome chart plotting scripts!

8 CSS tips for better linking

It may sound stupid to say that, but the ability to link is one of the best features of the web. It is then really important to make your links display as

It may sound stupid to say that, but the ability to link is one of the best features of the web. It is then really important to make your links display as convenient for use as possible. In the following collection you’ll find some tips to make your links better looking and more usable.

43 Incredibly Useful Collection of Tutorials, Resources, Inspirations etc To Discover The Bes

^^

Unemployment numbers are sky high, but there is a silver lining: there are lots of great online resources to help job seekers find work.

full tool for twitter

Using breadcrumb trails is a fairly straightforward affair, and there are only a few guidelines to consider before deciding to implement them on a website. Let’s take a look at some common mistakes to avoid.

By Jacob Gube On websites that have a lot of pages, breadcrumb navigation can greatly enhance the way users find their way around. In terms of usability, breadcrumbs reduce the number of actions a website

It seems that the majority of blogs all follow a standard layout: a long list of posts on the left and a sidebar on the right containing such things as recent

10 Blog Designs with Innovative Layouts

Creative Blog designs

Ciekawy design

Blog Design

I had a great time in design school, I was constantly learning and surrounded by lots of like minded people. However, after five years of freelancing as a graphic designer, I’ve learned many new things. The following list is the top ten things that I had to learn the hard way.

Insightful article about preparing for a career in design

At a dinner tonight with a friend the conversation turned to Twitter. He just didn’t get it, and he’s certainly not the first person to tell me that. Specifically, my friend didn’t understand the massive valuation ($250 million or more) that Twitter won in its recent funding. I told him why I thought it was more than justified: Twitter is, more than anything, a search engine. I told him what I thought of Twitter as a micro-blogging service: it’s a collection of emotional grunts. But it’s wonderful nonetheless. And enough people are hooked on it that Twitter has reached critical mass. If something big is going on in the world, you can get information about it from Twitter.

I don't want to think of it that way, but this is one of the best explanations I've read.

In this post, we’ll explain some Web typography terms and how they play into readability; we’ll present numerous tips to help improve the readability of your content; and we’ll showcase very readable websites, layouts and articles.

部分RSSフィードを全文配信に変換してRSSリーダー等で読むツール。

可以输出rss全文的网络服务

可以把没有全文输出的RSS变成有全文输出的rss，非常方便

將 摘要feed --> 全文feed

RSS feed 摘要输出轻松全文 http://www.appinn.com/full-rss-feed/

Last week I did a review of 6 jQuery plugins that were great for implementing charts. Since then, I’ve had the opportunity to work with a couple more alternatives that are outside of the jQuery realm, and arguably look like they could be real contenders for removing Flash’s dominance in this area, so let’s check them out:

^^ this

Bring Down IE 6

a campaign by .net magazine

WOOHOOOOOO

AjaXplorer is an easy-to-install file explorer for remotely managing files on a web server. Its “rich client” layout and actions make it accessible to any end-user for a variety of purposes: file management/sharing, photo gallery, code browsing, etc. Only PHP (4 or 5) is necessary, no database needed.

AjaXplorer is a free ajax file manager

Is till hold a torch for DreamWeaver but it's been dead since CSS went mainstream and it's WYSIWYG mode couldn't keep up.

Dreamweaver is dying, well it cant live forever.. although i loved it for putting together a quick page, but it just doesnt cut it when i need more advanced stuff.. it just starts coming in the way.. I am Linux since last couple of months anyway.. No dreamweaver here! I have better tools though.. I can write / improve more of those too ;]

Here's a common question I get from startups, especially in the early stages: when should we launch? My answer is almost always the same: don't. First off, what does it mean to launch? Generally, we conflate two unrelated concepts into the term, which is important to clarify right up front. 1. Announce a new product, start its PR campaign, and engage in buzz marketing activities. (Marketing launch) 2. Make a new product available to customers in the general public. (Product launch) In today's world, there is no reason you have to do these two things at the same time. In fact, in most situations it's a bad idea for startups to synchronize these events.

And 20 examples of nicely designed charity websites

So how does a charity get the most out of its website? It needs to let users find out information about the charity, but the main objective of the site is to get people involved with the charity, usually resulting in the user donating money. In this article, we look at 8 principles that you should follow when creating a charity website.

Best wordpress setups

Showcasing the Best WordPress Sites on the Internet

Very inspirational place to find Wordpress Sites

Une alternative à sIFR à explorer. Plus simple à installer et à configurer mais quelques désavantages par rapport à sIFR (pas de sélection du texte, pas de style sur a:hover, etc.)

type tools

What makes WordPress so beautiful? The plugins developed by the many WP enthusiasts. These plugins help you transform a blog into a genuine rich-media experience by adding to your site interactive elements that appeal to your community.

mobile version of your site that is only active on mobile devices is a snap wi

Nature Design

Fantastic designs here including one or two australia based ones. Special mention goes to the site with the interactive water, sift through until you find it, you'll be pleasantly surprised. The exploding earth coal site is equally brilliant.

Statistiken Browser, Search Engines, Mobile, ...

Microsoft is so often the behemoth everyone loves to hate that people overlook the stuff it does right. We tried its newer Web services and found five gems.

Indispensible ICT Tools for teachers The following list of ICT tools was crowd sourced from individual educationalists and not companies when the question 'What Indispensible ICT tools do you use in education' was asked and is not meant to be exhaustive in any way.

technology, people and life in general

draxc0la design

cool sites

design inspiration - submit here

black layouts

"Mainstays of application architecture such as the relational database model, monolithic run-times, and even deterministic behavior are being challenged by non-relational systems, cloud computing, and new pull-based systems where consistency and even data integrity sometimes take a backseat to uptime and performance."

3d text illustration

6 Fool-Proof Steps to Make More Money With Your Website

Every website has a bunch of web pages which get more search traffic than others. These pages are constantly visited daily by new visitors, people who have never seen the site in question before. I call these ‘money pages’ because they are a reliable source of immediate and future income. But they’re not just ‘money’ because they bring in revenue: they are one of the easiest ways to grow your audience without much work. If you learn how to optimize these money pages (its not hard to do), you’ll really improve your website in so many ways. More revenue, more members, more influence and authority. Doesn’t that sound good?

Descarga el favicon de la página que uno especifica

Instructions: Enter a URI and select an image format. The URI can be a domain name or the URI of a specific web page. Press the Grab It! button to get the shortcut icon for that page or site. If the image is displayed in the Grabbed Icon area, save the image. (With our browsers, we can right-click the image and select "Save Picture As..." or "Save Image As...".) If there is a problem grabbing the icon, you will see the "Error!" image in place of the icon. If you have any suggestions, let us know.

http://bitelia.com/2009/03/11/obten-el-favicon-de-cualquier-sitio-en-gif-png-o-jpeg/

Before launching any new website, it has to be tested. There are many great tools for web development testing so that users have a problem-free experience.

Creating a File Hosting Site with CodeIgniter - NETTUTS

MVC Baby!

"tag webtool"

… the Internet shatters all forms of advertising. “The problem is not the medium, the problem is the message, and the fact that it is not trusted, not wanted, and not needed,” …

MyInkBlog, March 21, 2009. Unread.

Got an Hour? Create a Server in the Cloud

Video - seminar on front end engineering. best practices, naming conventions, etc.

To keep up with the fast-paced web design industry you must seek out self education sources as often as possible, such as books, or you'll be left

ilustração em websites

Big, two-dimensional drop-down panels group navigation options to eliminate scrolling and use typography, icons, and tooltips to explain the user's choices.

Don't make response time too fast, though: the mouse should remain stationary for 0.5 seconds before you display anything that's hover-dependent, such as a mega drop-down or a tooltip. Violating this guideline will make the screen flicker insufferably when users move the mouse. Only after 0.5 seconds of resting the pointer on a navbar item can you assume that a user actually wants to see its associated drop-down. Thus, the timing should be: 1. Wait 0.5 seconds. 2. If the pointer is still hovering over a navbar item, display its mega drop-down within 0.1 seconds. 3. Keep showing it until the pointer has been outside both the navbar item and the drop-down for 0.5 seconds. Then, remove it in less than 0.1 seconds.

Summary: Big, two-dimensional drop-down panels group navigation options to eliminate scrolling and use typography, icons, and tooltips to explain the user's choices.

Big, 2-dimensional drop-down panels group navigation options to eliminate scrolling and use typography, icons, and tooltips to explain users' choices.

One Photo a Day

Timetric's here to help you make sense of data. It focuses on time series analysis: graphing, tracking and comparing the movements of data over time. It creates tools to make it easy to build models on top of time series — updated whenever the data they're based on is updated — as it is to use a spreadsheet. You can use data in the program or upload your own.

Here are 18 WordPress plugins to help you manage your blog's RSS feed, track subscribers, and much more.

Real Simple Syndication (RSS) enables site owners to automatically syndicate their content to readers in an easily digestible format. There are a number of WordPressWordPress reviewsWordPress reviews plugins to help you manage your blog’s RSS feed, track subscribers, and much more.

10 Rare HTML Tags You Really Should Know

I should look into these!

JetBytes is an experimental file transfer service which works without storing files during the transfer and allows to download it immediately.

send files via the web with email link

Jetbytes is an experimental file transfer service which works without storing files during the transfer and allows to download it immediately. Just choose a file:

Controling the graphics with your mouse movement

Matching the pace that the ink line travels to the perceived momentum in the song works particularly well here.

chouette concept de site pour promouvoir un artiste

We’ve compiled an alphabetized glossary here for you so that you can just scan down the list and find the term that you are looking for, as well as a list of popular Twitter applications and instructions for incorporating Twitter into your website and blogs.

A post that is a tutorial for a beginner on twitter

Great site explaining twitter

fizy is an online jukebox that was designed with the express aim of being simple and easy to use. enjoy and share it with your friends.

fizy / videomusic.

Find that song quickly!

You may be running non-free programs on your computer every day without realizing it—through your web browser. In the free software community, the idea that non-free programs mistreat their users is familiar. Some of us refuse entirely to install proprietary software, and many others consider non-freedom a strike against the program. Many users are aware that this issue applies to the plug-ins that browsers offer to install, since they can be free or non-free. But browsers run other non-free programs which they don't ask you about or even tell you about—programs that web pages contain or link to. These programs are most often written in Javascript, though other languages are also used. Javascript (officially called ECMAscript, but few use that name) was once used for minor frills in web pages, such as cute but inessential navigation and display features. It was acceptable to consider these as mere extensions of HTML markup, rather than as true software; they did not constitute a sig

The Javascript Trap

Richard Stallman, with his unsurprising take on JavaScript.

Merchant account

test

Describe the pain of getting a merchant account with a bank. Give some tips on how to do it.

"guide to obtaining a merchant account, from the cash-strapped start-up’s point of view". chargebacks, 3D-secure, AVS/CV2, PCI-DSS. Start the process early; Apply to several banks; Exaggerate your volumes (realistically); Know all about fraud; Be serious to ensure the bank feels you’re a trustworthy business; Read the fine print and negotiate the terms.

8 Excellent Free Websites To Enjoy Your Weekend Or Just For Fun

an gi

Good little article on using HTML special characters on your site.

One of the most under–rated elements of beautiful Web design is the subtle art of typography. Part of this, I know, is a lack of a solid font support for Web sites. But never fear! Today I’ll show you some quick things you can do to appear to be a type master.

save

50 Inspirational Website Introductions

intro page

40+ Beautiful Examples of Paper Websites Design

interesting website design

A log of websites with real character.

FireFox add-ons for Web Design

Thanks to Firefox and some of the great add-ons that have been developed for it, your browser is your best friend when it comes to web site design. From CSS tools, to promoting your domain, here are 10 of the most popular web designer tools for Firefox.

Active and Passive White Space White Space is often used to create a balanced, harmonious layout. One that just ‘feels’ right. It can also be used to take the reader on a journey through the design. In the same way a photographer leaves ‘looking room’ in a portrait shot, by positioning the subject o! the centre of the frame and having them looking into the remaining space, a designer can do this to increase the effectiveness of their design. Another way of looking at white space is by how a reader, or user, reacts to it. White space can not only be used by the designer to create harmony and balance in design, or to help position a brand, but it can be used to lead a reader from one element to another. This is called Active White Space

Plus a nice comment from Zed.

WEBデザイナーという肩書きを使う場合にあったらいいかもなスキルとWEBで見れる無料教材とリソース集

Unresolvable

Microsoft Web Platform - Home

無料ホームページを作成！

we

Most web designers know that cheat sheets are incredibly useful. You can use them for quick reference, easy learning, and more. In this list, we’ve compiled an incredible collection of the 100 best and most useful cheat sheets out there.

excellent

Pretty interesting look at how Craigslist could be redesigned and retain its minimalism while being more usable and more attractive.

кейс юзабилити-переделки Craiglist. Почитать

http://www.boxuk.com/blog/monetizing-your-web-app-business-models boxuk.com

Business models for web applications

monetizing web apps

this is a test.

A great article from ALA on how to cultivate an active membership base

A key to running successful "social networking sites" is to remember that they're just communities. All communities, online or off, have one thing in common: members want to belong—to feel like part of something larger than themselves. Communicating effectively, setting clear and specific expectations, mentoring contributors, playing with trends, offering rewards, and praising liberally (but not excessively) can harness your members' innate desires—and nurture great content in the process.

Web design hints

A List Apart: Articles: The Elegance of Imperfection

design aesthetics

Very interesting.

A taxonomy of elegance Jeremy Alexis, of the Illinois Institute of Technology’s Institute of Design, asks us to consider three types of elegance when we face a design problem: logical elegance, systemic elegance, and aesthetic elegance.

During the past year or so, I have published 3 collections of colorful websites. Today we'll take a look at another 25 sites that make exceptional use of color. There is a wide variety of color schemes and design styles represented here, so I hope the work of these designers provides some inspiration for your own work. 25 Beautifully Colorful Websites 25 Beautifully Colorful Websites - Part 2 25 Beautifully Colorful Websites - Part 3 By Marina

またもやFICCさんの自社サービス、制作事例から求人情報を探せます。

FICCが運営するクリエイターのための求人サイト☆さすがなつくり。 CBCNETより見やすくて親切。

制作実例から企業を探すことができる

そのままは使えないけど、参考になるところが有った。

いつかこれで練習したい

あとで

Weil Papageien teure Geheimnisse haben.

Users often see online content out of context and read it with different goals than you envisioned. While you can't predict all such goals, you can plan for multiple uses of your text.

Un nuovo alertbox con i consigli del guru dell'usabilità

爆発的に普及中のFirefoxやThunderbirdはWEBユーザーの必須アイテム。初心者からヘビーユーザーまで使える！便利でクールなFirefox拡張機能（アドオン）の使い方やMozilla関連情報をどうぞ。

テレビを見る為のFFアドオン

実験的

まじかー？でもテレビにきょーみない

All too often, I see a great design concept with a poor choice of colors. Part of what makes a great web design “great” is layout, typography and color. When each of these aspects work to compliment each other, great design is born.

Siena is a brand new set of 200 free icons, developed exclusively for Webdesigner Depot. You can use them for your designs such as logos, websites and much

200 Free Exclusive Icons: Siena

ナビゲーションメニューのデザイン実例30+ | Admix Web

10 Tools for measuring site visitors

cool hand drawn

In this collection, you will be able to find some of the best designs that have hand drawn, sketched elements infused into them for your inspiration.

SXSW Typography: Quit Bitchin and get Your Glyph on

If there's nothing in here about Unicode symbols, I'm filing a complaint.

Designers are still complaining about the limitations of Web typography. Is their case valid, and will it be in the future? What myths are there about web typography and how do we dispel them?

web typography resources

An interesting talk on reusable apps and an article on installing Pinax

Here's 10 tips that will makes you code more efficiently with jQuery.

haineault.com / blog / 10 useful jQuery authoring tips

Here's 10 tips that will makes you code more efficiently with jQuery. 1. Be lazy // Don't if ($('#item').get(0)) { $('#item').someFunction(); } // Or if ($('#item').length) { $('#item').someFunction(); } // Just do $('#item').someFunction(); jQuery will call the function only if there is a match, no need to double check. 2. Use shortcuts // You can but.. $(document).ready(function(){ // ... }); // There is a shorter equivalent $(function(){ // ... }); It should be well known, but obviously it is not. 3. Chain // Don't $('#frame').fadeIn(); $('#frame .title').show(); $('#frame a:visited').hide; // Do $('#frame').fadeIn() .find('.title').show().end() .find('a:visited').hide(); Unnecessary DOM traversal is a expensive operation, avoid it when possible. 4. Group queries // Ugly $('div.close').click(closeCallback); $('button.close').click(closeCallback); $('input.close').click(closeCallback); // Not ugly $('div.close, button.close, input.close') .clic

をおこなうべき

Finding decent hi-quality vector icons for free via google is kinda hard & annoying. My results mainly lead to sites that wanted to sell you icons. I don’t beleive in paying for things like that, especially when there’s an abundant amount of vector icons that are available for free.

Ultimately, though, every business needs revenues—and advertising, it transpires, is not going to provide enough. Free content and services were a beguiling idea. But the lesson of two internet bubbles is that somebody somewhere is going to have to pick up the tab for lunch.

the lack of any business model describes the Web 2.0 era

"Ultimately, though, every business needs revenues—and advertising, it transpires, is not going to provide enough. Free content and services were a beguiling idea. But the lesson of two internet bubbles is that somebody somewhere is going to have to pick up the tab for lunch."

"Now reality is reasserting itself once more, with familiar results. The number of companies that can be sustained by revenues from internet advertising turns out to be much smaller than many people thought, and Silicon Valley seems to be entering another “nuclear winter”"

The Spanner - XSS Rays

List of most commonly used passwords

A detailed password analysis of compromised passwords from myspace, phpbb, and singles.org

Singles.orgのパスワード、やけに宗教的な語句が多いなと思ったら、キリスト教徒用出会いサイトなのね

AS 101 COISAS QUE VOCÊ DEVERIA TER VISTO NA INTERNET BRASILEIRA

Coletânea de vídeos e sabe lá o que mais. Muito bom!

perfomance and scalability testing of a website

stress test your web app

What is Tsung ? The purpose of Tsung is to simulate users in order to test the scalability and performance of IP based client/server applications. You can use it to do load and stress testing of your servers. (Definition coming from the Tsung website) In this post, I will introduce the use of Tsung in order for you to stress test your web applications. Why Tsung ? Because it’s an Open-Source project and, to tell the truth, mainly because this application has been coded in Erlang which gives Tsung a little advantage on the other tools: it has the potential to simulate A LOT of concurrent requests … without crashing. That’s what we expect from a stress testing app, isn’t it? Let’s start the installation We will need the Perl Templating-Toolkit and the Gnu plotting utility in order to create nice HTML and graphical reports with the result data set. So, back to your command prompt: ~$ sudo apt-get install gnuplot-nox libtemplate-perl libhtml-template-perl libhtml-template-expr-pe

ウェブアプリケーションのパフォーマンステスト用ツール Tsung の使い方

Find the tweets you've lost

Tweleted allows you to recover Twitter messages — tweets — after they've been deleted.

chatting

Service for talking to strangers ... bizarro world.

Omegle is a brand-new service for meeting new friends. When you use Omegle, we pick another user at random and let you have a one-on-one chat with each other. Chats are completely anonymous, although there is nothing to stop you from revealing personal details if you would like.

ask an expert

Quite an interesting idea. (via sai)

Peer 2 peer e-learning

パンくずいろいろ

7. Experimental Examples 実験的なパンくず

IE1…

IE1からって。

As you may already be familiar with footer, the footer is a last and significant element in a web design, as well as the coolest place to display Twitter updates, popular posts, recent comments, and Flickr photo streams are just a few common ideas. I have fetched some of the most creative footer posts from multiple blogs which will inspire you. Go ahead and check out these footers which make it stand out of the rest. Let us know your best pick!

As you may already be familiar with footer, the footer is a last and significant element in a web design, as well as the coolest place to display Twitter updates, popular posts, recent comments, and Flickr photo streams are just a few common ideas. I have fetched some of the most creative footer posts from multiple blogs which will inspire you. Go ahead and check out these footers which make it stand out of the rest. Let us know your best pick! Footers In Modern Web Design: Creative Examples and Ideas Footers In Modern Web Design Modern Sitemap and Footer Modern Sitemap and Footer 25 More Inspirational Footers 25 More Inspirational Footers 25 Impressive Blog Footers 25 Impressive Blog Footers 25 Stylish Website Footer Designs 25 Stylish Website Footer Designs 19 Gorgeous Website Footers 19 Gorgeous Website Footers 40 Beautiful and Creative Website Footers 40 Beautiful and Creative Website Footers 50 Excellent Blog Footer Designs 50 Excellent Blog Footer Designs 40 Cre

Footers

Web design has come a long way since its beginning, especially in terms of styling. Take a look at a website from 10 years ago and compare it to one from today. The differences are

nice jquery stuff

30-fresh-and-promising-design-blogs-to-follow

Great selection here.

Web Designer Help » 15 Great CSS Galleries - http://www.webdesignerhelp.co.uk/index.php/2009/03/15-great-css-galleries/

initiate chat or conference from anywhere.

How-tos for various web software

new and hot bookmarks

April Fool's joke 2009

Blog post, 5 lessons learned from YouSendIt.com

awesome.

These days we are inundated with bloated web browsers that overcomplicate our lives. However, there is one eminent exception: IE6. It has been around since 2001 and is still one of the most powerful and versatile browsers available.

You have been mislead by a vocal minority and are using firefox, which is clearly an inferior web browser to IE6. Please switch to IE6 and sign our petition.

When it comes to graphic design, Adobe Photoshop is a very popular option and for a reason. Photoshop really can do magic in the hands of a skilled designer. However, the software itself is really hard to use if you're not used to it. In fact, in Photoshop it usually takes ages to achieve something you have never done before. This is where Photoshop Tutorials comes to your help by guiding you though the many difficult steps needed to achieve a specific goal. In this article tripwire magazine present you more than 80 high quality Photoshop Tutorial that guides you step by step in building up a web interface all the way from scratch.

80+ Photoshop Tutorials: Practical Web Interface Design

Opensource, Free and Usefull Online Resources for Designers and Developers

20 Examples Of Dark & Minimalist Website Designs With Great Typography | Spyre Studios

20 Examples Of Dark & Minimalist Website Designs With Great Typography | Spyre Studios - http://spyrestudios.com/20-examples-of-dark-minimalist-website-designs-with-great-typography/

funny

With the massive exodus towards online publishing, many people hardly reach for the newspaper these days. If there’s one thing I truly miss from the newspaper, it would be reading the comic strips. There’s something magical about comic strips that seems to lighten your day and make you feel good. There’s certainly something to be said about starting your day with a bit of humor. I figured that we’re so immersed in the Internet that it would be cool to compile a list of funny strips related to web design, the Internet and of course blogging. Take a few minutes from your busy day to relax, have some fun and see how many of these situations relate to you… :)

“Don’t worry, I’m not going to go into Section 508 or the Rehabilitation Act or any of the rest of that stuff. It’s all about politics and has nothing to do with what I’m going to talk about.”

The issues of accessibility are a daily reality for my family. For us, it’s not a political issue at all. Our oldest daughter, Ramona, has cerebral palsy and uses a wheelchair to get around.

in which accessibility is about people, not checklists.

Accessibility is NOT a checklist. Accessibility is about usability.

そろそろ勉強しないといけない予感

nth-child

小粒ピリリ。ブラウザは選ぶかも…なテクニック集。

Complex design techniques are often time-consuming and, well, complex. Some of these advanced effects can add plenty of depth to designs, but when used in the wrong place, they do little more than distract viewers from the project’s intended focus. These effects may be precisely what a design needs to have the impact it requires, but even in these cases, they should be complemented by simpler effects. Simple effects and techniques are the building blocks of today’s designs. For example, what good is a stellar lighting technique if you can’t decide which colors to use or which text-based effects to use in conjunction with the effect? With a “less is more” mentality, we’ve selected 10 very simple and impressive design techniques that can drastically improve the performance and appearance of your designs.

very good rules

Small, good intentions can bring about great leaps.

Sort of quest/points/prestige based site for encouraging and coordinating social activism. Seems to have no ethos except facilitating action (and making a profit).

this is great - but it costs money.

Life's too short to spend clicking "Next"

PageZipper put broken up pages back together again but it lets you easily navigate sites where image galleries have been broken into dozens of sub-pages

I bet a bunch of you don't realize that we can create the illusion of shapes by using 100% CSS. By utilizing the border property in creative ways, we can make some really interesting polygons.

i think this is the origional

Freaking Huge URL Generator Short URL: How freaking huge?: Freaking Huge URL: Your original URL was 0 characters long. Your freaking huge URL is 51 characters long. Confused? Read the FAQ FreakingHugeURL.com ©2009 Jeremy Mitchell. | FAQ

- bloat that tiny URL into a Freaking Huge URL

9 Reasons Japanese Interactive Work Is Awesome | crackunit.com dica do Savone

Great digital creative. esp the addias running app.

interesting site that needs a bit of time

Interesting opinion piece on the hazards of link shortening services - inserts an unreliable middleman in the standard web transaction.

All good points in here.

"We need to prepare for the day when N of the URL shorteners go out of business. When that happens a large part of the web will die. It will not be a good day." - Scripting News http://www.scripting.com/stories/2009/04/03/joshIsRightUrlShortenersAr.html

Why URL shorterners are bad for the Internet.

Interesting analysis on URL shortening services. Good recommendations.

Which is the best to use, when so many are offered and new ones seem to appear each day?

A free webcam-based conferencing system for up to 24 users, valid for up to 24hours, available 24/7

File under: Something to look at later

meeting24.tv is a web conference system for up to 24 users for 24/7. (We have a pro account option menu.) Only a meeting host user needs to create a user account. Other members can join the meeting by web browser without registration or login. It's so easy. (If you use your browser in English, all texts convert in English automatically and you can use it at international conference.)

up to 24 users in one online conference

Looking for new Ideas and inspiration in the design industry? Here is a list of the 29 best web design blogs to subscribe to. The web design industry is always changing, so as a web designer, it is important to always be ahead of the curve. These blogs are always coming up with cutting edge new ideas and providing free tools for web designers such as wordpress themes, templates and icon designs. Follow them on RSS or check them out on Twitter.

Looking for new Ideas and inspiration in the design industry? Here is a list of the 29 best web design blogs to subscribe to.

Blogs com assuntos relevantes para o webdesign

How can we measure success and returns from social media campaigns?

teen sex analogy

Solid presentation on how to approach social media marketing from a quantitative perspective. Most interesting are the examples of different types of social media campaigns to drive different business goals. There is no one-size-fits all social media marketing campaign.

设计教程

I have no idea how to read it, but it looks interesting

AWESOME visualization of web trends

Web Trend map maps influential web domains and people onto a Tokyo Metro map

The Internet in the form of public transit

An ad blocker for your favorite web browser, including Chrome

Just like it says this is an add blocking program like adblock. This one can be made to work with Google Chrome and IE too though.

An ad blocker for your favorite web browser (like Adblock)

Magnífico estudio, con un portafolio muy apañao. Me ha gustado mucho...

estudio diseño inspiracion

Portfolio of award winning web designer Lee Munroe. Specialising in creative web design and innovative web solutions for your business - 15 Beautiful Typography Inspired Websites

web design cheat sheets

A useful set of cheat sheets for web designers.

きれいだ

The newest webtrends map.. great work. (kris)

The fina beta of the web trend map, a fantastic work trying to explain how the web is distributed right now

mapas de tendências estilo metrô

25 Most Useful Blogs for Web Design & Development - Open Source Resources for Web Developers

Almost all of them are daily updated, and cover a wide range of topics including inspiration, design trends, tutorials, interviews, website showcase, programming techniques and resources.

As we see more and more businesses move their services online, and even more that begin their life on the Web, a greater need arises

design usability !!

Performance Video

Tunnel HTTP over HTTP, in a structured, controllable, securable way. Let programs claim part of URL space, and serve HTTP, all by using an ordinary HTTP client library.

An interesting alternative to polling http services.

not polling

Interesting web hooks stuff. Yet another PubSub solution: http://reversehttp.net/

singpolyma: Interesting web hooks stuff. Yet another PubSub solution: http://reversehttp.net/

Showcase of Sports Websites

Sports Website Collection

This article showcases the most beautiful website designs from the North American sports industry, including ones for news, teams and leagues, sports apparel and more.

Érdekes mashup. Interaktív, szűrhető, csoportosítható táblázatot készít Excel -ből, amibe képeket, térkép pontokat, stb. szerelhetünk

Turn a boring old spreadsheet into an interactive web-based map, timeline, or table with some simple HTML using the free, open source Exhibit project.

Very cool!

Turn a boring old spreadsheet into an interactive web-based map, timeline, or table with some simple HTML using the free, open source Exhibit project. Exhibit takes data sets up to about 500 rows, plots locations on a Google Map, dates on an interactive timeline, and displays images and links in a tabular or thumbnail view. The viewer can sort, search, and filter data in any Exhibit view without reloading the page. You can make Exhibit do all this with a single HTML file and a spreadsheet–no hardcore programming required

"I always thought that the main navigation would be one of the most important elements of a website. I couldn’t believe it, so I set off to look for minimalist websites that didn’t use navigation. Sure enough, I found plenty." -- Dustin Boston

Express Yourself in Pictures. Create, share, and zoom in complete freedom.

les 333 sites les plus influents....

A link's first 11 characters are the most important, their impact should not be squandered with bland, generic words.

... shows whether sites write for users, who typically scan rather than read lists of items.

This kind of information is useful to me as background to my understanding of digital literacy. Soon I can note it via Diigo, but not yet.

»Testing how well people understand a link's first 11 characters shows whether sites write for users, who typically scan rather than read lists of items.«

Here are 25 examples of Coming soon pages.

by Cathy Curtis posted on AIGA | the professional association for design website

Great website!!! Article is very instructive

Excellent guide to writing for the web from Cathy Curtis, a former staff writer for The LA Times.

"It struck me recently that the web has led me to develop a different way of writing—tighter, simpler, more transparent. The results, I believe, are greater clarity and persuasiveness, and a speedier, more user-friendly read."

Your website is designed, the CMS works, content has been added and the client is happy. It’s time to take the website live. Or is

15 Essential Checks Before Launching Your Website

Augmented Reality

The Smart Grid integrates 21st century technology with the 20th century power grid. So GE can help you manage energy more efficiently than ever before.

エンジニアにもわかる「ユーザーインターフェース設計」 (Yahoo! JAPAN Tech Blog)

this is sooo funny to read!!!!

web game: telephone w/pictionary

Broken Picture Telephone is a game similar to the childhood game of Broken Telephone - the game in which children sit in a circle, and whisper a sentence or phrase in a circle. If you've ever played the game, you know that very quickly hilarity ensues. Broken Picture Telephone is the web-incarnation of that old children's game, with a slight variation in how it's played. Rather than whispering words to strangers around the internet, the game alternates between words and drawings.

Diseño de sitios web

Findings from the A LIST APART Survey, 2008

As we did in 2007, A List Apart and you teamed up to shed light on precisely who creates websites. Where do we live? What kind of work do we do? What are our job titles? How well or how poorly are we paid? How satisfied are we, and where do we see ourselves going?

Findings from one of the best non-profit web think-tanks - Stats on working in the web industry.

As we did in 2007, A List Apart and you teamed up to shed light on precisely who creates websites. Where do we live? What kind of work do we do? What are our job titles? How well or how poorly are we paid? How satisfied are we, and where do we see ourselves going? In 2008, 30,055 readers took part in the A List Apart Survey. Once more, data analysts Alan Brickman and Larry Yu crunched numbers this way and that. With a global recession in full swing as of December 2007, we were particularly interested to find out how financially and professionally secure web people felt, and whether there were discernible differences in the way people responded to questions about satisfaction and security in 2008, compared with 2007. This year we also improved our fact-finding on freelance and part-time web personnel. The more things change For 2008, instead of a downloadable (PDF) white paper, we decided to present our findings on the web. Which meant, in addition to compiling and analyzing data and

nice html + css version of graphs.

Some people care about the actual survey, me? I stare at how the tables were structured.

As we did in 2007, A List Apart and you teamed up to shed light on precisely who creates websites. Where do we live? What kind of work do we do? What are our job titles? How well or how poorly are we paid? How satisfied are we, and where do we see ourselves going? In 2008, 30,055 readers took part in the A List Apart Survey. Once more, data analysts Alan Brickman and Larry Yu crunched numbers this way and that. With a global recession in full swing as of December 2007, we were particularly interested to find out how financially and professionally secure web people felt, and whether there were discernible differences in the way people responded to questions about satisfaction and security in 2008, compared with 2007. This year we also improved our fact-finding on freelance and part-time web personnel.

アイコンまとめ

111 Free Icon Packs for Your Dock/Website

Here at mintywhite.com, we love Icon Packs. In this collection, I’ve picked 57 new packs and included 54 of my favorite packs already featured here on the site. Enjoy these packs and please feel free to suggest some more.

111 Free Icon Packs for Your Dock/Website Here at mintywhite.com, we love Icon Packs. In this collection, I've picked 57 new packs and included 54 of my favorite packs already featured here on the

Great tips for tuning your website for mobile (iPhone) screens

Sitepoint - Good

A three column liquid layout with no images, no JavaScript. Cross-browser & iPhone compatible

Building Sites Around Social Objects (Live from Web 2.0)

Some basic web marketing rules

Erklärt das Konzept des "Social Objects" sehr anschaulich - einem Design Paradigma für funktionierende soziale Anwendungen

"socialize your product online"

350+ Great CSS Tools and Techniques

20 Excellent Mootools Techniques for Rich User Interface | DevSnippets - http://devsnippets.com/reviews/20-excellent-mootools-script-for-rich-user-interface.html

20 Excellent Mootools Techniques for Rich User Interface

Sliding navigation

tabbing

Java on Google App Engine

Today, we're very excited to announce the availability of a new programming language for Google App Engine. Please welcome the Java runtime!

Write your Google App Engine applications in Groovy

Google just announced that their Google App Engine cloud hosting platform now supports other languages than Python: namely Java and Groovy!

This Free Icon Pack is for use in your personal and commercial projects, and can be used without attribution. It may not be redistributed. Web Injection is an Icon Pack for webmasters and web developers created exclusively for the viewers of Tutorial9. The set includes 26 stylish icons designed by Midtone Design Studio. Each icon is a .png at 48×48px. The Icons were tediously hand crafted by designer Jonatan Castro Fernández.

可以将任何文件（包括图片、音乐文件、word，PDF等各类文档、php源代码、html、Zip压缩文件、视频等）转化成公开的网页进行分享。并且其他用户可以下载你分享的文件。最大的文件大小为15M，无需注册，无限量下载。

Converte files in pagine web e permette di condividerle.

Può uploadare files per poi poterli condividere, fino a 15Mb

Convert any file into a web site

Convert any file into a webpage. Distrubute information to many people fast.

アフィリエイトサイトやニッチキーワードサイトを作成してアクセスを集めるためにやるべき事のリスト…というかほぼマニュアル

これは自分自身のためのTo-DOリストとして作成しました。 ぼくがアフィリエイトサイトを作ったり、ネットショップのサテライトサイトを作ったりする場合に行っている事です。つまりぼくがやっていることはここに書いた程度のことです。ノウハウ的にはたいしたことありません。みなさんの参考になればと思いアップします。 アフィリエイトサイトを作ったり、ネットショップのサテライトサイトを作ったりする場合には、ニッチキーワードをメインキーワードとしてサイトを作成

There are many ways to design a navigation menu - and since almost all websites have some form of navigation - designers have to push their creative limits to build one that's remarkable and outstanding. In this article, you'll find a showcase of beautiful, creative, and stylish navigation menus for your inspiration.

There are many ways to design a navigation menu - and since almost all websites have some form of navigation - designers have to push their creative limits to build one that&#39;s remarkable and outstanding. In this article, you&#39;ll find a showcase of

The bottomline is: use LINK instead of @import if you want stylesheets to download in parallel resulting in a faster page.

The Art of CSS Positioning Warm welcomes to our very first guest poster Rob MacKay! CSS Positioning is one thing I used to struggle with, hopefully I can help you understand how positioning works and what it’s affected by, and iron out some of those kinks.

etween browsers where elements vanish, don’t show or are a few pixels out of alignment, it’s normally because you are guilty of using margin and padding for positioning

CSS Positioning is one thing I used to struggle with, hopefully I can help you understand how positioning works and what it’s affected by, and iron out some of those kinks.

The Art of CSS Positioning

How to PLC ladder http://program-plc.blogspot.com/

"Digg sends a tremendous amount of traffic to sites that make it to the top of their front page, but it’s the worst kind of traffic: mindless, borderline illiterates. Good riddance, really."

The User experience has dramatically improved over the past few years, resulting in rich and responsive user interface. AJAX, javascript and CSS are widely used to offer users the dynamic interaction that they have come to expect from advanced, sophisticated, professional solutions. There’s a lot of powerful interactivity you can bring to your site to spice up just about any web page using one of the most powerful and modular javascript libraries—MooTools! It’s important to note that small and useful features can cleverly deal with hiding and showing important information in non-traditional ways. Today, we will have a look at 20 creative techniques using MooTools javascript framework for rich UI in modern day websites.

good UI for inline video

Nice and clean interface (of the gazillionst invoice app)

The easy way to send estimates.

news site

wordpress video - wordpress plugin for integrated video on video blogs, and video tools

Inspiration logos

As logo designer You can often find moments, when You cannot think of anything good, but then such inspirational like this can become very handy. There are a lot of logo showcase sites You can inspire from and usually those sites list also all logo on popular categories, so You can see which logos and actually why there are so popular, sometimes artists even add their logo creation workflow there, allowing us to see what’s really happening behind the scene. OK, now to the post - I found together 25 logo showcase, portfolio sites and even few blogs which dedicate their life to help You become an expert as logo designer. Enjoy!

Joomla is one of the most powerful, robust and feature-rich content management systems out there. Besides being open-source, Joomla is capable of some really stunning

a few trivial changes to Firebug, I’ve modified it to open on the right side of the browser as a sidebar. With the stock plugin, you can achieve a similar layout by detaching Firebug from the current tab and moving its window in the same position, but this has a generally unwelcome side effect: the separate window doesn’t update when you switch tabs. With Widerbug, you can open the Firebug sidebar, and it will keep up with you as you switch tabs and maintain its width.

If you do any amount of web developing with CSS and JavaScript, it’s probably a safe bet that you use the Firefox and Firebug combo to test ideas, tweak appearance and behavior of pages, and debug problems when they crop up. You might also use a widescreen monitor to provide more screen real estate to flip between your code and the rendered output. In an arrangement like this, the open Firebug panel takes up precious vertical space, while spare pixels on the side go unused.

Chirag Mehta - Personal Web Log - 'blog - Chime Softwares - Indian Blogger live from Saint Petersburg, Florida, St. Pete, FL

Color picker - the cool part is the inclusion of a long list of color names and the 'closest' named color from the list is shown against your color. You can also pick a color by name and it will display.

In this showcase, you'll see some of the best web designs that involve the use of paper elements and textures - for your inspiration.

Antidote n°1 : Ne pas avoir peur Antidote n°2 : Contester systématiquement Antidote n°3 : Voter Antidote n°4 : Changer d'adresse IP Antidote n°5 : Le Streaming Vidéo Antidote n°6 : La Musique en ligne Antidote n°7 : Le P2P sécurisé Antidote n°8 : Les sites de stockage en ligne Antidote n°9 : Neutralisation du Logiciel Espion d'HADOPI Antidote n°10 : Propagez massivement ces antidotes.

De-anonymizing Social Networks

外部スタイルシートの指定は@importとlinkでどちらがいいかと、書籍「ハイパフォーマンスWebサイト

そうやねんけど@import以外でやるとメンドイしなぁ管理

Finding the perfect font can be done through trial and error, or you can make your choices based upon the different moods certain fonts help bring to a design

Quality is a word that a lot of people like to use when describing their web design services. But what is quality, how do you know if a design is quality or not. Well, I think that there’s quite a few ways to spot quality within web designs. Once you can see just what goes into making a quality web design, you can use the techniques to perfect your own style. I’ve put together a few pointers, and collected some examples to explain just how I look for quality within a website design.

Tonido is a smart way to access your applications, data and share, sync, collaborate with friends and family without relying on public online services. Available for Windows, Mac OS X, and Linux.

* Tonido Webshare * Tonido Photos * Tonido Workspace * Tonido Jukebox Tonido is an open personal web application platform that safeguards your privacy and online freedom

just information let start

Categories: Animals, Art, Blogging, Books, Business, Crafts, Design, eCommerce, Education, Email, Employment, Entertainment, Environment, Exercise, Family,

Urlesque - Internet Trends, Viral Videos, Memes and Web Culture

Need to build a presskit? This guide is fantastic

cool story about web community and instant media gone horribly wrong; see also griefers

"It's obvious Amazon has some sort of automatic mechanism that marks a book as "adult" after too many people have complained about it. It's also obvious that there aren't too many people using this feature, as indicated by the easy availability (& search ranking) of pornography & sex toys & other seemingly "objectionable" materials, otherwise almost all of those items would have been flagged by this point. So somebody is going around & very deliberately flagging only LGBT(QQI)/feminist/survivor content on Amazon until it is unranked & becomes much more difficult to find. To the outside world, this looks like deliberate censorship on the part of Amazon, since Amazon operates the web application in question. To me, this looks like one of two things: 1. Some "Family"-type organization astroturfing Amazon in an attempt to rid the world of EVIL PRO-HOMOSEXUAL FILTH!! 2. Bantown ... a tactic for inciting meta-lulz on multiple levels through the alignment of third-parties against each other"

Amazonfail theory about it being a "glitch." I call bullshit, though.

Bantown is a tactic for inciting meta-lulz on multiple levels through the alignment of third-parties against each other. Bantown is like the plot of most James Bond movies, wherein some nefarious evildoer brings the US and the Soviets close to war. Bantown is a trolling technique of the highest order, which usually pits communities against each other, or communities against companies, or organizations against companies, or companies against organizations

This article presents further principles and rules that will help your site convert. Among other things, we cover A/B testing, footnotes, testimonials, feature lists, the sign-up process and typography.

7 useful tips the help your site convert. A great article from Smashing Magazine.

各国の伝統色　日本、アメリカ、ヨーロッパ、ギリシャ、フランスなど

いろいろ

Quero explorar cada um dos 9 sites, mas preciso de tempo antes disso.

【危険】実名を公開すると、あなたの住所や電話番号なども丸見えになります

Lista com sites úteis para buscar referências de dsign web.

Some people think that IE6 is dead already. But only developers who have the luxury of a specialist audience, or who don’t have any business interest vested in their work, can think like that. For the rest of us, who have a real-world audience of ordinary, non-technical users to think about, IE6 is still very much a going concern. Now that IE8 is out we’ll see a greater number of users finally upgrading; there’s no doubt that Microsoft wil be pushing for this, and pushing hard. Quite apart from that, we’re seeing a slow but steady progression of users moving away from Internet Explorer altogether, and turning to Firefox and other browsers. Inevitably, there will come a time when IE6 has a sufficiently minor audience that we can treat it like we did Netscape 4 a few years ago — as legacy technology that it no longer behoves us to support, and its remaining users as willfully stubborn individuals whom we’re not required to pander to any longer!

When IE6 is gone, cool new web techniques will be implemented.

Or you could just do them now and avoid the rush later…

"What" ain't no rendering engine I ever heard of! They support CSS3 in "What"?!

Pulp Fiction, as told by browsers

Does it look... like... a box?!

Good reference material on UIs. It's an often overlooked aspect to good design.

Tips and insights into good design and usability.

If your local newspaper shuts down, what will take the place of its coverage? Perhaps a package of information about your neighborhood, or even your block, assembled by a computer. A number of Web start-up companies are creating so-called hyperlocal news sites that let people zoom in on what is happening closest to them, often without involving traditional journalists.

If your local newspaper shuts down, what will take the place of its coverage? Perhaps a package of information about your neighborhood, or even your block, assembled by a computer.

google maps hack

blaubo design　伊野亘輝　GoogleMapsでportfolio

Design

Freelance Web Developer

Web page button designs

Button Design Showcase

Button design is something that may be considered a small detail and doesn't often get a lot of attention, but well-designed buttons can make a big difference in the overall look of a site. In this post we'll look at 40 buttons that come in a variety of shapes, sizes, styles and colors. If you enjoying seeing great examples of button design, you may also like: 50+ Gorgeous Navigation Menus 50 Gorgeous Navigation Menus - Part 2 GoodBarry

Great strides have been made towards teaching web development, but what about design? The personal web design degree is an open edu

Great strides have been made towards teaching web development, but what about design? The personal web design degree is an open education curriculum that teaches both beginning web designers and seasoned print designers design within the context of the web.

Personal Web Design Degree

こんなのがテクニックとかどんだけ

web design tips

時々みなおすべき

サイト例多し。

145 new quick cheat sheets for some of the most widely used tools on the web

"tagged cheat sheet links"

"Do you want the people visiting this site to notice it?"

Great example of what sort of site a client would need.

De eerste vraag die een designer aan een klant moet stellen is, volgens Seth, "Wil je dat je site opvalt?" En dat is, hoe vreemd het ook klinkt een goede vraag die verschillend beantwoord kan worden.

Not for nothing, but I've been saying this for years.

One of the great things about using WordPress as a content management system is the huge community of users and all of the resources that are available. While all plugins could be used by theme developers, the ones featured in this post have features that can be especially helpful for various aspects of theme development.

12 WordPress Plugins for Theme Development

Temų demonstravimo įskiepiai

A great list of plugins for people developing (or just hacking up) Wordpress themes.

ACTIVISM | ART | ASSOCIATIONS | AUTOMOTIVE | BANKING/BILL PAYING | BEAUTY AND COSMETICS | BEST COPY/WRITING | BEST HOME/WELCOME PAGE | BEST NAVIGATION/STRUCTURE | BEST PRACTICES | BEST USE OF ANIMATION OR MOTION GRAPHICS | BEST USE OF PHOTOGRAPHY | BEST USE OF TYPOGRAPHY | BEST USE OF VIDEO OR MOVING IMAGE | BEST VISUAL DESIGN - AESTHETIC | BEST VISUAL DESIGN - FUNCTION | BLOG - BUSINESS | BLOG - CULTURE/PERSONAL | BLOG - POLITICAL | BROADBAND | CELEBRITY/FAN | CHARITABLE ORGANIZATIONS NONPROFIT | COMMUNITY | CONSUMER ELECTRONICS | CORPORATE COMMUNICATIONS | CULTURAL INSTITUTIONS | EDUCATION | EMPLOYMENT | EVENTS | FAMILY/PARENTING | FASHION | FINANCIAL SERVICES | FOOD AND BEVERAGE | GAMES | GAMES-RELATED | GOVERNMENT | GUIDES/RATINGS/REVIEWS | HEALTH | HUMOR | INSURANCE | IT HARDWARE/SOFTWARE | LAW | LIFESTYLE | MAGAZINE | MOVIE AND FILM | MUSIC | NETART | NEWS | NEWSPAPER | PERSONA

Webby Awards Cycle 13.

16+ Tech-Tool/Tip that will Make you a Better Web Designer and Blogger

<draco> http://service.futuremark.com/peacekeeper/index.action interesting concept, but I think their testing methodology is slightly forced/false

Teste de desmpenho de navegadores

The Browser Benchmark by Futuremark Corporation

Find out which is the fastest browser on your system with Peacekeeper, the browser benchmark from Futuremark. Peacekeeper measures browser speed with a wide range of JavaScript tests and displays the results in an easy to understand format.

I wrote this article for Smashing Magazine and it was published last Friday on their site. I'm re-publishing it here for your reading pleasure. Enjoy.

I've been working on a new Web site for the past few weeks. But instead of doing it alone, I decided to get some help from Firefox extensions. They've made my work a lot easier, and they all can be downloaded in just a few seconds. Aardvark: Aardvark lets you select elements from a Web page and perform various actions on them. I use it to analyze the structure of a page. You can also remove and isolate elements or generate DOM code. I highly recommend it. ColorZilla Find any code for the color you want. (Credit: ColorZilla) ColorZilla: If there's a color on a Web page that you like, ColorZilla will find the precise code for it and allow you to paste it into your coding program. You can also create custom colors with its built-in palette browser. It saves the most-used colors for easy access later on. It's powerful, it's simple, it's a must-have. CSS Validator: CSS Validator adds a right-click option in your browser, sending the CSS to the W3C CSS Validator. It opens the results in

IE6 Update looks like IE’s Information Bar, but instead of offering your visitors an ActiveX plugin, it offers a browser update.

赤色ってどんだけきらいやねん。

Help kill Internet Explorer 6 IE6 is like an illness that just won’t go away, but we have the medicine. IE6 Update looks like IE’s Information Bar, but instead of offering your visitors an ActiveX plugin, it offers a browser update. Click here to see a demo! - Read the blog post. IE6 Update Install IE6 Update on your website Copy and paste this code before your closing </body> tag: <!--[if IE 6]> <script type="text/javascript"> /*Load jQuery if not already loaded*/ if(typeof jQuery == 'undefined'){ document.write("<script type=\"text/javascript\" src=\"http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js\"></"+"script>"); var __noconflict = true; } var IE6UPDATE_OPTIONS = { icons_path: "http://static.ie6update.com/hosted/ie6update/images/" } </script> <script type="text/javascript" src="http://static.ie6update.com/hosted/ie6update/ie6update.js"></script> <![endif]--> And you're done! OR If you’re a feeling adventurous... Download the Code Buzz on Twitter Already using IE

Install IE6 Update

Trick people into updating IE6 to something far better.

"IE6 Update looks like IE’s Information Bar, but instead of offering your visitors an ActiveX plugin, it offers a browser update."……これはさすがにやり過ぎ感があります。

Custom Search, Webmaster tools, etc.

Serviços do Google para websites

As a designer, I think we all have experienced the hard time of finding new ideas and inspirations.

Artigo, encontrando inspiração

u quickly build a TwitterAuth app for depl

Twitter Demo App

Useful.

PageGlimpse Blog Read our blog to find more about the interesting things happening right now, from the words of our developers

What is PageGlimpse? PageGlimpse is a service providing developers with programatic access to thumbnails of any web page. The thumbnails can be virtually used in any kind of applications that require the display of website screenshots: web sites, windows/linux/mac applications, iPhone/mobile utilities, browser plugins, etc. Including web site thumbnails in your application will dramatically improve the user experience. The service is easy to use, fast and reliable, no restriction on thumbnail sizes or number of hits. Click here to see how it works. PageGlimpse Blog Read our blog to find more about the interesting things happening right now, from the words of our developers

thumbnails

PageGlimpse is a service providing developers with programatic access to thumbnails of any web page. The thumbnails can be virtually used in any kind of applications that require the display of website screenshots: web sites, windows/linux/mac applications, iPhone/mobile utilities, browser plugins, etc.

PageGlimpse is a service providing developers with programatic access to thumbnails of any web page.

Ethan follows up his Fluid Grids article with an equally excellent piece on resizing images.

Dynamically scale images with the rest of fluid layouts.

Comprehensive article about using fluid images and details about appropriate ways to achieve this.

ウェブデザイナーなら覚えておいて損はないはず。

Show this to Danny at work.

Design To Sell Useful Tips To Help Your Website Convert

1. Subliminal Suggestion; 2. Prevent Choice Paralysis; 3. Show The Product; 4. Let People Try It; 5. AIDA; 6. Guide attention; 7. Always Provide Next Actions; 8. The Gutenberg rule

Whether it’s those little Twitter birds, social media or website icons, we all love and need them from time to time. Over the past several months many other blogs have compiled their list of website, social media, Twitter and other icons, so in case you missed them here is the motherload collection!

Navigation

Spoonfed Design is a blog for designers and developers to get inspired, learn new techniques, and pick up new ideas or resources.

hand drawing a UI

Simple concise flexible approach to drafting UI with pen and paper.

coolest craigslist search ever!

crazedlist.org : search craigslist like a madman

BitNami Tracks Stack is an easy to use installer for Tracks, which is a Ruby on Rails web-based application to help you implement David Allen's Getting Things Done methodology. Tracks is Open Source and licensed under the GNU GPL

task management software

BitNami Tracks Stack is an easy to use installer for Tracks, which is a Ruby on Rails web-based application to help you implement David Allen's Getting Things Done methodology. Tracks is Open Source and licensed under the GNU GPL.

guide to understand background

Web designers compete to impress visitors with distinctive and appealing visual elements. Background images are one of those visual elements that when designed well, can create an amazing atmosphere and convey the style the designer has chosen. In this post you will see how web designers carefully created background images to achieve their goals.

Invite only ad network

pretty good targeted advertising for early adopters

ネントの裏企業Akamaiについて。世界のwebトラフィックの15%をさばく、ビジネス特許で独禁法回避、ISPにサーバ4万台、動的コンテンツキャッシュ->ユーザ行動監視。怖すぎｗｗｗ

5 Simple Tricks To Bring Light and Shadow Into Your Designs

Es un proyecto colaborativo de 32 instituciones en donde se pueden consultar documentos únicos de otras bibliotecas y archivos de todo el mundo. El sitio tiene acceso a manuscritos, mapas y libros raros, material multimedios como películas, grabaciones y fotografías. Una de las cosas más llamativas del proyecto es que el acceso es ilimitado y gratuito. Las búsquedas en la Biblioteca Digital Mundial pueden ser realizadas por: sitio (lugar geográfico), tiempo, tema, tipo de artículo o institución. Tiene la ventaja de que está disponible en 7 idiomas, incluyendo el español.

La Biblioteca Digital Mundial pone a disposición en Internet, de manera gratuita y en formato multilingüe, importantes materiales fundamentales de culturas de todo el mundo.

La Biblioteca Digital Mundial pone a disposición en Internet, de manera gratuita y en formato multilingüe, importantes materiales fundamentales de culturas de todo el mundo. Los objetivos de la Biblioteca Digital Mundial son: * Promover el entendimiento internacional e intercultural; * Ampliar la cantidad y la variedad de contenidos culturales en Internet; * Facilitar recursos a los educadores, estudiosos y el público en general; * Permitir a las instituciones asociadas reducir la distancia digital dentro de y entre los países.

Biblioteca digital de la UNESCO

30 Creative Illustrative Website Headers - http://sixrevisions.com/design-showcase-inspiration/30-creative-illustrative-website-headers/

Great headers for blogs, sites, etc

Great article about how good design really works

We’ve all seen arguments in the design community that dismiss the role of beauty in visual interfaces, insisting that good designers base their choices strictly on matters of branding or basic design principles. Lost in these discussions is an understanding of the powerful role aesthetics play in shaping how we come to know, feel, and respond.

Text Web Design

google labs experimentals

Huh.

by google. Quote: an open-source web API for creating rich, interactive 3D applications in the browser

3D web API for creating rich, interactive 3D applications in the browser

Google Code

pattern of authentication that allows users to connect their Twitter account with third-party services in as little is one click. It utilizes OAuth and although the flow is very similar, the authorization URL and workflow differs slightly as described below.

Use your twitter account as an openID account to sign-in

these forums so let us know what you think about the API there, and share your ideas and your applications with us. We look forward to seeing your creativity!

Attention Developers: Google Analytics API Launched!

YouTubeのタグはそのまま使う場合、あまり機能的ではありません。しかしこれから紹介するパラメータを指定すると更に使い勝手が広がります。

URLに指定する変数 (ループ再生etc..)

YouTubeパラメータまとめ

Jeffrey Zeldman “Taking Your Talent to the Web” の全文PDFを無料配布。

I wrote this book in 2001 for print designers whose clients want websites, print art directors who’d like to move into full–time web and interaction design, homepage creators who are ready to turn pro, and professionals who seek to deepen their web skills and understanding.

Jeffrey Zeldman'in kitabını indirin

jsPDF generates PDF documents using nothing but Javascript. You can use it in a Firefox extension, in Server Side Javascript and with Data URIs in some browsers.

provides a good explanation of frontend web development

Front end

[transcript: http://ericmiraglia.com/blog/?p=181 ] This YUI Theater entry captures one of the courses Nate has taught at Yahoo, "Professional Frontend Engineering." It covers the foundations of the discipline, some of its core ideas, and...

44辞書、43万語。ＲＳＳや検索プラグインとか対応しててなかなか今風。期待。

百科事典

朝日新聞、講談社、小学館などが参加する、信頼性の高い用語解説が特徴のサービスです。朝日新聞社とECナビが運営しています。(無料)

list of web based utilities you can use it and speed up your own web development.

รวมเวบไซต์สวยๆที่ใช้ jquery

Exemplos de jQuery

Excellent reasons to switch from Firefox. From Webdesigner Depot

Safari actually does support plugins. While the choice is nowhere near as extensive as that of Firefox, there is still a good variety of them to choose from.

These days we have great choices for Web browsers: Internet Explorer, Firefox, Safari, Opera, Chrome and the list goes on. Each browser comes with its own

Kevin: Delicious plugins, bookmarking plugins and ad blockers. It's all here. A good collection of plugins for Apple's Safari browser.

Short URL auto-discovery is a simple way to link a long URL with a short URL

Twitter clients and other consumers would load the URL that the user is embedding during posting time and check for the <link rel="shorturl" href="..." /> tag. If it exists the application should honor the href value and use it in place of the original URL.

"The information offered on this site provides valuable insight into Internet usage trends. We compile system data from numerous web sites and organize it into reports so you can stay current. We also put the power of market research and statistical analysis in your hands by allowing deep drill-down reporting as well as a powerful filtering system to limit data to only specific browsers, operating systems, search engines and even corporate versus residential usage!"

Statistical analysis and market research of Internet usage trends

Your website’s header makes an immediate impact on your user so it’s important to get it right. Think about what you’re trying to achieve, what’s the first thing you want to tell your users when they visit your site, what will intrigue them and get them to read further? A header gives you room to play and be creative, especially on the homepage, and there are a number of techniques you can use to connect with your user.

Dynamic web fonts are coming. Actually they’re already here, but most of Our People haven’t noticed yet. But they will, and that’s going to be a huge boon to somebody.

The more I read about embedded web fonts, the more I crystalize my thinking. Take, for example, this latest “A List Apart” article where Jeffrey Zeldman interviews David Berlow: Zeldman: Let me put it another way. I want to use your ITC Franklin in a site I’m designing, but I’m not willing to violate my end user licensing agreement. How do we resolve this impasse, from your perspective? Berlow: The next step is for those who control the font format(s) to define and document a permissions table to be added with all due haste to the OpenType, CoolType, TrueType, and FreeType formats. … Zeldman: How can type designers and web designers work together to persuade the engineers who control the formats to modify the code to include a permissions table? Berlow: [W]eb designers flat-out refused to part with real type, which has filled the web with type as graphic files, scaring the bejesus out of a lot of engineering people. … How important dynamically rendered type is to de

Your Fonts are superior to Our Fonts in every conceivable way, except one: WE CAN’T FUCKING USE THEM

Mr. Pilgrim at his best :)

There's a fun job.

CSS Illustrated | CSS Gallery Showcasing Illustrated Web Design

CSS Gallery Showcasing Illustrated Web Design

「ほめられサロン」は、名前と性別、職業を選んでガンガン褒めてもらえるサイトです。

ほめられるサイト

めちゃくちゃ褒めてくれる。

これは萌えっとくるものがある

Homerare Salon | kakula.jp

via http://tinyurl.com/ce38o6

かなり釣りエントリーっぽいタイトルですが、企画を作る際に使っているツールについて...

各ブラウザや携帯の画面をチェックする。

また、正社員には福利厚生費などの負担や将来への責任が生じるから、派遣を使うという声も聞きます。だけど、それらを社員に与えるのは企業の責務じゃないですか。こんな当たり前のことを実現できないで利益を出そうとするのは、既に商売ではないと思う。そう言うと、「企業努力の末に高品質で安価な製品が提供されているんだ」と返されるかもしれないけれど、ならばその考えが間違っている。消費者におもねりすぎです。いいものはそれなりの値段がする。消費者は安くて品質のよいものを求めるけれど、それは当然だけれども、安易に応じて無理をするから企業がおかしくなっていく。企業の立場からは「安い商品を不当に求める世間が間違っている」とは言えないのもわかるけど、無理を続けた結果が、賞味期限切れの食品、各種のリコール、汚染米などの根になっているのだと感じます。

QuirksBlog: Introduction to W3C Widgets

Essentially, a widget is a local HTML/CSS/JavaScript web application. A mobile phone user downloads a widget once, and from that moment on he has a web application stored locally on his mobile phone. Although currently widgets are mostly used for relatively limited functions such as clocks, RSS readers, or Twitter or Flickr clients, as well as for games, there’s no theoretical reason why they couldn’t contain a complete, complicated, JavaScript-heavy web application; for instance a mobile-optimised spreadsheet application.

a url shortener on THE shortest domain name

Introduction I love to use JavaScript in unexpected ways, to create code that looks like it shouldn't work but does, or produces some unexpected behavior. This may sound trivial, but the results I've found lead to some very useful techniques. Each of the techniques described can be used for XSS filter evasion, which was my original intention when developing them. However, learning such JavaScript can dramatically increase your knowledge of the language, helping you become better at cleaning up input, and increase web application security. So read on and enjoy my weird and wonderful JavaScript hacks. RegExp replace can execute code When using regular expressions with replace the second argument supports a function assignment. In Opera it seems you can use this argument to execute code. For example, check out the code snippet below: 'XSS'.replace(/XSS/g,alert) This results in alert('XSS'); this works because the match from the RegExp is passed to the alert function as an argument. N

I love to use JavaScript in unexpected ways, to create code that looks like it shouldn't work but does, or produces some unexpected behavior. This may sound trivial, but the results I've found lead to some very useful techniques. Each of the techniques described can be used for XSS filter evasion, which was my original intention when developing them. However, learning such JavaScript can dramatically increase your knowledge of the language, helping you become better at cleaning up input, and increase web application security.

Phusion Passenger now supports nginx - which is absolutely cool.

Various Web Development

Processing.js is an open programming language for people who want to program images, animation, and interactions for the web without using Flash or Java applets. Processing.js uses Javascript to draw shapes and manipulate images on the HTML5 Canvas element.

Processing library ported to JavaScript

Some good information here about how to describe links in you webpage. Most of them aren't implemented yet, but may be worth adding for forward compatibility.

Welcome back to my semi-regular column, "The Road to HTML 5," where I'll try to explain some of the new elements, attributes, and other features in the upcoming HTML 5 specification.

Regular links (<a href>) simply point to another page. Link relations are a way to explain why you're pointing to another page. They finish the sentence "I'm pointing to this other page because..."

A refrence article about HTML5 Link Relations.

Entertaining

優れたユーザインタフェースを設計する際に考慮する8つのポイント

ユーザビリティ説明のサイト

これでテストケース引いたらコンスタントにいいものが作れそう

優れたユーザインタフェース設計するポイント

collective screen of various news feeds

In this showcase, you’ll see 30 examples of watercolor effects and brush strokes in web design.

The Comprehensive Guide for a Powerful CMS using WordPress

商用サイトでも無料で利用できる、ひらがな・カタカナ・漢字などが含まれている日本語のフリーフォントを紹介します。

並べただけって感じ。

Sehr interessanter Artikel bei Smashing Magazin.

iPhone applications are hotter than ever. So how do these applications stand out and get noticed? One great way to do this is by creating a great website

gantter.com; free; no sign-up; imports & exports Microsoft Project files.

Web-based project management tool Gantter has an interface that looks remarkably similar to Microsoft Project—and even lets you import and export your Project files.

Web-based project management tool Gantter has an interface that looks remarkably similar to Microsoft Project&mdash;and even lets you import and export your Project files.

pubsub appengine atom http webhooks

A simple, open, server-to-server web-hook-based pubsub (publish/subscribe) protocol as a simple extension to Atom.

A simple but clever way of using web hooks (HTTP callbacks) to inform subscribers that an Atom feed has updated in almost real-time.

A simple, open, web-hook-based pubsub protocol & open source reference implementation.

Une architecture distribuée de Pub/Sub avec HTTP

Startups, small business, marketing, and useful geekery from someone who's been there: Jason Cohen, founder of Smart Bear Software

It's not just a passing thing, it's not just for kids, and it's not OK to sit idly by, even though we don't understand it yet.

A team of pranksters found a way to control the Time top 100 influential people list... I guess this demonstrates that they are in-fact "influential"...

programming hacking

Social network implementation has become a necessity for successful websites. Joomla!, the popular Open-Source CMS, has some great and affordable ways to bring

Apr 20th in Other by Rick Blalock Social network implementation has become a necessity for successful websites. Joomla!, the popular Open-Source CMS, has some great and affordable ways to bring your site to the social networking level. Let's review how.

Joomla! Social Network - build your own. FIVE-STARS!!!

Shows how a social networking application could be built with Joomla using extensions

Joomla Social Network

Showcase of site designs using the letterpress effect & instructions on doing this technique in photoshop

＠デザイン全般に言える影の効果　ライトは対象物を射しシャドウを生み出します。デザインに奥行きを与え、ビジュアル的な刺激を生み出します。

質感を高めるためのTips

What is TrueCar? TrueCar is the fresh voice in new car pricing. We bring truth and transparency to the sales process by aggregating data from many different sources to show car buyers and dealers how much people actually paid for a particular car in their geographic area. We are a data-driven company, processing thousands of real transactions nationwide on a daily basis to generate objective and irrefutable Price Reports. TrueCar is offered online, all free of charge. Our hope is that consumers no longer walk into the dealership only partially informed and fully suspicious. Instead, they show up with our Price Report in hand and know how to strike a fair deal. Dealers offer the same buyers a TrueCar Price Report: car buyers who understand the dealer cost and price structure will know when to stop negotiating and buy with confidence. With TrueCar, buyer and seller both get a better deal. Team Management Scott Painter, CEO Philip Inghelbrecht, President Rob Taylor, COO Chris Lichti,

SWEET, TRANSPARENCY ON CAR PRICING (one of the worst rackets out there)

Figure out what you should really pay for your new car based on what others have paid.

Price of a car -- what is a good deal and what is not.

Project described in the Age, volunteer border watchers for USA-Mexico border

The TBSC BlueServoSM Virtual Community WatchSM is a network of cameras and sensors along the Texas-Mexico border that feeds live streaming video to www.BlueServo.net. Users will log in to the BlueServoSM website and directly monitor suspicious criminal activity along the border via this virtual fenceSM.

The Texas Border Sheriff's Coalition (TBSC) has joined BlueServoSM in a public-private partnership to deploy the Virtual Community Watch, an innovative real-time surveillance program designed to empower the public to proactively participate in fighting border crime. The TBSC BlueServoSM Virtual Community WatchSM is a network of cameras and sensors along the Texas-Mexico border that feeds live streaming video to www.BlueServo.net. Users will log in to the BlueServoSM website and directly monitor suspicious criminal activity along the border via this virtual fenceSM.

You loved your classic NES so much you would blow the cartridges for hours on end just to play. Now you can play those same wonderful games online for free.

あとで見ること。アイドレスに落とせない？Messengerあたりとの連携もすれば翻刻(連絡)管理ツールになる？

Lazy registration systems allow site visitors to build a profile and register without filling out a signup form right away (or some at all).

jquery image sequence

Glimmer allows you to easily create interactive elements on your web pages by harnessing the power of the jQuery library. Without having to hand-craft your JavaScript code, you can use Glimmer’s wizards to generate jQuery scripts for common interactive scenarios. Glimmer also has an advanced mode, providing a design surface for creating jQuery effects based on your existing HTML and CSS.

Creattica is a gallery of great design and inspirational imagery. Anyone can submit their work for consideration and voting on items is open to one and all. The best work is accepted and featured in the gallery which receives thousands of visitors every day.

Creattica is a gallery of great design and inspirational imagery. Anyone can submit their work for consideration and voting on items is open to one and all. The best work is accepted and featured in the gallery which receives thousands of visitors every day. To start submitting your work simply create an account and then hit Submit. Submissions take up to a few days to review depending on the volume of work coming in. To vote on other people's work you'll also need an account. We hope you enjoy the site and find the inspiration to make some brilliant work of your own. And when you do, don't forget to submit it to creattica!

WordPress is no longer just used to power blogs.

otros wp

share with clan! :)

Have you ever wanted to design a beautiful website but just didn't know how? To be honest, a few years ago, that happened to me too. While browsing the web, I

XSS (Cross Site Scripting)

With the right approach and resources, a downturn can actually provide real opportunities for a savvy marketer. We've compiled a list of recommended strategies and Google tools that can help you reveal opportunity and achieve your marketing goals. Even better? Many of these tools are free, so they can also help you do more with less.

us

URL-Wandlung in kurze URL-Adressen

this service has been created to convert long URLs into wonderful works by Charles Dickens. The fear of cryptic URLs, long or short, is now no longer a problem. Enter an ugly URL above and hit convert button. Soon you will be faced with beautiful words of Charles Dickens. Forget tinyurl.com, now you have dickensurl.com!

Inspired by a comment from reddit, this service has been created to convert long URLs into wonderful works by Charles Dickens. The fear of cryptic URLs, long or short, is now no longer a problem. Enter an ugly URL above and hit convert button. Soon you will be faced with beautiful words of Charles Dickens. Forget tinyurl.com, now you have dickensurl.com!

Marketers need to really embrace the fact that it's peers and their data, rather than brand, that will become the primary way we make decisions. The greatest rewards will go to those who embrace and participate in as many communities as they possibly can in credible ways.

Today online shopping

Second Life was digital marketing's Vietnam. Communities come and go. Hubs seem to lose their innovation edge just as consumers grow more fickle, new venues emerge and viable monetization options remain scarce. If history repeats itself, Facebook and Twitter will one day be replaced by something else. However, this time it will be the open web.

1年に 1回は書いているこのネタ、懲りずに私が個人的に日常利用している Firefox アドオン（+ Greasemonkey ユーザースクリプト）を挙げてみました。Firefox 3 対応のアドオンのみを集めています。

FireFoxのアドオンのリンク集

7 Ways to Build Trust on a Portfolio Site

Examples and Tips

RT @IsaacVanName: Examples and #Tips for Great #HTML/#CSS #Formatting http://twurl.nl/qf5aue (via @rilwis) [from http://twitter.com/Bleau/statuses/1583534304]

An overlooked aspect of websites is the formatting of HTML and CSS documents. This affects validation, SEO, and visual ease of use. Visual ease of use is the last thing most authors tend to keep in mind, but it’s still very important.

cssの技いろいろ

If you spend more than a few minutes in forums or on social networking sites, you've probably heard someone say those three little words. Everyone – noob designer to experienced professional – is seeking feedback on design projects. We even see those requests regularly on Twitter, and many of us do our best to give feedback (as best we can in less than 140 characters) in an effort to give something back to the design community. With that in mind, we are proud to provide a place where designers can submit their work and have it reviewed (albeit publicly) by one of their industry peers.

Tim O'Reilly on the future of books.

new web books be ...

But simply putting books onto electronic devices is only the beginning. As I've said for years, that's a lot like pointing a camera at a stage play, and calling it a movie. Yes, that's pretty much what they did in many early movies, but eventually, the tools of production and consumption actually changed the format of what was produced and consumed. ... (+ own "TwitterBook":) The web has changed the nature of how we read and learn. Most books still use the old model of a sustained narrative as their organizational principle. Here, we've used a web-like model of standalone pages, each of which can be read alone (or at most in a group of two or three), to impart key points, highlight interesting techniques or the best applications for a given task.

O'Reilly Radar post from Tim on the #twitterbook

Tim O'Reilly and his O'Reilly media empire are reimagining the way they look at publishing books, and providing some insight into their thought process.

There's a lot of excitement about ebooks these days, and rightly so. While Amazon doesn't release sales figures for the Kindle, there's no question that it represents a turning point in the public perception of ebook devices. And of course, there's Stanza, an open ebook platform for the iPhone, which has been downloaded more than a million times (and now has been bought by Amazon.) But simply putting books onto electronic devices is only the beginning.

A few weeks ago, I sent the following in a email to a co-worker asking for input on designing REST APIs in Django. Since then, I’ve quoted myself a few times; I thought these thoughts would be worth a (slightly edited) public home. I think the best way to dive in terms of mistakes to avoid. If you poke around you’ll find a couple-three different stabs at writing a generic REST API module for Django. So, with no further ado, some REST “worst practices:”

REST worst practices

A few weeks ago, I sent the following in a email to a co-worker asking for input on designing REST APIs in Django. Since then, I’ve quoted myself a few times; I thought these thoughts would be worth a (slightly edited) public home. I think the best way to dive in terms of mistakes to avoid. If you poke around you’ll find a couple-three different stabs at writing a generic REST API module for Django. So, with no further ado, some REST “worst practices:” Conflating models and resources In the REST world, the resource is key, and it’s really tempting to simply look at a Django model and make a direct link between resources and models — one model, one resource. This fails, though, as soon as you need to provide any sort of aggregated resource, and it really fails with highly denormalized models. Think about a Superhero model: a single GET /heros/superman/ ought to return all his vital stats along with a list of related Power objects, a list of his related Friend objects, etc. So the dat

Over 1 billion charts, maps, plots and diagrams are found in print publications each year - but only 40 million online. This huge discrepancy is a reflection of the complexity to create & publish charts online. Chartle.net tears down the complexity of online visualizations - offers simplicity, ubiquity and interactivity instead.

Over 1 billion charts, maps, plots and diagrams are found in print publications each year - but only 40 million online. This huge discrepancy is a reflection of the complexity to create & publish charts online. Chartle.net tears down the complexity of online visualizations - offers simplicity, ubiquity and interactivity instead.

It’s a free, very intuitive, fast (Java-powered) website for generating embeddable graphs. All the basic types are there (line, bar, pie, etc.) along with some fun & unusual ones, like this “Google-O-Meter” (that’s what they call it!):

Interesting

Make sure you scroll down.

What comes to your mind when you think of the color white? White is the most simple, elegant and peaceful color. Use of white color in web design is seen in many blog, online portfolio, e-commerce and many more sites.

White in Web Design

White web design inspiration - Tips and Trends

white websites

K-I-S-S: Keep It Simple, Stupid. It’s a mantra that always pops into my head when I’m looking at new startups. A lot of them seem to want to do a million different things because other companies have been successful at one of those things in the past. But that’s a bad idea. Way too many new products and services are too complicated. And I would suggest, often fail as a direct result of that.

A great article on simple design and how it just...works.

is that it was so much neater, cleaner — yes, simpler. But with an explosion in growth, came an explosion in features. And, in turn, an explosion in complexity.

K-I-S-S: Keep It Simple, Stupid. It’s a mantra that always pops into my head when I’m looking at new startups

I liked this article -- particularly the part about Google Labs (so true about how to add new features)

本格的にでかいサイトをやるときの理論武装

分厚いフッタの理由

コリスさん日本語訳。／元記事：http://www.webdesignerwall.com/trends/modern-sitemap-and-footer/

Skype does not get the respect it deserves, because eBay not only publicly admitted to overpaying for it but is making a mess of its core business. Another reason may be that Skype flies in the face of conventional Valley wisdom that says it has to be all about social media. Or maybe the fact that Skype came from Europe, and we all know that Europeans are just lunch-eating dilettantes. Whatever the reason, a company that has $500 million in revenue, is profitable and growing, and has a shot at becoming the largest player in what is now a $2 trillion (yes, "t" for trillion) market, should get more respect.

10 Resons why Skype is here to stay.

Whatever the reason, a company that has $500 million in revenue, is profitable and growing, and has a shot at becoming the largest player in what is now a $2 trillion, should get more respect.

Este "beta-livro" reúne textos originais de ativistas, acadêmicos e profissionais que estão ajudando a inventar/moldar a cultura da Web no Brasil. É uma experiência de produção de conteúdo educativo usando a Rede que começou na Campus Party em janeiro de 2009. É também um projeto colaborativo publicado com licença CC e aberto a interferências. E está melhorando graças a eles/as.

Este "beta-livro" reúne textos originais de ativistas, acadêmicos e profissionais que estão ajudando a inventar/moldar a cultura da Web no Brasil.

effective-strategy-for-choosing-right-domain-names

Naming is linguistic design, and a good domain name is an important part of the overall design of a website. A name plays a prominent role when people discover, remember, think about, talk about, search for, or navigate to a website. It establishes a theme for the branding of a website before people even visit it for the first time. Coming up with a good domain name requires a combination of strategy, imagination and good linguistic design practice. You’ll find some basic pieces of advice all over the Web, and it’s worth mentioning those right away. Ideally, your domain name should be: * Short * Catchy and memorable, * Easy to pronounce, * Easy to spell, * Not too similar to competing domain names, * Not a violation of someone else’s trademark.

.htaccessのちょっとしたティップス

.htaccess

画像などのファイルへの直リンクを禁止する方法

from ibm developerworks

Spolsky on how to make a successful social site

Subscribe to ReadWriteWeb * Subscribe to RWW via RSS * Follow @rww on Twitter * Join the RWW FriendFeed Room *

SingleFunction is a showcase of one purpose, one function, single serving sites; meaning, websites that have one functionality, no clutter, and require no learning curve. Being a big fan of simplicity, I thought it would be a good idea to share my passion… I decided to list my finds of single function sites, allow other enthusiasts to do so as well, and make it an effortless experience for anyone to find them.

Google Chrome with 3D

april fools joke

Do's & don'ts van webdesign

DesignArtWall - Wall of Gorgeous Design Inpiration, Web Design Inpiration, Design Showcase, Design Art Wall

There are thousands of designers on Twitter (Twitter reviews) tweeting about everything from ongoing projects to their personal lives. But only a small percentage of those tweet about design topics of interest to other designers and design addicts. These people cover everything from their design process to their own projects, and design resources from all over the web. Below is a list of more than 85 of those Twitterers

A place for creating, sharing and searching for imaginations and the people who imagine. In this bank, saving is sharing. Investing is liberation. Winning is squandering. And imagining is, as always, free.

הגדלת גדלי הבאנרים

Tror Oliver IA skrev om idén för ett år sedan.

Web Designer Help - Your home for help in web design!

A lot is happening on Facebook. Not only are your friends telling the world what's going on in their lives, but the social network itself is changing. It's more open now than before, thanks to the Facebook Connect program, and there are several good products that let you see Facebook data in new ways. You don't have to use Facebook.com to use Facebook anymore. Here are some of the best desktop applications. The newbies: AIR apps Seesmic for Facebook An Adobe AIR app, Seesmic for Facebook (news) uses Facebook Connect to let you update your status and view friend status updates without surfing to the Facebook site. It's in beta testing, but it works as advertised: updating status is quick and easy, and whenever a friend updates their own status, it's there for me to see. It's a little buggy, but it was just released. TweetDeck TweetDeck is one of the most popular Twitter desktop clients, and now the app's developers are vying for Facebook dominance too. The upcoming version of TweetDe

A lot is happening on Facebook. Not only are your friends telling the world what's going on in their lives, but Facebook itself is changing. It's more open now than before, thanks to the Facebook Connect program, and there are several good products that let you see Facebook data in new ways. You don't have to use Facebook.com to use Facebook anymore. Here are some of the best apps.

Grandes lecciones de Ajax con Jquery

css tools

For membership-oriented websites, registration forms are one of the most important parts. A problematic experience, even if the sign-up is completed, will place a "question mark" to the visitor or vice-versa. Password LockAnd, it is also the first step where you can show that you care about the security of the website & all the data collected. Although you can control/improve the security of the website, it is sometimes the weak passwords used that may have unwanted consequences. Guiding users to have a strong password with the help of password strength meters, besides being an easy process, will help improving the security of the whole & show that the website pays attention to it...

우분투 테마 모음

Videokunst aus Youtubevideos

find favorite video's

fragmentos de vídeos, incrivel

An interactive view of the all the memes that swept across the internet and burrowed in our zeitgeist. Built from Wikipedia and Memelabs, open for you to add and maintain.

Timeline of internet memes

Dancing Baby, Susan Boyle, etc.

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

Article about Google monopoly of the Web

One of the chief casualties of the web revolution is the newspaper business, which now finds itself laden with debt (not Google's fault) and having to give its content free to the search engine in order to survive. Newspapers can of course remove their content but then their own advertising revenues and profiles decline. In effect they are being held captive and tormented by their executioner, who has the gall to insist that the relationship is mutually beneficial. Were newspapers to combine to take on Google they would be almost certainly in breach of competition law.

"the destructive, anti-civic forces of the internet. " "newspapers are the only means of holding local hospitals, schools, councils and the police to account, and on a national level they are absolutely essential for the good functioning of democracy."

The ever-growing empire produces nothing but seems determined to control everything

メモ。

HTML も CSS も、すっかり動向を追わなくなって久しい。たぶん今書こうと思ったら相当忘れてるんだろうなぁ…。まだ進化するのですかー

次世代Web標準の簡単なまとめ

俄然HTMLが面白くなってきた！

May 6, 2009

Article on how to use Twitter.

This post is a showcase of 45+ Excellent Examples using Character Illustrations in Web Design. The list below are showing some of the coolest sites where character illustrations are put into action.

Web design trends come and go. You should be very wary not to jump on the latest ones that have no real staying power. An over abundance of glossy-iconed 2.0 sites are sure to look really outdated, real soon. I’d argue they already do. However some trends, can look awesome long after the trend has peaked. I think watercolor designs, when done right, are one of those trends. Recently, I’ve spotted more and more gorgeous watercolor effects in web design. I’ve created this post to serve as a bookmark for inspiration, resources and tutorials on designing these effects. Inspiration Web Designs Here is a showcase of some beautiful examples of watercolor effects in web design. Agami Creative agami Brad Candullo bcandullo Viget Labs viget Platin building Matt Mullenweg matt Billy Hughes At War billy-hughes Squawk squawk Webstock webstock Happy Cog happy-cog blog.critical blog-critical Electric Pulp electric-pulp Resources A bunch of awesome freebies that will help you produce the

Efeitos de webdesgin, maravilhosos!

+++

The Canvas 3D JS Libary (C3DL) is a javascript library that will make it easier to write 3D applications using canvas 3d. It will provide a set of math, scene, and 3d object classes to make the canvas more accessible for developers that want to develop 3D content in browser but do not want to have to deal in depth with the 3D math needed to make it work. If you are viewing this page with a canvas 3d (ver. 0.4.2 or higher) enabled browser (Firefox 3.5 or higher), the scene below will be moving. If not you will see a screen shot. This scene was originally created by Jay Edry and has been adapted to work with 1.0 Release of the library. Click here to download the source and models

JS Library

すばらしい。 javascript めどいがそろそろ ....

With a plethora of add-ons and extensions, created for developers by developers, Firefox becomes much more than just a browser and turns into an essential part of your toolbox. Here are 10 free add-ons covering everything from DOM inspection to screenshots, making designing and developing with Firefox a breeze.

Firefox has emerged victorious from the Great Browser War - at least as far as web developers are concerned. While it may not be the most-used browser for the everyday web surfer, Firefox is clearly the first choice of developers for a few very simple reasons. Its support for web standards is legendary, but the real super powers come from Firefox’s extensibility.

Including transparent sending of production traffic to staging.

Maybe for Omniture testing?

Lift the curtain behind any modern web application and you will find at least a few proxy servers orchestrating the show. Caching proxies such as Varnish and Squid help us take the load of our application servers; reverse proxies such as Haproxy and Nginx help us partition and distribute the workload to multiple workers, all without revealing the underlying architecture to the user. In the Ruby world, Rack middleware and Rails Metal are sister concepts: both allow the programmer to inject functionality in the pre or post-processing step of the HTTP request.

Three clusters Production (Huge!!) Staging (one) Benchmarking (same as staging)

There are many designers and artists at deviantART who choose to display their beautiful creations to the rest of the community. In this collection, you'll find some of the best web design layouts presented created by deviantARTists.

layouts deviantArt

REVER

In this collection, you’ll find some of the best web design layouts created by deviantARTists.

There are Twitter users covering virtually every niche out there. Authors are no exception. Here are over 100 writers who are active on the service.

various Twitter tip articles here -- see under RELATED on right side

CIO Magazine: How and Why to Launch a Business Presence on Twitter http://tinyurl.com/d54xbh (quoted) (via Twitter) http://ff.im/1vv44 [from http://twitter.com/FredericMartin/statuses/1326127701]

From an upstart airline to the cable company some people love to hate, organizations big and small have reaped success in improving customer service, receiving R&D tips, and marketing their products on Twitter. Here's expert advice on how and why your business should tap into Twitter.

iPhone Makes Up 50 Percent of Smartphone Web Traffic In U.S., Android Already 5 Percent

A detailed comparison of Flash and Silverlight with good explanations of the technology.

smashing magazine

Visifire クールすぎて本当に動的に作ったの？というグラフが描画できてしまう「visifire」。 以下にある画像のような、ちょっと他ではなかなか無いグラフを提供してくれます。フリーで使えます。

資料作成に。

Two years ago, we compiled our 10 favorite Greasemonkey scripts, the site-fixing wonders you can load into Firefox's Greasemonkey extension for a better browsing experience. We've updated our picks, and there's a lot that's new.

just use http already. don't invent your own wire format!

Why HTTP? The world doesn’t need another arbitrary binary protocol. Just use HTTP. Your life will be simpler. Originally this came up when scaling a gaggle of MySQL machines. I would have killed for a reliable proxy. It’s with this in mind that I’ve come up with my list of things that HTTP has that an arbitrary protocol will have to rebuild. Anytime you choose to use a service based on a non-HTTP protocol, look over this list and think carefully about what you’re giving up.

I like how this posts list out some of the great reasons to just use HTTP and the method of interop communication. So much is already built on HTTP and there are more than enough great tools ubiquitously available for interacting and communication over HTTP. The post also has a long discussion thread.

Fix website 404 errors with Errorlytics Errorlytics is an easy to use service that centralizes reporting and handling of 404 "Page Not Found" errors for your websites. Errorlytics gives you the tools to transparently fix the problems quickly and easily so they never happen again. No more regex writing, no more messing with your .htaccess file for search engine friendly redirects. Errorlytics handles it all, effortlessly. The end results are better user experiences and higher search engine rankings for your websites. What Does Errorlytics Do? * Tracks your websites' 404 Page Not Found errors. * Transparently redirects users and clients away from 404 Not Found pages. * Increases your websites' SEO (and users' happiness!) by eliminating 404 errors. How Does It Work? How Errorlytics Works 1. A user browses to your website, and encounters a Page Not Found. 2. The Errorlytics Client Script, installed on your website, captures the 404 and sends the details to the Error

track and redirect 404 errors seamlessly

Errorlytics

transformer les 404 en mine d'or, php java ruby

Google offers a new tool which helps out with testing web apps using Firefox and IE extensions rather than pure JS.

Works as an extension in Firefox, uses Automation controls in IE etc.

"Selenium 2.0 will offer WebDriver's API alongside the traditional Selenium API, and we shall be merging the two implementations to offer a capable, flexible testing framework"

WebDriver is a clean, fast framework for automated testing of webapps.

WordPress is often thought of as little more than a blogging platform. But it’s capable of so much more. Through a little customization and the use of plugins, WordPress can easily be transformed into a full-featured content management system. Here are more than 25 sites who have done just that (and done it well).

WordPress is often thought of as little more than a blogging platform. But it's capable of so much more. Through a little customization and the use of plugins,

Article discussing the Google Social Graph API, a search engine for all the webpages that we identify as profiles online and it tracks the connections between pages linked together for a single person.

25+ Celebrity Twitter Users

icons

From Britney Spears to Dave Matthews, Hillary Clinton to Barack Obama, here are over 25 celebrities who use Twitter.

The Internet may have killed the music industry, but a handful of companies are stepping in to guarantee that the same fate doesn't befall the film industry. It's a simple formula: offer top quality streaming for free or low cost with minimal advertising and the experience is much more pleasurable than pirating.

opt out of internet ads

tracking cookie を無効化させる

The 7 Time Saving Firefox Add-Ons To Make Your Lives Easier

has also links for many good sites on right side

Now, time for some Q&A with the team: If I mark up my pages, does that guarantee I'll get Rich Snippets? No. We will be rolling this out gradually, and as always we will use our own algorithms and policies to determine relevant snippets for users' queries. We will use structured data when we are able to determine that it helps users find answers sooner. And because you're providing the data on your pages, you should anticipate that other websites and other tools (browsers, phones) might use this data as well. You can let us know that you're interested in participating by filling out this form. What about other existing microformats? Will you support other types of information besides reviews and people? Not every microformat corresponds to data that's useful to show in a search result, but we do plan to support more of the existing microformats and define RDFa equivalents. What's next?

Includes workable solution for IE < 8.

Germ - thought you might enjoy this as much as I did

Last week I was presented with a design brief. It was to design and build a site to promote our new Stack Overflow DevDays event that’s happening this October. Ryan gave me a rough wireframe detailing the content that needed to be included. The layout and design was down to me. As usual I didn’t have a bloody clue where to start… and I didn’t have long to do it. The initial hope was that I get it all done in just over 2 days. So I thought it might be interesting to share with you the various stages of design the site went through before arriving at the finished design. Here’s the wireframe Ryan put together for me wireframe Ok so here goes. Stage 1 Stage 1 Stack Overflow DevDays is mainly gonna be a US tour + a gig in London. So I want a map or something to show where the dates are gonna be. I was going to use a flat map but decided a globe was cooler. I drew the globe based on one I bought from istockphoto.com (Note: Dates and cities shown in these designs were just provisional

よく考えるなこんな方法……。

Super search engine to be launched 18 May 2009

Stephen Wolfram è quello che ha inventato Mathematica. Adesso lancia una specie di "Google della conoscenza", una riga in cui puoi accedere alla conoscenza e inserirla in calcoli. Sono le cose che mi rendono orgoglioso della specie umana.

AWESOME RESOURCE: Non profit websites share many of the same best practices as any website. They need to be user friendly, easily navigable, and use appropriate fonts, colors, and other design elements. But often a non profit website needs to offer more than your typical corporate site.

Non profit websites share many of the same best practices as any website. They need to be user friendly, easily navigable, and use appropriate fonts,

I've been following a fascinating 3-part series of posts this week by Greg Boutin, founder of Growthroute Ventures. The series aimed to tie together 3 big trends, all based around structured data: 1) the still nascent "Web 3.0" concept, 2) the relatively new kid on the structured Web block, Linked Data, and 3) the long-running saga that is the Semantic Web. Greg's series is probably the best explanation I've read all year about the way these trends are converging. In this post I'll highlight some of Greg's thoughts and add some of my own.

Interesting read about the ideas of linked data and how that relates to web3.0 and the semantic web . . .interesting take on it.

By and large, an excellent article.

good list

30 HTML Best Practices for Beginners

Wow, I have to say this looks really cool.

simple private real-time sharing and collaboration by drop.io

The key to present.io is simplicity. First you make a “drop,” which is drop.io’s term for storage space, and add any required media in two clicks. You get a unique URL for your drop to share it with your participants. Then you activate a presentation, and everyone viewing your drop will be able to access your presentation. Everything the admin of the presentation does is seen in real time by the participants. Open a picture, video or a document, everyone sees it. Participants can also see your cursor as you click through options. Like any web conferencing presentation software, participants cannot click on and affect your presentation, since it is not a collaborative space. Present.io works well with document presentation, and you can open the document into full-screen mode for more detailed viewing. Audio and video presentations work in the same way. You can also open up a chat window at any time for real-time text chat..

Traditionally to install WordPress you would have to download the archive, extract it to your computer, upload over 600 files to your website, and then set up your databases, etc.

From Around the Web

14 Great Photography Tips, Tutorials and Videos From Around the Web

Is your Web site primed for any viewer? How do you know? The nicest thing about a usable Web site is that it’s just a good thing to do for others so they can easily read your online information. The other side to usability is that it can increase your search engine standings so more people can find your Web site. The following list of cheat sheets and checklists are fairly recent; however, some older usability checklists are useful for older sites that haven’t been upgraded. You can find cheat sheets and checklists for forms, blogs and more below, all listed in alphabetical order. 1. 15 Essential Checks Before Launching Your Website: Use this Smashing Magazine list to double-check your site’s usability before you launch. 2. 15 Valuable Usability PDFs You Never Heard Of: This list of usability papers in PDF format will put you well ahead of the pack. 3. 25-point Website Usability Checklist: A concise list of checkpoints to make sure your site is usable. 4. Checklist for Us

Nice article about the design process. Particularly like the feature wireframes; I've seen features written out for each page before, but never as a non-layout wireframe.

A walk through the real-world process of redesigning a major site. Great stuff.

This tutorial will guide you through the process and ideas behind the designing a professional website with a funky flair in Photoshop. The tutorial will read much like a "choose your own adventure" novel in the hopes it will encourage creativity and uniqueness in your design with a little advice and instruction along the way.

In eCommerce usability improvements usually have a huge impact on conversion reates. However, usability doesn’t only mean better visual guide or better site hierarchy. It also means a better communication with potential customers using a professional, trustworthy design, delivering the right information at the right time and communicating with users instead of throwing ad-slogans at them.

Blackbird offers a dead-simple way to log messages in JavaScript and an attractive console to view and filter them. You might never use alert() again.

javascript logging utility

Great looking js logging console for all browsers

Search Twitter and Google at the same time and get quick results side by side in one single window.

Twoogle

Wise Bread

Traveling doesn't have to break the bank (in fact, you can travel for free), and there are plenty of places that'll help you find the best vacation for your budget. Get discounts and the insider scoop with these great resources. Don't forget to ask for free travel upgrades.

HT: lojic

yes, but it takes balls

read this source code

Far from the huge colored web galaxy, there is a small but extremely catchy black & white css planet. Please make yourself comfortable & enjoy our selection! If you have some suggestions, leave them in the comments. Thank you!

40 Inspirational Black & White Websites | Inspired Magazine

Javari.jpは、すべての商品が全国無料で翌日配送。しかも商品到着から30日以内の返品はすべて無料となるので、自宅で自由に試し履きをすることができます。購入時にはAmazon.co.jpでのアカウント情報をそのまま利用可能となっているのでAmazonユーザーであればわざわざアカウントを作る必要もありません。

歩きやすそうな靴がある

シューズ&バッグ通販 靴、バッグ、財布のお買い物サイト

Photoshopで作るウェブデザイン レイアウト・チュートリアル50選

My Ink Blog

Great list of web design trends. Love the illustration trend!

branding web design tips

Last week we discussed how the current era of the Web is evolving. One of the concepts we noted was Linked Data, an idea whose time has come in 2009. Sir Tim Berners-Lee, the inventor of the Web, gave a must-view talk at the TED Conference earlier this year, evangelizing Linked Data. He said that Linked Data was a sea change akin to the invention of the WWW itself. We've gone from a Web of documents, via the WWW, to a Web of data. Berners-Lee is now on a crusade for everyone from government departments, to individuals, to open up their data and put it on the Web - so that others can link to it and use it. In this post we give a high-level overview of Linked Data. Read on to stop and smell the roses.

the holy grail of web design elements, generators

便利ツール　オンラインジェネレーター　ボタンとか

Automatic photo rating software

Aesthetic Quality Inference Engine - Intelligent, Unbiased and Instant Assessment of Photos

curl GET/POST/PUT/DELETE

rest from the command line (bash+curl)

Very, very cool. Fire up a local REST host pointing to any service, and then GET /blogs.json etc from the command line.

Little command line REST interface that you can use in pipelines. [Sublime :-) ]

resty is a RESTful HTTP friendly wrapper around curl

Compara tus documentos digitales con los contenidos de internet

Herramienta para buscar textos parecidos a los trabajos de uno

Comparador de documentos con contenidos de internet

10 Great Free Fonts for @font-face embedding

List of Really Useful Free Tools For JavaScript Developers

Nice collection of tools for Javascript Development.

Create desktop shortcuts of web applications; as a Firefox plugin or standalone install.

10 boas práticas em CSS!!!

Writing clean, super-manageable CSS is simple when you start off on the right foot and make your code easier to maintain and edit later on. Here are 11 tips for speeding up the process, writing CSS that is slimmer, faster and less likely to give you a headache.

icon set with 452 icons in a resolution of 48×48 pixels, freely available to use in private or commercial projects

Intrigued by microframeworks.

The trickiest problem I still need to solve is how to replace settings.py. A group of developers (including Adrian, Armin, Alex and myself) had an excellent brainstorming session at EuroDjangoCon about this. We realised that most of the stuff in settings.py can be recast as configuring services which Django makes available to the applications it is hosting.

I like the idea of a one-file microframework for websites. It is like SQLite instead of a fullfledged DBMS.

Simon Willison on his __djng microframework__ (which depends on Django). I share his hatred for settings.py and I'll be keeping an eye on this one.

'While this is just one eye tracking study focused on a particular type of site, I think there are instructive nuggets here for any informational website.'

Some surprising results from eyetracking studies

Eye tracking studies have revealed valuable information about how people read and interact with websites. One study, Eyetrack III, published a summary of their eye tracking results for news sites. While this is just one eye tracking study focused on a particular type of site, I think there are instructive nuggets here for any informational website.

Free Vintage Wallpaper

wallpapers with textures

very good article

Obviously, I have lots of disclaimers: rules are made to be broken, different types of design work differently, and I don't always live up to my own advice.

Login

In today's video tutorial, we'll be building a login system with PHP and MYSQL. Many, many features will be covered; including MySqli, Prepared Statements,

25 เ้ครื่องมือที่นักทำเว็บไม่ควรพลาด

There are lots of web design tools available on internet, which will help you accomplish your tasks easily and quickly, and still more are coming. Every

25 Important Web Design Tools - http://is.gd/BZP0 [from http://twitter.com/msdaibert/statuses/1881367018]

There are lots of web design tools available on internet, which will help you accomplish your tasks easily and quickly, and still more are coming. Every designer now has his/her own toolbox. I will try to make such toolbox for you too. I have collected 25 such tools, and if you know more feel free to add in the comments.

Web-Usern - Design

Webanalyse: Die aktuelle Verbreitung von Schriftarten bei Web-Usern

“ハンディカム” | ソニー

娘の成長記録

Free book sample of Beautiful Web Design, The Art & Science of CSS and The CSS Anthology

3 كتب حول تصميم مواقع الويب متوفرة بالمجان

要はTwitterとメールをダイレクトメディアにする販促プレミアム、か。

I have used it and it works. Limit to ten pages per hour, each 2 MB or less.

best of webdesign site.

THis site is awesome for finding design resources/tools

Free online tool for color palette design and matching

This expensive private report is summarised in this Guardian article which monitors changes in childrens behaviour in terms of reading and the internest

Artikel uit The Guardian over de internetgeneratie en hun ouders

Internet generation leave parents behind • Change in communication creating divide, says study • Children spend six hours a day in front of screens

UK stats anmd trends presentd by the Guardian.

According to research children cram in nearly six hours of screen time per day

The report is based on an annual survey, now into its 15th year, of 1,800 children at 92 schools across the country. "This year has seen a major boost to the intensity and the independence with which children approach online activities," the report says. Annotated link http://www.diigo.com/bookmark/http%3A%2F%2Fwww.guardian.co.uk%2Fmedia%2F2009%2Fjan%2F19%2Finternet-generation-parents

good to animate

When you want a really strong security on the web, it's a good idea to use SSL. SSL can be used to encrypt your end to end connection to the web server, but you will need a client certificate for the possibility to verify you as who you are. The right way to get a certificate like this is for your browser to generate it! The private key should NEVER get out of the client machine. It should be generated and stored within the browser certificate store.

<form> <keygen name="pubkey" challenge="randomchars"> <input type="submit" name="createcert" value="Generate"> </form>

html <keygen>

When you want a really strong security on the web, it's a good idea to use SSL. SSL can be used to encrypt your end to end connection to the web server, but you will need a client certificate for the possibility to verify you as who you are. The right way to get a certificate like this is for your browser to generate it! The private key should NEVER get out of the client machine. It should be generated and stored within the browser certificate store.

photos stay on facebook for weeks

Webアプリ、ネットサービス一覧、まとめ

The human face of "slave" labor? in any event an amazing idea. http://adjix.com/4g2q [from http://twitter.com/DrIanFenwick/statuses/1215164589]

Actual users of Amazon's Mechanical Turk service revealed. Seems to contradict (though in a non-scientific way) the myth of the MT sweatshop. These are not third-world workers.

Kuinka Googlen AdWords oikeasti toimii. Steven Levyn erinomainen juttu Wiredissa.

The economics behind the ads you see, and what they cost.

Article by Steven Levy (not: Steven Levitt ;-) ) on Hal Varian, Google chief economist and the application of auctions to all kinds of logistical, organisational or economic problems.

The problem with Google, from a design perspective

"The male brain, extreme or not, is compatible with visual design. It allows you to learn every font in the Letraset catalogue and work from a grid. In fact, the male-brain capacity for years-long single-mindedness explains why the heads of large ad agencies and design houses are overwhelmingly male. (It isn’t a sexist conspiracy.)"

Work at Google? (Via Daring Fireball: http://daringfireball.net/linked/2009/04/27/clark-google ).

WE all know that a good CSS Framework can help us and save our development time. Today, i am going to share 10 most promising CSS Framework that worth a look.

Most of web designers should heard about “CSS Framework”, and some web designers had tried them before. Just like other programming and scripting language, CSS do have some repeat code that can be packed together to ease our daily job. When use properly, CSS Framework may cut down your development time. On the other hand, it may cause extra works and time if you choose the wrong framework for your project. There are a lot of open source CSS Framework, and you can easily reach them by using Google.

nav flash graphic pimpsite

ネットを通じてFAXが送れる。FAX送付状に入れるメッセージだけが文字化けしましたが、それ以外は問題なさそうと

「FAXを多用する人は有料版（FAXをメールで受け取れるサービス）もご検討くださいな。」 こいつぁ結構画期的なのでわ。

テキストエフェクトまとめ

>> And the press are already struggling enough - God knows they've already lost their grip on news to some extent. If they lose their grip on comment and gossip and being a free PR machine as well, they're really in trouble. <<

Stephen Fry speaks to BBC Radio 4's Analysis about why he believes the web is such a wondrous thing.

As is usually the case with Our Lord Stephen Fry - ne'er was a truer word spoke about that place we spend our days and nights - the internet

Stephen Fry on living with the internet, and enjoying it.

Stephen Fry - wit, writer, raconteur, actor and quiz show host - is also a self-confessed dweeb and meistergeek. As he confesses "If I added up all the hours I've sat watching a progress bar fill up, I could live another life." His feed on the social networking site Twitter is one of the most popular in the world. He spoke to BBC Radio 4's Analysis about why he believes the web is such a wondrous thing.

Self-confessed technology geek Stephen Fry tells BBC Radio 4's Analysis programme why the world wide web is a wondrous thing.

Twitter search.

A search engine powered by tweets

Topsy nutzt Tweets und Retweets zur allgemeinen Indexierung der Web-Inhalte. Bei der Social Media-Suchmaschine kommt es nicht auf die Zahl der Twitter-Follower (Abonnnenten) an. Was machen rund 30 Millionen Twitterer weltweit immer häufiger? Sie posten ohne Ende Linktipps und indexieren damit indirekt relevanten Content. Auf dieses Prinzip setzt Topsy auf.

Sehr gute Suchmaschine, um herauszufinden, wer über welches Thema twittert

I have a love hate relationship with wireframes. In the last 10 years they’ve been a part of every web project I’ve worked on. There have been times when I can’t imagine how we would have solved a particular problem without them. Yet there are also times when I’ve been completely exasperated at the amount of time and energy they’ve consumed, seemingly to very little reward.

I have a love hate relationship with wireframes. In the last 10 years they’ve been a part of every web project I’ve worked on. There have been times when I can’t imagine how we would have solved a particular problem without them. Yet there are also times when I’ve been completely exasperated at the amount of time and energy they’ve consumed, seemingly to very little rewa

I have a love hate relationship with wireframes. In the last 10 years they’ve been a part of every web project I’ve worked on. There have been times when I can’t imagine how we would have solved a particular problem without them. Yet there are also times when I’ve been completely exasperated at the amount of time and energy they’ve consumed, seemingly to very little reward. This frustration has forced me to change the way that I approach wireframes. And as my approach has changed, I’ve been able to extract more and more value from black key lines and grey boxes…

15 wonderful set of icons for web design

Standalone embeddable widgets from Google that you can drop into any web page. The maps widget finally frees the maps API from the tyranny of coupling a domain with an API key.

Google web elements is a new service that provides Google widgets for your own blog.

Google Web Elements allow you to easily add your favorite Google products onto your own website.

> しかし一方で思うのは、4人というのはやはり大所帯だったということです

>しかし、プログラマーはやる気と集中力次第で生産性が（誇張ではなく）100倍ぐらい上下しますから、本当に心から面白いと思っているプロジェクトであれば、それは必ずしも大きな壁にはならないでしょう。

さらには、個人で開発するということは、意志決定の速さが格段に違ってきます。たとえば作っている最中で何かが根本的に間違ってるのでプロジェクトを中止したほうがいいと思っても、チームでやっていると中々言い出せず、ずるずる引きずって時間を浪費してしまうというようなことがあると思います。しかし、10発撃って1発当たるかどうかという世界で勝負していくには、そういう「見切り」の速さこそが命ではないでしょうか。

っていないということは、本人はどこか別のところで生計を立てられるだけの

それで、上記のようなもろもろで何を言いたかったかというと、この分野では「企業の競争相手が個人になる時代は目の前まで来ている」ということです。スタートアップ企業を作って数名で作るのと、一人の個人が副業で立ち上げるのとでは、最終的に出てくるモノの差がだんだんなくなってきており、単に「かかるコストだけが100倍違う」ということになりかねない、と思うのです。 さらには、個人で開発するということは、意志決定の速さが格段に違ってきます。たとえば作っている最中で何かが根本的に間違ってるのでプロジェクトを中止したほうがいいと思っても、チームでやっていると中々言い出せず、ずるずる引きずって時間を浪費してしまうというようなことがあると思います。しかし、10発撃って1発当たるかどうかという世界で勝負していくには、そういう「見切り」の速さこそが命ではないでしょうか。

maybe?

"The open, realtime discussions that occur on FriendFeed," he says, "are going to become a major new communication medium on the same level as email, IM and blogging." ... even more the *distributed* discussions via Twitter, me thinks.

"Paul Buchheit built the first version of Gmail in one day. Then, he built the first prototype of Google's contextual advertising service, Adsense, in one day as well."

The Man Who Made Gmail Says Real-Time Conversation is What's Next (The Future of FriendFeed) http://bit.ly/ZAjW4 [from http://twitter.com/marshallk/statuses/1671776888]

Some very handy Wordpress plugin's in here and certainly something that I will be taking a closer look at.

Great list of plugins

The Yahoo! Query Language lets you query, filter, and join data across any web data source or service on the web. Using our YQL web service, apps run faster with fewer lines of code and a smaller network footprint. YQL uses a SQL-like language because it is a familiar and intuitive method for developers to access data. YQL treats the entire web as a source of table data, enabling developers to select * from Internet.

YQL + Linked Data = possibilities

Execute elements run server-side JavaScript with E4X (na

jQuery Masonry thumbnail box

How google sees the future in HTML5, some seldom known facts about the new version of this versatile markup language...

Definitely need to look into this more -- we've done one site with HTML 5 and it looks like more is already out there in the wild than we'd think.

Google doesn't want to repeat that mistake, and as a result, he said, "we're betting big on HTML 5."

"We knew then that the web had won. What was once thought impossible is now commonplace."

he modal window has many advantages. For example, when a modal window contains a smaller element, the user doesn’t need to load an entirely new page just to access it (another way to achieve the same effect is e.g. by using AJAX-based tabs). By providing modal windows, you improve the usability of your website. Having to load pages over and over will annoy most users, so avoiding that is definitely a good thing. Modal windows also allow you to save space by getting rid of large elements that don’t need to be on the main page. For example, rather than putting a full video on a page, you can just provide a link, thumbnail or button of some sort. In this article, we’ll go over best practices and trends for working with and building modal windows. We’ll also provide numerous examples of well-constructed modal windows and a few scripts to get you started with building them.

Stop what you’re doing and make your project a github page. For the love of god, your project has no documentation. RDoc is cool, READMEs are decent, but descriptive websites with examples? Oh, they RULE.

Github blog engine for OpenSource documentation

tini.us - create tini urls

Zimplit - Easiest Content Management System - http://www.zimplit.com/index.html

None

via windfucker

ウェブページでフォントをダンロードしやすくする仕組みっぽい。Javascript一行だってさ。どんな風になるのかな。

all browsers will soon support a wide range of fonts. but using fonts on the web (in most cases) is a direct violation of the font's copyright, as linking to a font gives the viewer a direct way to download the font . It's like using a font to print a book and then including the font with the printed book. Enter TypeKit, a web app that designers and developers subscribe to. The service has a collection of typefaces that the dev can link to in their jscript and TypeKit handles all the background witch's brew of delivering the font to the end user's screen, without that iser being able to download the font package. Interesting idea! I wonder what the tech looks like behind the service and the susbcription fees.

As a Typekit user, you’ll have access to our library of high-quality fonts. Just add a line of JavaScript to your markup, tell us what fonts you want to use, and then craft your pages the way you always have. Except now you’ll be able to use real fonts. This really is going to change web design.

We’ve been working with foundries to develop a consistent web-only font linking license. We’ve built a technology platform that lets us to host both free and commercial fonts in a way that is incredibly fast, smoothes out differences in how browsers handle type, and offers the level of protection that type designers need without resorting to annoying and ineffective DRM.

RT @phaoloo: http://tinyurl.com/cem5b7 &lt;- my dickens URL http://tinyurl.com/dl2xgj [from http://twitter.com/mfubib/statuses/1667802314]

comparador de hosting

What if you used this for reports and you could comment on them in the wave?

Google's Wave may be the future of email, but looks like it will stump Grandpa and Grandma, who are barely grasping webmail. I wonder how well it can be miniaturized to fit on smartphones.

Article explaining the basics of how to make a website so it loads efficiently.

webhighlighter

ok shiftspace is too much and is confusing to use. so markkit, i give you a try

テキストをハイライトさせる

markkit is a web2.0 text highlighter. Drag'n'Drop the markkit yellow pen into your browser toolbar. Whenever you want to highlight text in a web page, click on the markkit bookmarklet.

Finally, we're moving beyond the confines of the format of the channel, and the point of it: communication: 'A "wave" is equal parts conversation and document, where people can communicate and work together with richly formatted text, photos, videos, maps, and more.'

Google Wave Official Blog

long but interesting.........watch the vid

'You create a wave and add people to it. Everyone on your wave can use richly formatted text, photos, gadgets, and even feeds from other sources on the web. They can insert a reply or edit the wave directly. It's concurrent rich-text editing, where you see on your screen nearly instantly what your fellow collaborators are typing in your wave.'

Normal sounding words that actually have a funny look

Create a catchy name for your product, company or domain. The wordoids have to be random and should tend to look natural.

英語のアルファベットをランダムに並べてくれます。単純にランダムにするだけでなく、自然な形に見えるようにしてくれます。ドメイン探しに利用できるサイトで、ドメインが取得可能かも調べてくれます。

photoshop tuts

Jolie présentation.

Best Photoshop Tutorials of April

With the Internet becoming more and more popular every minute, a great-looking website is somewhat of a must-have. You could obviously pay a web designer to design one for you, but wouldn't it be really cool to design and code it yourself? "Difficult", you may say; but it's actually not too hard once you've learned how to do it! In this first part, you'll learn how to design a neat-looking website that you can easily adapt to your business. It’s time to get started!

this bookmark brought from the different place.

Really good tutorial. has got a nice thing for jquery.

photoshop design

Web Design from Photoshop

In this web development tutorial, you'll learn how to build a web page template from a Photoshop mock-up from a previous tutorial called How to Create a Clean Web 2.0 Style Web Design in Photoshop using HTML/CSS and the jQuery library.

this bookmark brought from the different place.

http://www.fsd.it/fonts/pragma.htm

Interesting explanation on why CRUD with REST doesn't directly map to the HTTP verbs POST, GET, PUT, and DELETE

Microsoft's search engine

Microsoft's new search engine

Tips, Tricks, and Techniques on using Cascading Style Sheets (CSS)

List of interesting web apps that could make my life easier, a couple anyway.

Government Data in XML (web services etc)

More datasets courtesy of uncle Sam.

Listado de direcciones del gobierno de EEUU con WebServices que permiten acceder a informacion publica

da@gringo

The Labs showcases some of our research and development with web technologies like JavaScript and CSS. We also release tutorials and resources to help other web developers enrich the web.

Apply gradients, shadows & highlights. All without using any images!

Smub: Post, Share and Bookmark instantly from your mobile...

This howto is about using HTML and associated web technologies (JavaScript, CSS, JSON, ...) to create a GUI for a standalone application in Python.

30 Inspiring Dark and Sleek Web Designs

Articolo in inglese della BBC, paragone con Google

Researchers claim that a new web tool - Wolfram Alpha - could be as important as Google.

This free program aims to answer questions directly, rather than display web pages in response to a query like a search engine. Like interacting with an expert, it will understand what you're talking about, do the computation, and then present you with the results. This technique has long been the holy grail of computer scientists who aim to allow people to interact with computers in an instinctive way.

すでに使っている人には今更なんですが、これから始めるって人向けに簡単なまとめ。tumblr といってもその用途は人それぞれ。自分の Blog として使う人もいるでしょうし、情報収集のツールとして使い人もいるでしょう。今回は情報収集 &amp; クリッピングツールとしての使い方に主眼を置いて紹介してみようと思います。

今さらですがブクマ。

これでお勉強

Web 3.0 will be about semantic web, personalization (e.g. iGoogle), intelligent search and behavioral advertising among other things.

Kevin: As the post says: "50 of the best data visualizations and tools for creating your own visualizations out there, covering everything from Digg activity to network connectivity to what’s currently happening on Twitter."

Haven't gone through these yet. Found link via DIGG InfoVis

Data visualization

HTML Web Design

run through this tutorial as a refresher

2nd part of an awesome tutorial - design and code a site from scratch

simple internet notepad

J.ot Down lässt sich in ungefähr 10 Sekunden erlernen: Man öffnet die Seite unter der Adresse j.otdwon.com und schreibt seine Notiz. Sie wird automatisch gespeichert und erhält einen kryptischen Permalink. Diesen speichert man als Lesezeichen und schreibt weiter. Das war’s.

NOTEPAD!!

一つめのワザは複数枚の画像を1枚にまとめる「CSS Sprite」の採用です。 従来はGIF形式を採用していましたが、これをPNG形式にしました 最後のワザが、PNG形式の制御情報（チャンクと呼ぶ）の削除

チリも積もれば。 ここら辺はYahoo!の素敵なところ。

脱photoshop

たしかに256色減色でPhotoshop使うのはアホだよね。1997年にpag1tetoを使ってた思い出がよみがえった

ヤフーは、あの手この手のワザを駆使して画像ファイルを少しずつ小さくしていったのです。

いろんな意味で残念

「ウェブ進化論」から3年。梅田望夫さんは日本のWebが「米国とはずいぶん違うものになっちゃった」と残念がる。Twitterの“はてブコメント事件”についても聞いた。

Non-Profit Organizations

これは大事。

Web サイトを作った後に行うこと. Web サイトをより多くの人に見てもらうための工夫.

Brilliant!

確かにワンラインだね（笑）

very cool way to do a minimal css grid using percentages

1 line CSS Grid Framework

dp50 {width:50%; float:left; display: inline; *margin-right:-1px; }

Interesting look at the different elements of a web startup.

ギークのおもちゃ。

Waveはリアルタイム／同期通信だけか？ 　まず、「リアルタイム」という点。ミリ秒単位の遅延しか感じられないチャットやゲームをHTMLページで行うというデモンストレーションに驚かされたために、レポート記事ではこの点を強調しすぎたようだ。Waveが「リアルタイム通信、同期通信だけのもの」という印象を受けた人もいた。それは誤解 Waveではメール同様の非同期通信も可能だ。つまり、あなたが新規にWaveを作り、誰かに宛てたWave（メッセージ）を書けば、それはまずサーバに送られる。受信側（Wave参加者）は、その時点でオンラインでもオフラインでも構わない。オンラインであれば、すぐにそのWaveを開いて読むことができるが、オフラインであれば、メールのインボックスのように（おそらく最終更新時刻の時間順で）、自分が関与しているWave一覧が表示

レポート記事（【詳報】Google Waveとは何なのか？）への反響を見ると、さまざまな疑問を感じている人がいる。そこでここでは、直接Waveのプロジェクトリーダーに話を聞いたり、別セッションで開発チームが行った説明、およびオンラインドキュメントから読み取れたことなど、いくつか追加情報をまとめたい。

The popularity of the social web is growing rapidly and has already changed the way we discover, consume and share information online. Consumers and businesses alike will continue to publish digital media that can be searched on, giving marketers opportunities to make it easier for search engines and consumers to discover and interact with content. The challenge is to figure out where social media and SEO fit within an overall online marketing and content strategy and implementing a plan that aligns realistic tactics with business goals.

5 Essential Steps to Make Your Site Search & Social Media Friendly

The increasing demand for fresh, live web content as well as the expectation of consumers to interact with what they find in the search results requires that website owners and content publishers make their websites both search and social media friendly.

I redesigned your website's front page, and I'd like to get your opinion.

"I’m a user interface designer. I travel sometimes. Recently, I had the horrific displeasure of booking a flight on your website, aa.com. The experience was so bad that I vowed never to fly your airline again. But before we part ways, I have a couple questions and three suggestions for you."

Time to let good people work : "Dear American Airlines, I re-designed your website", + fascinating response from AA -

lidt lisom facebook:)

RT @mashable: Love this gorgeous image of all the Twitter tools: http://bit.ly/VYLnH (We review most of em here: http://bit.ly/pod86 [from http://twitter.com/dcouturepdx/statuses/1961121655]

pro´s n´ cons

The problem has boggled the minds of Web designers for years: fixed, fluid, elastic or a hybrid layout design? Each option has its benefits and disadvantages. But the final decision depends so much on usability that it is not one to be made lightly. So, with all the confusion, is there a right decision? By considering a few factors and properly setting up the final design, you can end up with a successful layout design that reaps all the benefits. This article discusses the pros and cons of each type of layout. Either one can be used to make a successful website layout, as long as you keep usability in mind.

Smashing Magazine

There are numerous ways to use thumbnail in a web design to make it really be prominent, especially on the Blog Articles, Design Galleries, SideBars, and Footers or in the Comments as an Avatar. Some of the examples below we’ve together the best looking thumbnail designs and compiled them all into a massive list for you guys.

Web Design and Graphic Design Blog

Designers, we have a problem. It seems we have forgotten how to be creative.

Difficile d'exposer une méthode pour être créatif et innovant, il s'agit de quelques trucs pour se re-oxygéner la tête avant de partir sur un nouveau webdesign.

Choose Your Own HTML 5 Adventure

a look at intranets and social net tools within an organization

leaf trust your instincts

Great overall look at tools and how to use them

environment economics politics stories business innovation knowledge management entrepreneurship eco blog

el futuro de la web 2.0

Google Squared takes a category and creates a starter 'square' of information, automatically fetching and organizing facts from across the web.

複数ブラウザでの表示をチェックできるサービス

BrowserLab provides web designers exact renderings of their web pages in multiple browsers and operating systems, on demand. BrowserLab is a powerful solution for cross-browser compatibility testing, featuring multiple viewing and comparison tools, as well as customizable preferences. Since BrowserLab is an online service, it can be accessed from virtually any computer connected to the web. Also, Adobe Dreamweaver® CS4 software users have access to additional functionality such as testing local and active content.

Клавиатурный тренажер Все10. Обучение слепому методу печати на клавиатурном тренажере онлайн. Научиться быстро печатать – легко. Все10 – набирай быстрее всех!

この人も、ペラペラしゃべらなければいいだけじゃ～ん。「知りません」と一言いっておけばいいのに。

予定調和の世界 　この記者がどういう本心で取材してきたのかは、私は彼ではないので本当のところはわからない。しかしマスメディア出身で、いまも取材活動を仕事の中心に据えている私としては、この記者が何を考えていたのかはある程度は推測できる。それはつまり、こういう記事を書きたいということなのだ。 　「テレビなどのマスメディアからは相手にされなくなったホリエモンは、ブログやYouTubeのような自分のメディアを作ってそこで閉じこもって細々と情報発信」「60億円の民事訴訟に敗訴したホリエモン、必死で裁判で戦っていくとやせ我慢」

うわああああ

良記事

XMPP + Flash = Awesome. True, but what about iPhones?

"Hemlock is an open-source framework that combines the richness of Flash with the scalability of XMPP, facilitating a new class of web applications where multiple users can interact in real time. Games, workspace collaboration, educational tools… The only limit is your imagination."

50 Beautiful Hand-Drawn Web Design

http://www.downloadblog.it/post/9789/reddit-lancia-reddittv

The hottest videos on the internet right now

Image galleries, sliders and slideshows have become increasingly popular within webpages over the last year or so, and with jQuery becoming ever more popular, more and more developers have been creating these amazing powerful, versatile and sleek galleries. Thank you jQuery. Below you will the most powerful, the most creative and most versatile of jQuery plugins and tutorials built using jQuery.

Whether it’s your portfolio, a blog, a marketing web site, or a collection of games, we all want to attract visitors to our website and to ensure that they have a pleasant experience. Usability measures the level of a user’s experience and can be characterized by how easily a given task can be completed; whether it’s done with prior knowledge, or by having the user learn a new way to interact. I think Jakob Nielson probably explained it best when he said: “Usability is a quality attribute that assesses how easy user interfaces are to use. The word “usability” also refers to methods for improving ease–of–use during the design process.” In this article I hope to give you some form of a usability checklist, covering topics from form design to simple navigation tips that you can apply to any Web project.

10 Tips to Create a More Usable Web

(reference for new website)

How many web designers can say that there are too many places to draw inspiration from? Exactly. None. Inspiration is welcomed from high and low, far and wide. Sure, there are css galleries you can check out, or even other designers portfolios you may be friends with on twitter or other social media websites, but what about DeviantArt? I have taken the time to gather some of the best, most creatively designed websites from users on the site and put them together in this list of 25 Fun & Creative Web Designs.

25 Fun & Creative Web Designs from DeviantArt | Spyre Studios

Page speed is a google tool for evaluating website performance

Page Speed is an open-source Firefox/Firebug Add-on. Webmasters and web developers can use Page Speed to evaluate the performance of their web pages and to get suggestions on how to improve them.

Page Speed is a tool we've been using internally to improve the performance of our web pages -- it's a Firefox Add-on integrated with Firebug.

Website optimization plugin for Firefox/Firebug by Google

A short Apache config cookbook

There are a few cases where you want to know if the user is idle. Namely: * You want to preload more assets * You want to grab their attention to pull them back * You want close their banking session after 5 minutes of inactivity. (Jerk!) * You want the site to sneak off the screen and see if they notice ;-)

jQuery idleTimer plugin

iPhone用サイトのデザインまとめ。

During the weekend I decided to work on the iPhone version of Abduzeedo. Firstly I thought that only a few tweaks in the CSS file would be enough, but it was a bit more complicated than that. However, there are quite a few ways to create a nice iPhone version for your site using services like Mobify.me. In my case, I decided to build a new Drupal theme from scratch.

チェック！

Mobile Analytics by Percent Mobile

What is your % mobile? Measure and analyze the mobile traffic to your website for free.

analyze mobile traffic off your website

Analytics de Mobile

free mobile tracking

Mobile Analytics - Mobile Web Analytics - Free Mobile Analytics - Mobile Site Tracking

tau

Getmiro

A perfect layout, A Good Design and Nice resource can produce a creative output. Layout, textures and patterns are used more often than one may think but the outcome of different combination can result verity of designs. One of the interesting trend which I noticed recently is using a attractive footer to provide a perfect ending to your website’s presentation. Modern age designers love to experiment with things and observe how people interact with their work. Even though this is not a common trend to follow but still as the new design styles come up, and as more and more designers notice them and make use of them in their work, this kind of new trends emerge. In this showcase, you’ll find a variety of highly-creative, beautiful, and most importantly inspirational footer designs by which you can learn a thing or two.

Web Development Speed Optimization.

Google tips on speeding up the load and render time of a web page.

Glympse - Share Your Where - http://www.glympse.com/

Share Your Where

socialnetworking location gps technology mobile tech web2.0 http://www.glympse.com/

easy way to find myself in strnge cities

this bookmark brought from the different place.

EntityCode A Clear and Quick Reference to HTML Symbol Entities Codes

Codes for HTML symbols

Decent reference.

Web analytics is the measurement, collection, analysis and reporting of internet data for purposes of understanding and optimizing web usage. Historically, , Daily Resource for Web Designers and Developers.

Daily Traffic

Sell stuff online

galeria produtos

In preparation for total immersion into the Greensboro community, I am selling everything that I own. Below is a detailed archive of my personal belongings. Move your cursor over each image to obtain a brief description of the item. When you stumble upon a treasure you can't live without (i.e. neon pipe-cleaners) click on the item for further instruction. If you wish, you may select to make a donation in the amount of your choosing. All items not sold will be given to the Crossover Ministries of Flint, Michigan. Any revenue generated from the sale of these goods will be directed towards my travel and living expenses for the next 14 months.

In preparation for total immersion into the Greensboro community, I am selling everything that I own. Below is a detailed archive of my personal belongings. Move your cursor over each image to obtain a brief description of the item. When you stumble upon a treasure you can't live without (i.e. neon pipe-cleaners) click on the item for further instruction.

Popups must be allowed for options 2 and 3

Sítio para controlar o tempo de uso na internet...

gtd

Manage your time on the web

A brief tutorial on creating a Google form.. As recommended by Will Richardson, this is an excellent resource for anyone desiring to organize, collect, and analyze data -- turning the data into information

Great for PD on Google Forms

eGroupWare

There's no shortage of web-centric Linux tools -- the trick is figuring out which ones are best for your needs. This article offers a list of those that Jack Wallen thinks are the cream of the crop.

news polarity aggregator

FairSpin lets you see all the top political news from left to right. Click on titles to read stories, decide for yourself if they are biased, then vote your mind. Every vote makes FairSpin more accurate and useful.

As a Typekit user, you’ll have access to our library of high-quality fonts. Just add a line of JavaScript to your markup, tell us what fonts you want to use, and then craft your pages the way you always have. Except now you’ll be able to use real fonts.

The Typekit solution That’s where Typekit comes in. We’ve been working with foundries to develop a consistent web-only font linking license. We’ve built a technology platform that lets us to host both free and commercial fonts in a way that is incredibly fast, smoothes out differences in how browsers handle type, and offers the level of protection that type designers need without resorting to annoying and ineffective DRM.

The W3C recommendation for CSS web fonts will be 7 years old soon. Why, after all these years, has typography for the web not progressed further? Why haven’t designers embraced linked, downloadable fonts in their designs?

embed any font into your website, with the use of js

Platform and legal support for using linked fonts in CSS

May 27のblogの米欄は賛否両論ね。金払って@font-faceの薄いラッパーとか意味わからんという感じか。しかし、そもそも気になるのは、FF3.5+ではremote fontのsame-origin policyにひっかかって動かないんじゃねーの？という点だ。せっかくなので直接聞いてみる。

アイコンサイトまとめ

アイコン探すならここ。

QtWeb Internet Browser.Fast,portable,secure & compact browser.Customizable GUI. Privacy features. Qt&WebKit based.

QtWeb is a lightweight, secure and portable browser having some unique UI and privacy features. QtWeb is an open source project based on Nokia's Qt framework (former Trolltech) and Apple's WebKit rendering engine (the same as being used in Apple Safari and Google Chrome).

A new WebKit-based browser for Windows.

Kostenloser, portabler Web Browser mit WebKit Engine.

QtWeb is compact, portable and secure web browser having some unique UI and privacy features. QtWeb is an open source project based on Nokia's Qt framework (former Trolltech) and Apple's WebKit rendering engine (the same as being used in Apple Safari and Google Chrome).

"QtWeb is compact, portable and secure web browser having some unique UI and privacy features. QtWeb is an open source project based on Nokia's Qt framework (former Trolltech) and Apple's WebKit rendering engine (the same as being used in Apple Safari and Google Chrome)."

embedded kiosk

Seth does a great job reminding us that what's posted on YouTube shouldn't be the same as what goes on TV. Great list of tips, too.

TV advertisers are finally discovering that YouTube + viral imagination = free media.

Making commercials for the web /Seth's Blog/ - TV advertisers are finally discovering that YouTube viral ... http://tinyurl.com/chcl94 [from http://twitter.com/jorgefsb/statuses/1627779796]

"..Page Speed evaluates performance from the client point of view, typically measured as the page load time.."

For me, the jury is still out on Twitter's staying power and whether/not the benefits outweigh the costs of following folks. The serendipity can be nice but a high-volume Twitterer (Tweeter?) generates a <i>lot</i> of noise — and it's hard enough to keep up with the overflowing buckets as it is, eh?

A year ago, I wrote a magnum opus three-part post that attempted to chronicle some of the underlying changes happening in the economy and how this would impact ...

读写网对当前经济及其对互联网的影响，以及互联网的发展进行了归纳和展望

"A year ago, I wrote a magnum opus three-part post that attempted to chronicle some of the underlying changes happening in the economy and how this would impact web technology ventures. "Useful, but too long" was a recurring comment. So, here is a one-year update, much shorter. And hopefully a bit clearer, seeing as we are further into this transition."

Closed social-network sites cannot survive in their current form, and yet they are so dominant today. So the transition to open and pervasive will be a big and messy fight... which will be great fun for journalists to cover! - is this another way of saying there will be one big network? Advertising: Advertisers will adopt a barbell approach: CPM for branding, and CPA for direct-revenue generation (as soon as publishers figure out how to make money selling CPA). CPC will still be dominated by Google but will become less dominant as CPA gains traction. Google will play in CPA and CPM but won't dominate as it does in CPC. Publishers will sideline CPA because nobody will be able to compete with the CPC price set by Google

(no description)

Although popular Adobe Creative Suite software or paid software as such are essential tools for web designers, not everyone can afford them or nor they need to buy it. Some of the free applications are really powerful, time saving and gets the job done. In this article we have complied 40 best freeware and open source software for web designers.

Desizn Tech

http://www.sitepoint.com/blogs/2009/03/19/microsoft-superpreview- website-tester/website-tester MicrosoftSuperPreview

SitePoint Blogs: News, opinion, and fresh thinking for web developers and designers

ogoru.tv

http://web-tan.forum.impressrd.jp/e/2009/05/26/5709

Google Ad Plannerは、広告主が出稿先を検討するツール。URLを指定すると、そのサイトのページビュー（PV）、ユニークユーザー（UU）などの数や、そのサイトを見ているユーザーの性別・年代・学歴・年収などの属性が表示されるもの。

Google調べ、年代別・収入別サイトアクセス状況。こりゃ知っとかないとヤバめ？

Google Ad Planner（アドプランナー）で“あのサイトのPVやUU”を調べてみよう！ | Web担当者Forum

The future of social business: http://bit.ly/QqvFU It's all about dis(x2)intermediation. [from http://twitter.com/dhinchcliffe/statuses/2078680801]

talks about the social networking phenomenon mentions an interesting new google program coming about soon

walls come tumbling down - how to take social networking to the next level

Google wave- how it will let you build the next facebook, twitter, whatever...

Загрузить картинку отправить ссылку, указать комментарии к картинке

Easy to use tool for graphic annotations, that allows taking quick feedback about graphical content.

Outil de révision en ligne

Japan' swebpage design collection

buéno

日々のあらゆるシーンで役立つ情報を提供するアルファブロガー秒刊SUNDAY管理人 湯川晃 がお送りします。

いけてるサイトリンク集のまとめ

WEBデザインギャラリーサイトのまとめ

El Y2K de Twitter, ¡muy divertido!

The Twitpocalypse is similar to the Y2K bug. Very soon the unique identifier associated to each tweet will exceed 2,147,483,6471

O fim do twitter está próximo...

Great online web 2.0 twitter tool

twitter 第三方web端

之前居然没有收到diigo，只是twitious了一下

TwitZap is the ultimate Twitter client. Real-time Twitter monitoring. Tweet while Twitter is down.

Artigo falando sobre frameworks em PHP (em inglês).

SitePoint Blogs: News, opinion, and fresh thinking for web developers and designers

9 Online Free And Useful Tools That Can Help Designers A Lot @ SmashingApps http://ow.ly/4f14 [from http://twitter.com/10minuteexpert/statuses/1639626097]

"Microcopy is small yet powerful copy. It’s fast, light, and deadly. It’s a short sentence, a phrase, a few words. A single word. It’s the small copy that has the biggest impact. Don’t judge it on its size…judge it on its effectiveness."

Microcopy counts

The fastest way to improve your interface is to improve your copy-writing.

早送りのミニチュア風景がきれい

かわいい

Calendario UNIQLO miniaturas

The Best 20+ Icon Designers & UI Ninjas | Inspired Magazine

a basic one about optimizing database query execution time

Indexing the Web

Social Directory for Useful Web Applications and Websites.

good

Fred ce n'était pas celui-là auquel je faisais allusion...

One of the interesting trends which I noticed recently is to showcase your work in single page design. It's kind of ironic to see what designers can do with , Daily Resource for Web Designers and Developers.

single page websites

Convinced from spending hours reading rave reviews, Bob eagerly clicked "Proceed to Checkout" for his gallon of Tuscan Whole Milk and... Whoa! What just happened?

Styling buttons to look like links

Adventures creations and musings from a girl geek.

Hal Varian on how the Web challenges managers

I keep saying the sexy job in the next ten years will be statisticians. People think I’m joking, but who would’ve guessed that computer engineers would’ve been the sexy job of the 1990s? The ability to take data—to be able to understand it, to process it, to extract value from it, to visualize it, to communicate it—that’s going to be a hugely important skill in the next decades, not only at the professional level but even at the educational level for elementary school kids, for high school kids, for college kids. Because now we really do have essentially free and ubiquitous data. So the complimentary scarce factor is the ability to understand that data and extract value from it.

There are thousands of sites out there offering tips and tricks for using CSS. But how do you know where that information is coming from? Who says the people writing these “tips” know what they’re talking about? For all you know, it could be someone who has not clue what CSS even stands for, let alone how to use it effectively. But that’s not the case with the experts below. They’re all well-known for their mastery of CSS and all that goes along with it. Read on for their tips and tricks with regards to everything from avoiding hacks to understanding the box model.

"Neat Graph"

free stuff

It's funny because it's true.

Gods, I love it when Anil gets bitchy.

Hilarious satirical prediction about what’s going to happy when Facebook releases vanity URLs this weekend.

なかなか楽しめます。

Yahoo! Japanの公開実験場

It is a tool for checking foreground and background color combinations of all DOM elements and determining if they provide sufficient contrast when viewed by someone having color deficits.

What is CheckMyColours? It is a tool for checking foreground and background color combinations of all DOM elements and determining if they provide sufficient contrast when viewed by someone having color deficits. All the tests are based on the algorithms suggested by the World Wide Web Consortium (W3C).

The Web of Data: Creating Machine-Accessible Information In the coming years, we will see a revolution in the ability of machines to access, process, and apply information. This revolution will emerge from three distinct areas of activity connected to the Semantic Web: the Web of Data, the Web of Services, and the Web of Identity providers. These webs aim to make semantic knowledge of data accessible, semantic services available and connectable, and semantic knowledge of individuals processable, respectively. In this post, we will look at the first of these Webs (of Data) and see how making information accessible to machines will transform how we find information. The amount of information and services available is growing exponentially. Every day, it is getting harder to find the information we are actually looking for. Still, we have to learn how to tell machines what we want. Why can't a machine understand which website, recent tweet, Flickr photo, Facebook message, or restaurant

Ah, the Japanese!

Jokey japanese mouse arrow

htaccess tips

Address for the

The .htaccess files (Hypertext Access file) is a very powerful configuration tool on Apache web server. The Apache web server has a number of configuration options that are available to the server administrator. The .htaccess is a simple ASCII text file placed in your website root directory. You can create and edit an .htaccess file using a text editor like notepad. Here in this post I have come up with useful 16 tips and hacks to configure your web server. As a configuration file .htaccess if a very powerful and a slight syntax error can result in a severe malfunction of your server. So to avoid that always try to keep a backup copies of all your files from the server before working with the .htaccess file.

รวม 60 เว็บแจกฟอนต์

robbie...would say...

The hard truth is that the buck of development should stop with designers. For optimum efficiency, designers should not only be concerned with painting the bigger picture but also building it! In this article, I'd like to share with you some reasons why designers should learn how to code.

Why Designers Should Learn How to Code

I am in the minority on practically everything.

"We wanted to take an extensive snapshot of Twitter that goes far beyond anything done to document Twitter's use, growth and demographics," said Nick Koudas, Sysomos' co-founder and chief executive. "While Twitter's growth has been well documented, we wanted to put the spotlight on how people use Twitter, as well as identify many of the key trends in their backgrounds, demographics and activity. Our study, based on the most comprehensive dataset of Twitter users, provides a wealth of information for anyone interested in getting in-depth details about Twitter."

Estudio sobre Twitter

a port of the Processing Visualization Language

Processing.js is an open programming language for people who want to program images, animation, and interactions for the web without using Flash or Java applets. Processing.js uses Javascript to draw shapes and manipulate images on the HTML5 Canvas element.

@doax 저는 그리즈멍키 스크립트 씁니다. http://userscripts.org/scripts/show/40582 [from http://twitter.com/enamu/statuses/1845512231]

Every website has to perform maintenance at some point or another. Whether it’s just to upgrade a portion of the site or because of some problem with the site, it’s an inevitable fact of website ownership. And in many cases, maintenance requires taking your site offline for at least a few minutes. So what should you do if your site is going to be down for maintenance? You don’t want users coming to a 404 or other error page. And hopefully you’d like to encourage them to come back to your site sooner rather than later, right? If that’s the case, you’ll need to build a custom maintenance page. Below we present a list of best practices to building effective maintenance pages that will help keep your visitors, whether new or returning, happy.

Every website has to perform maintenance at some point or another. Whether it’s just to upgrade a portion of the site or because of some problem with the site, it’s an inevitable fact of website ownership. And in many cases, maintenance requires taking your site offline for at least a few minutes. So what should you do if your site is going to be down for maintenance? You don’t want users coming to a 404 or other error page. And hopefully you’d like to encourage them to come back to your site sooner rather than later, right? If that’s the case, you’ll need to build a custom maintenance page. Below we present a list of best practices to building effective maintenance pages that will help keep your visitors, whether new or returning, happy.

Effective Maintenance

Every website has to perform maintenance at some point or another. Whether it's just to upgrade a portion of the site or because of some

It's essential that your sites and web apps are constantly accessible to your users. In this article, you will find free and useful monitoring tools to help you know when your website or web application becomes unavailable.

very timely

Wow

From the website: "I’ve been in this people search industry for over 2 years now and while researching, I found many free, high quality free people search engines to help you reconnect with friends, family, school friends or any other person from your past. So I decided to put them in one huge list. Here they are:" - I haven't tried any of these but usually these lists are handy

Vários tutoriais para desenvolvimento de interfaces para sites

Here is a collection of 30 layout design tutorials that will help you with designing a decent looking website.

"This was preserved because the author had been Emperor. How much ancient wisdom was lost because the common Roman citizen lacked TCP/IP?"

"[by 1700 bc, the minoans were trading with spain, had big cities with flush toilets, a written language, and moderately sophisticated metalworking technology. had it not been for the eruption of thera (on santorini), it is quite possible that romans would have watched the assassination of julius caesar on television.]"

'This article, prepared to support a talk at Wordcamp 2009, discusses how writing itself has changed because of the availability of the Web and the Weblog.'

ユーザーがどこを見ているか、その視線を追うことができるアイトラッキングシステムですが、それを使った実験の結果がまとめられていました。ウェブを作る際にどこに気をつければ良いかがわかって参考になりますね。

アイトラッキングシステム。それを使った実験結果のまとめ。

HTML 5 and Web video: freeing rich media from plugin prison - Ars Technica

Autoren lesen 10 Seiten aus ihrem Werk

Auszüge aus interessanten Büchern vorgelesen;

search google

DepperWeb se base entièrement sur les résultats provenant de Google mais ajoute un certain nombre de fonctionnalités s'affichant dans la partie droite de l'écran: nuage de mots, nuage de phrases, sites référents, zones (domaines),

DeeperWeb is an innovative search engine plugin and an essential Firefox addon for Google. Start using us immediately at DeeperWeb.com or download a free search plugin and Firefox addons

Un moteur de rechercher qui tente d'organiser les résultats de Google en plusieurs catégories : résultats, nuages de mots-clés, questions/réponses, informations d'affaires, et données chiffrées + "ressource search" (semble correspondre à des informations plus élaborées?) + les résultats de Wikipedia + les résultats dans les blogs

this bookmark brought from the del.icio.us home.

Twitterにそこまで気力を注ぎたくない。TwitterFoxのほうがシンプルで好き

ではなぜ TweetDeck が便利かというと、次の３つの機能が組み込まれていて、たとえ大勢の人を follow していたとしてもかかる手間が少なくてすむという理由があります。

"Webbynode is a hosting solution for developers. Whether it's Rails, Django, LAMP or your choice of Linux Distro, we have a solution for you"

新的hosting介绍。可以试试噢

See comments to post for information about integrating security.

For those how make websites.

“la encuesta de la gente que hace sitios” que, con más de 30.000 encuestados

Interesting survey about developers in 2008

The best blog post ever

In the Woods - Coda Slider and More With jQuery Tools - http://blog.themeforest.net/tutorials/coda-slider-and-more-with-jquery-tools/

How to Create a Dark and Sleek Web Design from Photoshop - http://sixrevisions.com/tutorials/web-development-tutorials/how-to-code-a-dark-and-sleek-web-design/

ウェブデザインを作るためのPhotoshopチュートリアル16選

Tutorials for creating web designs are a great way to learn new techniques and get inspired by new design concepts. Since Photoshop is the design tool of choice

Tutorials for creating web designs are a great way to learn new techniques and get inspired by new design concepts. Since Photoshop is the design tool of choice for many web designers, I thought it would be useful to show you, what I believe, are the best Photoshop tutorials for creating web designs and web design elements.

TUTORIALES PARA DISEÑO WEB CON PHOTOSHOP MUY RECOMENDABLE

:)

http://www.kk.org/internet-mapping/ internet 6 mapa 4 internetmapa .kk.org/internet-mapping

Percepción de una gran cantidad de usuarios de la estructura de Internet

Create you own surveys, collect answers and analyze

new survey tool

Create surveys to take online with anonomous feedback

Uses HTML and CSS to determine your browsing history. Slowish but effective.

This is a method of sniffing your browsing history without using Javascript. If you haven't cleaned your browsing history recently, just click "Start Scan" and the system will get to work. If this doesn't shock you, it should: websites are not supposed to see this information. It has potential for anyone, in particular advertisers, to view your history and profile you.

There are a host of free tools available on the internet that can help designers and developers increase their productivity. Some tools are great, others just waste your time, so today, we’ve sorted through the free tools available to find 20 free and useful tools for designers and developers. Whether you’re looking to create invoices, contact your colleagues, find a color scheme, generate some code, or share files, you’ll find a free tool in this list to do the job.

Fantastic resources!

RIPIE6 is the obituary notice of Internet Explorer 6's death.

IE6 Bugs, Problems, Fixes, Solutions, Tips & Tricks, Hints? NO MORE!

This collection aims to showcase just fifteen beautifully designed minimalist website designs using photograph as background

15 Coolest Minimalist WebDesigns Using Photograph as Background

Nouveau service du navigateur Internet Opera pour partager facilement des données comme on le fait actuellement sur le web en passant par des services tiers ou en configurant différents serveurs. Pour l'instant, on peut partager des documents, des photos, des notes ou encore de la musique en streaming. On peut également faire un salon de chat privé ou même publier un site Internet. De l'extérieur, chaque service peut être accédé publiquement à partir de n'importe quel navigateur ou avec une protection par mot de passe. Pour les développeurs, il est possible de créer ses propres services de partage pour Opera et on a donc avec Opera Unite une solution intéressante pour partager rapidement des données.

Welcome to Opera Unite

Opera’s big announcement: a developer preview (“labs release”) of their new web-server-in-your-browser feature, Unite. Includes an Opera-hosted proxy to help break through your firewall. The web server can be customised using server-side JavaScript running in an Opera Widget.

In this tutorial I am going to show you how to create a clean corporate layout in Photoshop. The original layout was created by kuntiz from ThemeForest and I want to thank him for allowing me to write this tutorial.

Web Layout tutorial

OOCSS isn’t really a framework … but a way of writing scalable, sane, maintainable CSS,” writes Sullivan. Sullivan uses and recommends a grid framework like Yahoo!’s YUI Grids, but you’re free to write your layout styles from scratch using OOCSS principles if that’s your thing. But OOCSS applies equally to the work you do after you have implemented your site’s layout, as you design the blocks and content that slot into your layout. Most web designers tend to write CSS code so that it requires as little extra markup (whether <div> or <span> tags or class attributes) as possible. Fundamentally, adopting OOCSS is making a mental shift towards easy maintenance and reuse of your styles, even if it means writing extra HTML markup.

In October, I’ll speak at Web Directions South 2009 in Sydney about CSS Frameworks. One of the main questions I will answer in my talk is whether or not you should use a CSS Framework in any given project. Since the alternative is writing your own CSS styles from scratch, I’m researching some of the latest thinking on hand-coded CSS.

SitePoint Blogs: News, opinion, and fresh thinking for web developers and designers

Sitepoint article on object oriented CSS.

Object Oriented CSS

Une idée quin'est peut être pas si bonne que ça, si on suit les commentaires. Mais comment cordonner les classes d'une css ?

う

Novel search engine that depicts search results as blocks of text and images.

enter your search term ...get a page of quotes and photos and links...visually appealing

A new visual search engine is making the rounds...

When too cool becomes useless. Results are returned in the form of a collage. The cool factor gets in the way of trying to review the results.

Realtime Twitter trends and Twitter search

twitter search

OperaUnite - Web browser and Webserver into one?

this seems to be a very nice feature: http://labs.opera.com/news/2009/06/16/

U

A jQuery plugin for SWFUpload

When I first stumbled across SWFUpload about two years ago I was impressed by how easy it was to implement. However, their example code has always bugged me as being rather crap, having to assign a separate global event handler for each event, and the lack of multiple handlers for a single event.

Kig på nogle af de fede designs og gør et af dem efter til mit eget site

Photoshop Website

photoshop

web design tips

フッター

interesnte subir la foto de Deportes

Upload a picture and have a palette generated that works well with it

A Color Palette Generator (courtesy of MailChimp)

IPAとかが頑張ってこういうのをまとめればいいんじゃｙ

Easy + secure group collaboration over email

Easy + secure group collaboration over email with a handy web archive.

Email is still the most prominent form of communication we have. Do you really need that fancy collaboration tool or do you just need to get tgethr?

也是一个在线协作办公的

wordpress design helps

IDEA*IDEA

というわけでユーザーインターフェースのパターンをまとめたサイトですよ。「ここのインターフェースどうしようかなぁ」というときに使えます。なお、選んだ基準はサイトの使いやすさと事例の多さ、ざっくり「インターフェースのこと語るんなら綺麗なサイトじゃなきゃね！」というアバウトな視点です。

Recently I made the switch back to HTML 4 for DOCTYPEs and px for font-size (sound like 1999 again?), and I’ve tweeted about it occasionally. I’m documenting the switch more thoroughly here.

"I’ve chosen to go with HTML 4.01 Strict as the DOCTYPE in my projects moving forward, favoring it above XHTML 1.0 Strict and HTML 5. I’ll briefly explain my reasoning."

HTML 5 – In a nutshell, HTML 5 is the next major version of the hypertext markup language. The good news is meaningless div and span elements will be replaced by more meaningful elements such as nav, header, and video.

Cameron Moll on HTML5 and px for font-size

web design inspiration – so in case you missed them here is the Motherload Collection organized into categories for your convenience!

inspiração para webdesign

Collecta monitors the update streams of news sites, popular blogs and social media, and Flickr, so we can show you results as they happen

The web is alive with real-time information. So why search a stale archive? Collecta monitors the update streams of popular realtime blogs and sites like Twitter, Wordpress, and Flickr, so we can show you results as they happen.

Collecta is not like other search engines. The web is alive with real-time information. So why search a stale archive? Collecta monitors the update streams of news sites, popular blogs and social media, and Flickr, so we can show you results as they happen. Give it a try.

Searching the Real-time Web

Many websites offer syndication formats such as RSS, JSON, or XML based services to allow for easy content delivery. How do you syndicate content from a website that doesn’t offer a news feed? This is what I set out to solve.

php経由で他ドメインのページをロード　タイトルを見てページをパースし前回のアクセスと比較して更新箇所を抽出するのかと驚いたら、単なる丸ごとロードだった　jquery

scott guthrie, pub 4/1/2009

ScottGu's Blog

10 Reasons Why You Should Be Using Firebug

Explicacion de porque se debe usar firebug y algunas extensiones

10. FirePHP Our last, but not least, important Firebug component is FirePHP. With this add-on, we can transparently send information (warnings, errors, logging, info) to the Console panel from our PHP code. Example usage from FirePHP's website:

Akamaiについて全般的な話。おもしろい。有名どころ・ユーザが多いサービス＝トラフィックが多いってことでよく知られる企業が多く利用しているのね。　細かいことだけど「（インターネットは）冗長性を実現するために信頼性を犠牲にしています。」がちょっと気になった。その後に書いてある速度の話は信頼性に分類されるのかな。

みんなが知らずに使ってるAkamai

XRefresh is a browser plugin which will refresh current web page due to file change in selected folders.

XRefresh

really cool tool for web development

Like growl for the MAC

Maps Fluid and Prism notification APIs into Firefox.

Ad Management plugins

Almost everyone out there who runs a website has toyed with the idea of selling ads on their website. So many options are available. Dozens of ad and affiliate networks exist, and you have different ad formats to consider. Should you sell text ads or banner ads? Should you allow Flash ads? What about ads with sound, pop-ups or floating ads? People have so many decisions to make that they often just end up slapping on some AdSense code and calling it a day. And that’s fine.

みなさんGoogle Analyitcsでアクセス解析をされている方が多いのではないでしょうか？ 無料で使えて、高機能なGoogle Analyticsは、先日APIも正式に公開され、今後様々なツールが公開されていく事だと思います。 そのままでも、十分いろいろな解析ができて便利なツールなのですが、今回はGoogle Analyticsをさらに便利に使えるツールや設定方法、コードなどをご紹介します。

Go to labs.opera.com, download the Opera Unite software and install it. Congratulations, you are now running a web server on your machine and just need another minute to configure local file folders that you want to share with others over the internet.

how to embed video using html5

Video For Everybody is very simply a chunk of HTML code that embeds a video into a website using the HTML5 <video> element which offers native playback in Firefox 3.5 and Safari 3

Video For Everybody is very simply a chunk of HTML code that embeds a video into a website using the HTML5 <video> element which offers native playback in Firefox 3.5 and Safari 3 & 4:

Video For Everybody is very simply a chunk of HTML code that embeds a video into a website using the HTML5 <video> element which offers native playback in Firefox 3.5 and Safari 3 & 4

Excellent code example (plus encoding explanation) for using the HTML5 <video> tag while providing a Flash-based fallback player for older browsers (i.e. not Firefox 3.5 or Safari 4).

A look at Wolfram Alpha.

WolframAlpha launches 15 May. natural language

A web tool that "could be as important as Google", according to some experts, has been shown off to the public.

<blockquote>A web tool that "could be as important as Google", according to some experts, has been shown off to the public. Wolfram Alpha is the brainchild of British-born physicist Stephen Wolfram. The free program aims to answer questions directly, rather than display web pages in response to a query like a search engine. The "computational knowledge engine", as the technology is known, will be available to the public from the middle of May this year. </blockquote>

We’ve been working with foundries to develop a consistent web-only font linking license. We’ve built a technology platform that lets us to host both free and commercial fonts in a way that is incredibly fast, smoothes out differences in how browsers handle type, and offers the level of protection that type designers need without resorting to annoying and ineffective DRM.

»We’ve been working with foundries to develop a consistent web-only font linking license. […] As a Typekit user, you’ll have access to our library of high-quality fonts. Just add a line of JavaScript to your markup […] We’ll be launching this summer with a great collection of beautiful and hardworking typefaces.«

Basically, Typekit will offer a way for designers to license fonts for use on web pages, which is a big deal because of a CSS feature that is soon to be supported in most major browsers that will allow designers to reference fonts installed on the server and render them as fonts (rather than Flash or images) for users.

php

jQuery is a fast and concise JavaScript Library that simplifies HTML document traversing, event handling, animating, and Ajax interactions for rapid web development. As Web developers we are always in search of new tutorials and resources, tips, tricks for our readers . Today we listed Most Desirable Collection Of powerful jQuery etc. We obviously cannot cover all the best from the web, but we have tried to cover as much as possible

listing out 12 JavaScript based chart .

12 jQuery based chart

textures

serviços para o twiter muito bom

Um timeline do Twitter em portugues

'trending topics' dos perfis brasileiros

O que o Brasil anda twittando?

Great tool to find out tech information and send to IT, project manager or developer when you have problems viewing web based content.

Get tech support info like OS/Browser versions, flash player details, javascript settings, etc.

Lets treat our users with a little respect, eh?

404 error pages are not often seen and get underestimated. Some of them can be really interesting to look at when stumbled onto accidentally. Here are 60 of the many beautiful 404 error pages that I compiled.

404 error pages are not often seen and get underestimated. Some of them can be really interesting to look at when stumbled onto accidentally. Here are 60 of the many beautiful 404 error pages that I compiled. There are a lot more nice ones actually but think we save it for the next round. Enjoy!

He purchased a Mail Boxes, Etc. mail box and paid a little extra to have it not show a P.O. box number. By keeping one mailing address (and consistent phone numbers through Google Voice) Jagger doesn’t have to reprint company stationary every time they move.

41 Sleek Single Page Websites

With the internet moving faster and faster, users wanting more and quicker, some designers try to give the user everything all at one – on one single page. This works very well with portfolios, when you don’t need to leave the page or site to see a full source of portfolio pieces. With easy scrolling sliders with jQuery and other web technologies, and the ease of mouse scrolling, for me this is a great way of trying to make your site work a different way.

With the internet moving faster and faster, users wanting more and quicker, some designers try to give the user everything all at one – on one single page. This works very well with portfolios, when you don’t need to leave the page or site to see a full source of portfolio pieces. With easy scrolling sliders with jQuery and other web technologies, and the ease of mouse scrolling, for me this is a great way of trying to make your site work a different way. This trend has been around a few years now, and these websites are showing many different ways of exploring the single page design.

Having a blog that’s snappy &amp; responsive is just one of the many factors that makes a great blog. Even with the best content in the world, a slow blog will frustrate readers &amp; potentially force them elsewhere. In this post we’ll focus on optimising Wordpress, a popular free open source blogging platform that runs on PHP.

Guia de optimizacion de WordPress 2.8

Having a blog that’s snappy & responsive is just one of the many factors that makes a great blog. Even with the best content in the world, a slow blog will frustrate readers & potentially force them elsewhere. In this post we’ll focus on optimising Wordpress, a popular free open source blogging platform that runs on PHP.

Home page of Africa Tour 2008 is a good example of how simple solutions can also be effective. In this tutorial I will recreate (in my own way) their effect using World map. As I said, the effect is more than simple - each continent is marked with a "pin balloon" (I couldn't think of a better name) and when you hover the balloons they get larger. This is something that many of us have done many times, I'm sure of it. However, this example has a trick: balloons grow diagonally starting at the anchor point (anchor point is the little triangle that comes out of the balloon).

Helps you build good looking and functional web sites.

おされなサイトにあるテクニックを、CSSを使って再現法を教えてくれてるナイスなサイト。

Desktop Share Share your entire screen with meeting attendees anytime, anywhere. Icon Hd High Definition Content Show videos, graphics and documents and other content in high-resolution – in total sync. Icon Fetch Fetch Meeting Attendees Bring an attendee straight into a live web or audio conference in one easy step. Icon Interface Easy, Intuitive Interface Beautifully simple. Web-based. No hardware or software to purchase or download.

The following list of 50 free open courseware classes can help you develop better Web sites. The university or learning center name is included so you can begin to browse through their other online resources as well. The list is categorized, and each link under those categories is listed alphabetically. This method assures readers that we do not value one resource over another.

Here is a collection of the best Flash Websites with 3D Environment and 3D interface, Make sure to turn your speaker ON as most of these flash websites are using cool audio as well. (These sites will require little bit More band width, please be patient while the site loads, these sites are worth the waiting time)

このたび、特定非営利活動法人エルピーアイジャパンは、Linux技術者教育に利用していただくことを目的とした教材、「Linuxサーバー構築標準教科書（Ver1.0.1）」を開発し、インターネット上にて公開し、提供することとなりました。

した。 この「Linuxサーバー構築標準教科書（Ver1.0.1）」は、多くの教育機関から、Linuxによるサーバーの構築を「基礎」から学習するための教材や学習環境の整備に対するご要望があり、開発したものです。 本教科書の目的は、LPICレベル2の201試験と202試験の学習範囲

Every time I visit all of my favorite social media sites, all I end up seeing are the same top blogs ending up in the results, and for good reason! There are some blogs out there (Smashing Magazine, Web Designer Depot, Web Designer Wall…) that have created huge impacts in the web design community, publishing great content each and every day for us to look forward to. So I have compiled a list of the 21 greatest blogs for website designers, developers, and webmasters. These blogs usually include tips, tricks, tutorials, freebies, interviews, and much more to grab the average web designers attention. So without further ado, let’s hit the list (and all on one page, for you Diggers).

An introduction to Opera Unite

In a nutshell, Opera Unite is a collaborative technology that uses a compact server inside the Opera desktop browser to share data and services. You can write applications — in the form of Opera Unite Services — that use this server to serve content to other Web users.

A great collection of inforgraphics. Really inspiring.

Infographics can be a great way to quickly reference information. Instead of pouring over figures and long reports to decipher data, an infographic can

Lista de ferramentas Javascript. MUITO BOM!!!

The font stack builder will help you build a better font stack from scratch, but what if you need a jump start, inspiration, or want to build on tried and trusted CSS font stacks? Start with this selection of pre-built font stacks and customise with your own preferred fonts.

been looking for something like this...

Lifestream Backup :: Home

Photography can either make or break a web design. This starts with the photographer and the camera, but more than likely, photos coming straight from the camera will require some type of adjustments or treatment in order to match the style of it’s surrounding design. Here are 13 Photoshop techniques that you should find useful for enhancing photos to be used in your web designs.

How to enhance photos on a website; Photoshop

Photography can either make or break a web design. This starts with the photographer and the camera, but more than likely, photos coming straight from the

The sophisticated image of minimalism has always been a popular style of design. In webdesign a minimalist site is stripped naked of eye candy and fancy colours or effects, leaving the underlying structure exposed. The key to a beautiful minimalist site is a solid and structured layout, as well as focus on stylish and well designed typography. These 50 examples showcase some of the best minimal site designs out there on the web.

Minimalism in Web Design

Page Speed is an open-source Firefox/Firebug Add-on. Webmasters and web developers can use Page Speed to evaluate the performance of their web pages and to get suggestions on how to improve them. How does Page Speed work? Page Speed performs several tests on a site's web server configuration and front-end code. These tests are based on a set of best practices known to enhance web page performance. Webmasters who run Page Speed on their pages get a set of scores for each page, as well as helpful suggestions on how to improve its performance. Why should you use Page Speed? By using Page Speed, you can: * Make your site faster. * Keep Internet users engaged with your site.

Page Speed is an open-source Firefox/Firebug Add-on. Webmasters and web developers can use Page Speed to evaluate the performance of their web pages and to get suggestions on how to improve them.

A plugin for Firebug similar to YSlow

What is Page Speed? Page Speed is an open-source Firefox/Firebug Add-on. Webmasters and web developers can use Page Speed to evaluate the performance of their web pages and to get suggestions on how to improve them.

55 Sexy Our Work Page Designs

web design

With the sheer number of web design company and freelance websites out there, it's easy to see unoriginal and uninspiring website designs but in my opinion one , Daily Resource for Web Designers and Developers.

A 404 error on the web is what a web server responds with when it is tasked with serving up a resource that it can’t find.

Just about every website uses the regular navigation concepts we're all used to. After awhile this can get pretty boring, especially for designers who thrive on creativity. While mimicking the OS X dock and stacks isn't new, it's certainly not common.

phew. praise be to the universality of javascript.

"In this web site I have collected various JavaScript tests, to display code samples, have them run and check web browser compatibility." (This page tests various advanced JavaScript operators against common browsers.)

A report on compatibility of various JavaScript features & functionality against common web browsers.

Tim Berners-Lee invented the World Wide Web. He leads the World Wide Web Consortium, overseeing the Web's standards and development

Web 3.0

Web & Patterns: patterns for a better web

Una gallery dei migliori esempi di web pattern design, information architecture, user experience, per aiutare chi ha il compito non semplice di costruire siti web belli e funzionali.

more than 75 tools, resources, and articles that can help you in various aspects of web analytics

Contadores para blog

30 Best Photoshop Web Layout Design Tutorials to Design Decent Websites | Dzine Blog

30 สุดยอดตัวอย่างทำเว็บสวยด้วย Photoshop

Why attractive things work better

The visual aesthetics that frame and define content are much more than simply a “skin” that we can apply or discard without consequence. Users react in fast, profound, and lasting ways to the aesthetics of what they see and use, and research shows that the sophisticated visual content presentation influences user perceptions of usability, trust, and confidence in the web content they view

User interface experts are often suspicious of the role of visual aesthetics in user interfaces—and of designers who insist that graphic emotive impact and careful attention to a site’s visual framework really contribute to measurable success.

galeria de tiendas online - e-commerce - teso

CartFrenzy - Gallery of Ecommerce Websites

オンラインツール32選

SpriteMe makes spriting easy.

export the modified CSS to integrate back into your code. [TBD]

SpriteMe

This article takes you through 12 easy steps to understand how OSGi bundles can be used within an existing classic WAR application. Prior experience with Eclipse Web Tools (Tomcat runtime and launcher) is recommended. The code referred to in this article is available for download here [1].

Don't know when I'll ever get round to reading this!

Discover best practices that can make your apps faster. Get informed with developments in web performance.

Agilidade na web

Google resource center on performance optimization. Articles, videos and downloadable tools. Includes tips on how to optimize CSS declarations, how to optimize JavaScript code and avoid memory leaks, how to use the best image format and prefetch resources. Also released Google equivalent of YSlow, Yahoo's Firefox extension for performance tips.

Best Practices and Solutions | Design Showcase | Smashing Magazine. A module tab is a User Interface (UI) design pattern where content is separated into different panes, and each pane is viewable one at a time. The user requests content to be displayed by clicking (or in some instances hovering over) the content’s corresponding tab control.

discussion of the use of module tabs or subtabs within a page

The most extensive post I've seen on Tabs, ever. Well done SM.

Module tabs are seeing an increase of use as websites and web applications push for optimizing web page screen areas without sacrificing the amount of information presented at once. For example, in weblogs, they are used in secondary content sections (such as the sidebar) to present relevant and interesting information such as a listing of blog posts which users can interact with to get to web pages quicker. This inevitably allows for an unobtrusive and compact manner of presenting content. This article discusses the use of the module tabs design pattern for use in websites and web-based applications. We share with you some best practices to consider when using module tabs, a listing of real-world examples of websites the take advantage of module tabs, as well as tutorials and free downloadable scripts for building and deploying module tabs in your sites.

Algumas inspirações para pesar em layout diferenciados!

Design inspiration is everywhere. In this article, you'll discover some creative and unique places to get creatively inspired in your designs.

website colors

ColourGrab.com - Colouring The World.

Pagina q t ayuda a sacar el codigo de los colores de las imagenes

colors photoshop colour website colorpicker swatch palette

Type a URL of any online image below and our system will tell you the most used colours from that image

Starter kits are great timesavers for web designers and they are particularly useful for those who often create mock-ups for project pitching on daily basis.

How to Create an Illustrative Web Design in Photoshop - http://sixrevisions.com/tutorials/photoshop-tutorials/how-to-create-an-illustrative-web-design-in-photoshop/

One MILLION connections !

Cuzillion

10 erreurs courantes dans le design de logo

'If Joomla! is Linux, then WordPress is Mac OS X. WordPress might offer only 90% of the features of Joomla!, but in most cases WordPress is both easier to use and faster to get up and running.' Over the course of the last few years, I've been in c

Web company WireLoad shares their experience and tips and tricks for the internet-age business world.

Get dropbox setup on all my computers

Into the Cloud: Our 5 Favorite Online Storage Services - http://www.readwriteweb.com/archives/free_online_storage_services.php

Being able to access your files from anywhere and from any computer is one of the great conveniences of the always-on Internet. Online file storage has been around for quite a while, but the latest generation of services are so cheap and easy to use that there is almost no reason not to back some of your files up into the cloud. Most online storage providers also give you the ability to then share these files with your friends and colleagues. We selected the services on this list because they have a good track record of keeping your data safe while providing you easy access to your files from wherever you are.

うごメモはてな

面白そうだけどdsi専用

DSi　背景が5種類

kids creative output. reminds me of my old amiga deluxe paint animations

PHP - jak korzystać z API Twittera

api

35 CSS-Lifesavers For Efficient Web Design

"Converts CSS rules into inline style attributes" - This will come in handy the next time you're designing an HTML email.

インラインスタイルに変換

Good reading material

Whether you’re a victim of cutbacks, outsourcing or your own personal ambitions, your side business is probably more than just a hobby. And since you’re intent on growing your company into something respectable and profitable, you’ll need the tools and connections to help you project a professional image. Check out our list of 100 essential web tools for anyone who’s starting up a side business.

Diff as semantic operations, not as bare difference.

Revizr is a new way to work collaboratively to improve the quality of your documents. Use it for editing, proofreading, and ongoing development when you need other people's input but remain responsible for the contents.

What Revizr does for you: * Keeps all your revisers working together on the same copy of the document, with updates shared live * Turns reviser edits into what looks like hand-drawn markup (but it's usable) * Gives you a complete history of your document including who suggested what, when * Lets you revise documents with rich text, images, and formatting

ht now. You can select any

ew way to work collaboratively to improve the quality of your documents.

And this is what we wanted a year ago. At least.

define

Esta enlace es para aprender terminos

Great technology glossary to use when explaining Web technology to the less-initiated…

one page

Links to several good web layouts as well as links to numerous other top N lists.

Vaadin is a Java framework for building modern web applications that look great, perform well and make you and your users happy.

WebApps auf Basis von GWT erstellen. Sieht gut aus.

sixrevisions.com: headers in web design

heders

Join us for a webcast about Web Squared on Thursday, June 25 at 10:00 a.m. Pacific time with John Battelle and Tim O'Reilly.

"we’ll get to the Internet of Things via a hodgepodge of sensor data contributing, bottom-up, to machine-learning applications that gradually make more and more sense of the data that is handed to them. ... As the information shadows become thicker, more substantial, the need for explicit metadata diminishes. Our cameras, our microphones, are becoming the eyes and ears of the Web, our motion sensors, proximity sensors its proprioception, GPS its sense of location. Indeed, the baby is growing up. We are meeting the Internet, and it is us"; "evidence shows that formal systems for adding a priori meaning to digital data are actually less powerful than informal systems that extract that meaning by feature recognition"; "There are many who worry about the dehumanizing effect of technology. We share that worry, but also see the counter-trend, that communication binds us together, gives us shared context, and ultimately shared identity"

Some great online services and ideas of now and the future!

TIPS、まとめ

超便利そう　使わない理由が見つからないw

How to find most viewed youTube videos

graph with tweets/hour. paid ads, normal twitter search

Realtime search

Real-time... Social... Search. Find out what all the twitter is about.

참고하기.. 트위터 이용한 검색서비스

Ring2Skype for Skype is FREE. "Skype In" charges you for the service. Another difference is that Ring2Skype for Skype provides numbers in more than 40 countries, while "Skype In" only in 20.

Covers XMLHttpRequest

pewnie już było, ale ..zestawy gotowych icon do webdesignu

y Retro Takes Over Web Design

Believe it or not, Wordpress is not the only free Content Management System (CMS) avaliable. Don't get me wrong though, Wordpress is a great blog orentated CMS

Awesome look at other CMS's besides wordpress - wordpress is still my fav tho ;)

helping you implement html5 today. We publish articles relating to HTML5 and it’s semantics and how to use them, here and now. We also invite questions, in the form of ‘Ask the doctor’ to help answer people’s queries and questions. Answers will be posted in the form of articles for all to learn from.

Designing websites can be a long and complicated process. Dealing with clients, designing prototypes, coding, programming, and testing – there's a lot to keep track

interesting page...

podcast acelerator

create feeds for speeded up podcasts

make podcasts faster

In 2007, Apple updated .Mac (now MobileMe), and introduced the "Web Gallery" feature - a photo sharing service that integrates with iPhoto. Web Gallery offers a beautiful interface, but the layout is done entirely with JavaScript. In this tutorial, we will attempt to recreate the Web Gallery interface using only CSS and a small amount of jQuery.

30 web designers

rounded corners mostly, with jquery

A roundup of 7 CSS3 techniques that will be available in FF 3.5.

MySpace’s Performance Tracker is a browser plugin that help developers to improve their code performance by capturing and measuring possible bottlenecks on their web pages. MySpace’s Performance Tracker Features * Measure the CPU hit and memory footprint of your pages as they render on the client’s browser * Review screen shots of the page while it renders * Review the rendered HTML on each point of the page’s lifecycle * Measure and show estimates of the time it takes to render each section of the page in different connection speeds * Validate the content of your page against a set of proven “best practice” rules of web development * Review downloaded files and show download time estimation on different bandwidths MySpace’s Performance Tracker currently supports Internet Explorer 6 and up.

IEプラグイン、←YSlow/Google Page Speed、パフォーマンス/高速化/レンダリング

MySpace’s Performance Tracker MySpace’s Performance Tracker is a browser plugin that help developers to improve their code performance by capturing and measuring possible bottlenecks on their web pages. MySpace’s Performance Tracker Features * Measure the CPU hit and memory footprint of your pages as they render on the client’s browser * Review screen shots of the page while it renders * Review the rendered HTML on each point of the page’s lifecycle * Measure and show estimates of the time it takes to render each section of the page in different connection speeds * Validate the content of your page against a set of proven “best practice” rules of web development * Review downloaded files and show download time estimation on different bandwidths MySpace’s Performance Tracker currently supports Internet Explorer 6 and up.

Cause memory leaks love IE?....

Différentes résolutions d’écran

Recurso online para comprobar una web en distintas resoluciones

View websites in multiple resolutions

Check out how your website looks in the most popular resolution formats.

Test website in different resolutions

páginas de portafolios

論文によれば当初1万枚の画像データベースで試した時には生成画像の品質は失望させられるものだったが、データベースを200万枚まで増やすと品質が飛躍的に向上したという。Web上にアップされる画像の総数は日々増加しているのだから（Flickrへの投稿画像は昨年30億枚を突破している）

2007年のSIGGRAPHで、アメリカ・カーネギメロン大学のJames HaysとAlexei A. Efrosが発表した、画像内に映り込んだ所望のオブジェクトを排除し、違和感の無い画像を生成するシーン補完技術。Web上の画像から対象となる画像の類似画像を検索し、その画像で隠蔽領域を完全に置き換えることで違和感の無い補完画像を生成するというもの。出来上がった画像に違和感を感じない。恐ろしい…

すげー。。。。

すごいこれ。

普通に凄い

Free templates? I'll believe it when I download a few of them...

Creative and Unique Layouts

web sites creatives

RED (Resource Expert Droid) checks HTTP resources to see how they use HTTP, makes suggestions, and finds common protocol mistakes

20 Interessantissimi CMS sviluppati in PHP

Meget kort anmeldelse af 20 open scource CMSystemer

Web Design, Development, and Business

Quick steps to polish a design

nice tips for the fine touches that will make your designs stand out from the crowd

Can I replicate some of these for Windows Mobile?

When it comes to web design, there are apps for nearly everything, from helping create color schemes to managing your busy schedule. Here are 15 of the best!

Great article explaining how to use HTML 5 now.

Might be time to start looking at the use of HTML 5 for development now

Made me laugh.

Web-savvy parody of West Side Story, featuring such hits as "I want to be on eHarmony" and "Evite, Evite"

Musical! Knapp 5 min. :)

Get inspired.

graph with css

If a client came to you with $1 million to invest in a single Internet marketing channel, which one would you choose? Obviously, the question is a bit ridiculous (given that there's no additional detail provided), but it's designed to elicit an "off-the-cuff" response to a challenging scenario. The answer, of course, is "it depends" - and therein lies the rub. On what does it depend? Well... That's what I hope to answer with this blog post. My goal is not to solve the issue for an individual campaign, but from a very strategic level - asking questions like "where is the company today and where does it want to get to?" then applying those answers to the selection of marketing opportunities. Let's start by defining the macro-level channels themselves, then examine how we'd reach the right conclusions.

tool exploring the CSS parameters for your font

Подбор шрифтов и создание CSS стилей для текста

Either is using a free template, a free blogging system or other custom solution, every person with just a little knowledge about computers is able today to “show” something. But who are the real professionists behind the scene? Who are the real designers in this big ocean of information? Well… some years ago we could have provided a simple answer: men. But today? … Many people would say… still men. Many surveys proved that and maybe its the same, but what about women? Who else can bring emotional, stylish and artistic touch on web design other then women? We searched the web and found an impressive number of great female web designers that bring inspiration and great sensitivity in this web design community. Please enjoy our 50 best female web designers list and in case you know about other great female designers please add them to our list.

webdesign female

website dark websitedark

20 great dark website designs for Inspiration

For designers nothing can be more handy than effective and time saving tools supporting their creative process. Of cause dependant on the specific needs free web-based tools can significantly help you accomplish tasks such as color selecting, color p

JPEG画像をより美しく、より軽量に最適化するテクニック

JPEG画像をより美しく、より軽量に最適化するテクニックをSmashingMagazineから紹介します。 Clever JPEG Optimization

No to SQL? Anti-database movement gains steam

The meet-up in San Francisco last month had a whiff of revolution about it, like a latter-day techie version of the American Patriots planning the Boston Tea Party. The inaugural get-together of the burgeoning NoSQL community crammed 150 attendees into a meeting room at CBS Interactive. Like the Patriots, who rebelled against Britain's heavy taxes, NoSQLers came to share how they had overthrown the tyranny of slow, expensive relational databases in favor of more efficient and cheaper ways of managing data. "Relational databases give you too much. They force you to twist your object data to fit a RDBMS [relational database management system]," said Jon Travis, principal engineer at Java toolmaker SpringSource, one of the 10 presenters at the NoSQL confab (PDF). NoSQL-based alternatives "just give you what you need," Travis said. Open source rises up The movement's chief champions are Web and Java developers, many of whom learned to get by at their cash-strapped startups without Ora

The meet-up in San Francisco last month had a whiff of revolution about it, like a latter-day techie version of the American Patriots planning the Boston Tea Party.

piece on an alternative approach to data management

Walls Come Tumbling Down presentation slides and transcript It’s been one helluva busy, tiring but inspiring week, traveling first to speak at An Event Apart Boston, then, with Jeremy Keith and Jason Santa Maria onto London for @media2009. At both events, I presented Walls Come Tumbling Down. Here are the presentation slides and transcript

It’s been one helluva busy, tiring but inspiring week, traveling first to speak at An Event Apart Boston, then, with Jeremy Keith and Jason Santa Maria onto London for @media2009. At both events, I presented Walls Come Tumbling Down.

alpha-transparent PNG images are perfect when you're designing in a browser, particularly when you are experimenting with different color options.

"It's time to stop showing clients static design visuals" Damn right. All my personal projects have been designed along with the backend code, and they're of variable prettiness, but at least they work. I'm finding the more traditional model much, much harder to deal with these days.

designing in the browser? AMEN. Too right. About time that the outdated workflow detailed herein changes. It's old, it DOESN'T WORK, and it needs to be replaced.

For A Beautiful Web is a series of web design master class training workshops covering topics including visual design for the web, best-practice XHTML mark-up and CSS, Microformats and practical web accessibility design and techniques.

I went around online and found 25 of the coolest iPhone app websites – not necessarrally the coolest APPS, but the coolest website designs. What I found was a lot of the big iPhone image on the page, showcasing how the app actually looks. I also found a lot of darker website designs. We’ve featured dark website designs here before on Spyre Studios and today seems like it’s shaping up to be another notch in that belt. The one thing I did notice – and loved – was the couple websites that did things differently. They didn’t feature a big iPhone image, they did brighter, more eye catching designs. These are truly my favorite out of the bunch.

Nice webpages to copy.

22 free tools for web design

This article aims to show you how to attract users and make them hungry for more. Who is this post for? Anyone with a web site. Not all of the items listed below will apply to you and your business, but they are, at the very least, a source for inspiration.

The 3-click-rule is the Freddy Kreuger of web design advice. You think it’s finally dead and then it comes back and starts slashing up sensible debate about usable design. I’m hoping to convince you to stop talking about the 3-click rule. I don’t mean substituting it with the 4-click rule or the 5-click rule. You should stop counting clicks as a measure of usability altogether.

クラウドコンピューティングの問題点の一つに、レイテンシ（通信遅延）の問題があると言われます。これは光ファイバを通じる光の伝搬速度は一定なので、距離が遠ければ遠いほど遅くなり、海の向こうのサーバがある以上は、SSHでのターミナル画面の文字入力は相応に遅延します。

Notes from Tim Berners-Lee

画像で見るウェブデザインのプロセスいろいろ

画像で見るウェブデザインのプロセスいろいろ | DesignWalker

モバイルサイトのチェックが効率よくできるツール。firefoxのアドオンが主。アークアップエンジニアのことを「アックアッパー」と呼んでいる…

Warum Netzsperren nicht mißbrauchten Kindern helfen und dennoch für Ursula "von der Laien" herhalten müssen Dazu auch der folgende Podcast: http://chaosradio.ccc.de/cre124.html

Im folgenden Beitrag analysiert, kommentiert und erwidert Netzaktivist Lutz Donnerhacke die Aussagen des Familienministeriums zur Notwendigkeit von Zensurmaßnahmen gegen die Dokumentation von Kindesmißhandlungen. Dabei will Donnerhacke 13 Lügen ausgemacht haben, welche das Ministerium in den vergangenen Tagen und Wochen in Form von Textblock-Antworten und anderen Stellungnahmen verbreiten ließ.

ta bueno... buenas fonts for free

The best part about Webhooks is that most of us are already familiar with them: callbacks over HTTP. Pioneered by PayPal and Subversion as a way to send real-time notifications to the client, they have found their way into many dozens of products we all use every day. Need pre or post commit hooks for your SVN or Git repository? Both GitHub and SVN support HTTP callbacks. Need a payment alert from PayPal, or an alert when a wiki page is modified? There are webhooks for that too. This simple mechanism allows us to build web services that work together via a simple and ubiquitous protocol we can all understand: HTTP!

"We offer this spec in hopes that it fills a need or at least advances the state of the discussion in the pubsub space. Polling sucks. We think a decentralized pubsub layer is a fundamental, missing layer in the Internet architecture today and its existence, more than just enabling the obvious lower latency feed readers, would enable many cool applications, most of which we can't even imagine. But we're looking forward to decentralized social networking."

With all the recent buzz about real-time web, surely this is the year XMPP/AMQP Publish-Subscribe (PubSub) makes it to the big leagues! Or maybe not. Ejabberd (XMPP), RabbitMQ (AMQP) and other pubsub server implementations have come a long way but they remain cumbersome to setup and maintain,

I was looking around for a good CSS cheat sheet yesterday and I thought OK why do I have to open and close this .pdf file every time why don't i just put it as a wallpaper on one of my monitors...

If you’re not allowing clients to create new data, or update/delete existing data on your system then you do not have an API. You have a feed. There’s nothing wrong providing read-only access to your data (it’s laudable, in fact), but I’m often disappointed to hear “Yeah! We have an API” only to find the person really meant they offered a number of customizable data feeds as XML.

"I can’t stand working with a poorly designed API! If you’re about to design or release an API for the web and want to avoid the ire of your developers, I’ve summed up the best (and worst) of what I’ve seen into 8 rules..."

Controlando el API

8 key gotchas when implementing RESTful web APIs. great advice

If you’re about to design or release an API for the web and want to avoid the ire of your developers, I’ve summed up the best (and worst) of what I’ve seen into 8 rules:

Web Design

loads of goodies here

HTML 5 Cheat Sheet (PDF) | Freebies | Smashing Magazine

Download the cheat sheet for free!

This article features a huge amount of Photoshop web design tutorials, which will teach you simple effects which can be combined together in order to create a

website accessibility tools

Although designing usable systems requires far more than simply applying guidelines, guidelines can still make a significant contribution to usability by promoting consistency and good practice. We use this list of guidelines in our consultancy work. For best results, remember to interpret the guideline in context — this requires a bit more thought but ensures you will get a lot more from your review. —  DAVID TRAVIS, JULY 6, 2009

Although designing usable systems requires far more than simply applying guidelines, guidelines can still make a significant contribution to usability by promoting consistency and good practice. We use this list of guidelines in our consultancy work. For best results, remember to interpret the guideline in context — this requires a bit more thought but ensures you will get a lot more from your review. — David Travis, July 6, 2009

KAZ FOUND IT.

GoogleやYahoo!などの検索エンジン用にウェブサイト（ページ）を最適化する際に役立つ、日本語対応の無料ツールを紹介します。

There are numerous ways a Cascading Style Sheets (CSS) can improves our web design and it’s not difficult to implement a few to make our website looks better and more user-friendly. Listed below are 10 cool CSS tricks that will improve your web designs instantly. The good thing about these tutorials is that they make complicated CSS tricks look easy (and you don’t have extensive coding work to do!). If you are new to web design and development, I suggest you bookmark this article for further reference in future.

Ultimate Round-Up Of Photoshop Tutorials and Resources

web bookmarks

超シンプルなSBM

http://www.techcrunch.com/2009/07/06/back-to-basics-ditch-delicious-use-pinboard/?awesm=tcrn.ch_5HW&utm_campaign=techcrunch&utm_content=techcrunch-autopost&utm_medium=tcrn.ch-twitter&utm_source=twitter.com

To replace del.icio.us?

like Delicious

In-depth tutorial from NetTuts on combining existing HTML5 and CSS3 to create a slick web-design.

35 Beautiful Minimal Websites - Part 6 | Vandelay Design Blog

Collections of well-designed websites with a minimal approach have always drawn a great response from our readers, so we'll continue the series with the 6th showcase post of this kind. Due to the large percentage of our readers that are interested in minimal designs, last month we launched a gallery site, Minimal Exhibit, that focuses on these types of sites. Many of the sites featured in this post have also been featured at Minimal Exhibit, so if you like what you see here, be sure to follow Minimal Exhibit where many new sites are added each week. (mt) Ventures

35 Beautiful Minimal Websites

Collections of well-designed websites with a minimal approach have always drawn a great response from our readers, so we’ll continue the series with the 6th showcase post of this kind.

are a great for finding useful resources, tutorials, and information on the web. These sites typically puts users in the driver’s seat by giving them the ability to submit links, vote on other people’s submissions, as well as vote down stories that they don’t like. Because of this, they’re able to create a user-driven site and connect people who have similar interests.

social news sites

Google apps free edition, bookmarked so they don't hide it again.

Interesting!

The HTML 5 video element has the potential to liberate streaming Internet video from plugin prison, but a debate over which codec to define in the standard is threatening to derail the effort. Ars takes a close look at the HTML 5 codec controversy and examines the relative strengths and weaknesses of H.264 and Ogg Theora.

A shame to see patent issues, vendor disagreements and other issues derail adoption of HTML 5 video.

something to read... about html5 and its usage with video standards and such

Decoding the HTML 5 video codec debate - Ars Technica

New web design book by Dan Cederholm with Ethan Marcotte.

This service allows you to tweet screencasts.

Permite capturar lo que sucede en la pantalla.

Screenjelly records your screen activity with your voice so you can spread it as a video via Twitter or email. Use it to quickly share cool apps or software tips, report a bug, or just show stuff you like.

An operating system for PCs that is tied to its Chrome Web browser. Called the Google Chrome Operating System, is initially intended for use in the tiny, low-cost portable computers known as netbooks. “Speed, simplicity and security are the key aspects of Google Chrome OS. “We’re designing the OS to be fast and lightweight, to start up and get you onto the Web in a few seconds.” Would be released online later this year under an open-source license, which will allow outside programmers to modify it. Google Chrome OS will run on both x86 as well as ARM chips and we are working with multiple OEMs to bring a number of netbooks to market next year. The software architecture is simple — Google Chrome running within a new windowing system on top of a Linux kernel. For application developers, the web is the platform. These apps will run on any standards-based browser on Windows, Mac and Linux. Google Chrome OS is a new project, separate from Android.

We all knew it was coming, but it's absolutely interesting to see proof from the horse's mouth

This sounds pretty interesting... Google has resources, so if they can develop a good product, it just means more competition which is great in my book!

Microsoft just shat themselves.

Interesting how this will work - an OS specialized to get you onto the web, quickly and in a secure way.

inspiration for websites

You can capture any webpage at all, from any browser, by simply putting Aviary.com/ in front of the URL!

Grab a copy of the entire scrollable content of a web page (via Garry Martin)

Creation on the fly / blog / Capture any webpage: Just add Aviary.com/ in front of the URL!

Looking to grab a copy of the entire scroll-able content of a web page? Aviary, makers of a previously mentioned online image editing tool and Firefox extension, make it really simple: just add the site's URL after aviary.com/. The speed with which Aviary's Flash-based editor pops open depends on their server load and the content of the site you're trying to paste over. But the full-length capture works, allows you to save to the desktop (through the "Export" function) and make basic edits like cropping and text and shape addition. Aviary's URL appending service is free to use, requires a free account to save images online and access certain advanced features.

Aviary has just launched it's easiest feature yet! You can capture any webpage at all, from any browser, by simply putting Aviary.com/ in front of the URL! For example, say you want to capture Google's homepage: Just change http://www.google.com to Aviary.com/http://google.com. Dead. Simple. After capturing the page, you can edit it, add simple markup to it and save it to your desktop (or host it online with a single click). It should work on almost any public page on the Internet, with any browser. It can even capture Flash!

programar sin teclear

Para probar alg´un dia

Web development is not that much difficult now a days. The important is how you do it and how much time you take to complete the task. Web developers do not

SlickMap CSS is a simple stylesheet for displaying finished sitemaps directly from HTML unordered list navigation.

リスト形式のサイトマップをグラフィカルに表現するCSS

SlickMap CSS is a simple stylesheet for displaying visual sitemaps directly from HTML unordered list navigation.

Compare search results between Bing and Google.

side by side comparison of searches in Google and Bing

bing vs google

ヴィレッジヴァンガード風pop

アフィリエイト報酬の一部を抜くのかな？

なんか素敵。

POPit（ポップイット）は手書き風のPOPをあなたが気に入っている商品などにつけて紹介できるWebサービスです。

automatically filling form data with geo information

GeoFill - automatically filling form data with geo information

I think the notion of content templates will be useful. Both for the Collections overview working group and for the implementation of a CMS at NLA Web.

2.0icons

From Paul Robert Lloyd.

a time and budget management tool. One can create tasks, time their own work, run reports, and manage their money overall more efficiently.

Learn jQuery in 17 Easy Examples

portail du gouvernement

« Informations utiles pour s'orienter dans les formations mais aussi dans les filières d’emploi nouveaux créés par l’Internet. Le Portail des Métiers de l’Internet [...] intègre un référentiel qui met en lumière les métiers des technologies de l’information et de la communication parmi lesquels des métiers émergents à forte valeur ajoutée que le public n'identifie pas toujours aisément. »

Cheat sheet is a reference tool that provides simple, brief instructions for accomplishing a specific task. here is a collection of essential Google Cheat sheets which will surely come in handy.

Cheat Sheets

Cheat sheet is a reference tool that provides simple, brief instructions for accomplishing a specific task. I have collected a bunch of essential Google Cheat sheets which will surely come in handy.

A fantastic piece that gets to the heart of the problem with WA: its UI provides only unreliable affordances. To make the best use of its great computational engine and data visualisation parts you essentially have to learn the idiosyncrasies of an incredibly complex and unpredictable front-end.

"Like most hubristic UIs, Wolfram Alpha is operating with a completely fictitious user narrative."

Coding a Clean & Illustrative Web Design from Scratch

One tutorial to do the whole thing form start to finish

ok

In this comprehensive and step-by-step web development tutorial, you will learn how to convert a Photoshop mockup of a professional web layout design that features an illustrative landscape header into a standards-compliant XHTML/CSS template.

Um link tão genial que não sei nem definir.

web design navigation. core nav, doc nav, classification path etc

Designing a website has never been easier. These days, you really don’t have to be attend design courses nor Photoshop workshop to pick up a skills or two; everyone can be self-taught thanks to generous designers who are willing to share their techniques online. Whether you are looking at creating a personal portfolio, corporate website, blog template or merely a simple personal websites, chances are somewhere out there there’s a Photoshop tutorial with a step to step guide showing you how to turn a blank canvas into a complete layout. Here’s a round-up of some of The Best Photoshop tutorials related to website interface design. Full list after jump.

20 great Wordpress Footer Designs for Inspiration

reencoded.com: wordpress footer designs

snippets

pedacoes de codigos uteis em php

Costrutor de sites

Motor de Busca do Google muito bom

check this code

Background, chewable

Web design is one of those areas that when done right, you know it. It looks polished, refined and generally, just well done - it pops! There are a number of ways that you can achieve this and that is by ‘polishing’ off your design. Here we look at some of the ways to do just that.

מספר על המצאת חייו WWW- ממציא ה

First of a 2 Part interview between McManus of RWW and Berns-Lee director of W3C and father of the Internet

Are you someone who is constantly wowed by the cool effects and animation jQuery can do and always searching jQuery tutorials and plugins? Here is a post for

jQuery tutorial and learning

It might be lovely. I can use this meta servise to cool useful

cool sketches

php cms in 6k

CMS.txt is a free, open-source, 6kb content management system which allows you to easily manage web pages.

is added to the ModelAndView using a key that is expected by JsonView. In summary, the controller responds to two URLs, “carselector.html” and “models.html”. It renders an HTML page as the response to the “carselector.html” URL, via a standard JSP view. Let's take a look at the JsonView class, which renders the JSON result for the “models.html” request:

After the user enters a name and clicks submit, the entire screen turns white while the page refreshes and then the results are displayed. This is not a good user experience. Now, let's use jQuery to improve that experience by refreshing only the part of the page that actually needs to change. The modifications made to the existing page are: 1. Split the search form and search results into 2 separate JSPs so the results can be displayed separately, without having to re-render the search form. 2. Add a placeholder <div> on the search form JSP to hold the search results. 3. Add a line of jQuery that submits the search form in the background using AJAX, placing the results in the placeholder <div>. The resulting code looks like this:

TwitPaint lets you paint graffiti and post it on Twitter.

A Grid is an invisible structure used to guide the placement of elements on your page. Now days using a grid are one of those basic design principles. Over the past few years, there’s been a lot of talk about grid systems and using column grids for website layouts. It’s easier these days to embed a audio/video on the web than it is to set type consistently or align elements to a universal grid. Most news and editorial designers are working with grid systems someone else designed. No matter what you think about it, how you know about it, you need to understand how to use it. Here, in this Presentation, you’ll find everything you need to know about Grid Based Designs with some excellent resources provided by fallow designers and developers.

Typically, there are two main ways of debugging server-side code: you can utilize an Integrated Development Environment (IDE) with a built-in debugger or log and perform your debugging processes in a web browser.

7/6/09 article: @font-face and typekit information

Chris Foresman for Ars Technica: "Type designers and font foundries don't want their fonts ripped off, browser vendors want a single standard, and designers want to be able to use whatever font best suits the design at hand. So far there isn't one clear solution that reconciles these competing desires."

Font workarounds Great article on font usage now and in the past.

Geat list of iPhone apps for developers & designers

A nice tutorial from the Thoughtbot crew on button design for web apps

tutorial dedicado a kohana

Interested in Kohana. Seems like it is progressing more aggressively than CodeIgniter.

| みんなの「都合のよい日」がすぐわかる、無償&登録不要の共有カレンダー

みんなの「都合のよい日」がすぐわかる、無償＆登録不要の共有カレンダー

スケジュール調整ツール 無償＆登録不要の共有カレンダー パスワード設定可

The creative utilization of color gradients, lighting effects, glow effects, and details such as inset pixel dividers can result into a beautiful and impressive website design. When deciding on a color theme, designers often choose whether they’d like to use a dark or a light palette; in this showcase, you’ll get to see light and bright designs.

30 Light and Sleek Web Designs for Inspiration

This collection presents exemplary and gorgeous examples of light, bright and sleek web designs for your design inspiration.

Six Revisions

Artigo que discute algumas variedades de CMS

nice list of CMS tools

Noupe

The content management system you choose can really make a huge difference in how much time you (or your clients) spend keeping a site updated and maintained. There’s a huge variety out there—some estimates put the number at around 1700 different options. Some are great…some, not so much. Below are ten useful guidelines to consider when choosing a CMS, followed by rundowns on ten great CMS options available and how they stack up based on the guidelines.

A lire avant de lancer son business sur internet

RT @Altaide_JF: RT @sebmaster: Les 103 conseils que j’aurais aimé qu’on me donne quand j’ai débuté sur Internet… http://ff.im/-4FpoW [from http://twitter.com/hvaudaux/statuses/2420866769]

pasado por Fran

Sounds like we need a new approach

Basically, IE6 users are forced to use IE6 at work. Giving them a message saying, “Hey! Upgrade!” in this case is not only pointless; it’s sadistic.

Diggin blogi toteaa tutkimuksensa perusteella, ettei kaksi kolmesta IE6-käyttäjistä yksinkertaisesti voi päivittää. "Giving them a message saying, “Hey! Upgrade!” in this case is not only pointless; it’s sadistic."

July 2009 Survey at Digg shows that over 90% IE6 visitors can't, won't, or are forbidden to upgrade their browser.

<style>*{position:relative}</style><table><input></table>

15+ techniques and tools for cross browser CSS coding

Catswhocode

Good DNS tutorial for students or anyone wanting to understand DNS basics.

Create a content sliding website that slide vertically, horizontally or diagonally. This is one of the famous techniques used by most of the porfolio websites.

50 Creative and Inspirational Personal Portfolio Websites : Speckyboy Design Magazine

Creative Portfolio designs

Directorio con herramientas buens para dar solucion all diseño web

This is the HTML version of the Open Web Tools Directory, a Mozilla Labs experiment to catalog the expansive universe of tools related to creating web applications based on open standards; see the announcement blog entry for more information.

Open Web Tools Directory