There's no denying it: good web design is hard. However, if you follow some simple design principles — principles that...
60 Best Websites To Download Free Fonts By Yogesh Mankani on Mar 16th, 2010 in Design Save On Delicious Share We all know that fonts are the most important part of any graphic designing projects and finding perfect fonts according to the need is the hardest things in design. It happens sometimes that there is some font which you can see in your mind but always end up with hours of browsing on int
実際に動的なウェブサイトを作ってしまう前に、紙上でデザインや部品の配置、画面遷移などを確認するペーパープロトタイピングという設計技法があります。書籍もありますね。 ペーパープロトタイピング 最適なユーザインタフェースを効率よくデザインする そのペーパープロトタイピングの事例を集めたページというのがありました。たとえば次のこれは、2000年5月31日にスケッチされたtwitterのプロトタイプです。当時はstat.usという仮名で、これによるとtwitterはLiveJounal(ブログサービス)とAIM(インスタントメッセンジャー)から最初の着想を得てから実装まで5年以上の間があったことになりますね。 FlickrのPlacesページやVimeoなどのペーパープロトタイプの写真も紹介されています。 こちらは韓国のポータルサイトDaumのAjaxウェブメール開発時に行なわれた、ペーパープロト
Today I want to show you how to create an amazing slide out menu or navigation for your website. The navigation will be almost hidden – the items only slide […] Today I want to show you how to create an amazing slide out menu or navigation for your website. The navigation will be almost hidden – the items only slide out when the user hovers over the area next to them. This gives a beautiful effect
If there is a commonly reoccurring need for a particular solution, there is a great probability that someone has - by now - solved that need and has finished the legwork involved in researching and constructing something that resolves it. At the very least, you will find documentation on general solutions to related problems that will enable you to gain insight on best practices, effective techniq
Several months ago we launched our first set of icons. Enjoying the success of that set, we decided to continue working with designer David Ferreira to offer you another great set of free icons. Considering that first set contained social icons, we decided that the second one should be a set for developers, especially for applications development. So, please meet our new icon set: WPZOOM Developer
Remy Sharp’s cool site for HTML5 demos has a “View Source” button on each of the individual demo pages. Click it, and you see the entire source code for the page you are looking at. It’s not a popup or a new tab, it just shows the source right there on the page. I thought that was cool so I set out to recreate it my own way. The Fancy Way View Demo Download Files The idea that first came to mind
インタラクションデザイン研究会は日本国内でのインタラクションに関する取り組みを企業、大学、個人を問わず概観し、 我々の向かうべき先を考えるための会です。本研究会はどこの企業、学会にも所属しない有志団体です。 本研究会は定期的(概ね2ヶ月に一度のペース)に開催を予定していいます。各研究会ではそのときのテーマを決め、その分野における第一人者をお招きして、今後の日本のインタラクションに関する取り組みをどのように行っていくべきかを議論します。 くわしくはこちら 次回研究会予定 第五回インタラクションデザイン研究会は以下のとおり開催します。 テーマ:つくること、つくりかたの未来 - パーソナルファブリケーションの夜明け 講師:IAMAS 小林 茂氏、慶應義塾大学 田中 浩也氏, 東京藝術大学 城 一裕氏 日時:2011年7月20日(水)18:00 - 20:30 場所:東京藝術大学 芸術情報センター
Thank you, Firebug. You made the web amazing for all! The story of Firefox and Firebug are synonymous with the rise of the web. We fought the good fight and changed how developers inspect HTML and debug JS in the browser. Firebug ushered the Web 2.0 era. Today, the work pioneered by the Firebug community through the last 12 years lives on in Firefox Developer Tools. Switch to the latest version of
HTML文書の文法をチェックし、採点します htmllint.cgi ver1.21 / htmllint.pm ver3.30 文法しか採点しません。内容の良し悪しは採点されません。結果に疑問を感じたら必ず結果の解説を読んでください。満点で慢心しないでください。 チェックしない警告は減点対象外で、満点は 100点です。チェックしても減点されない警告もあります。気に入らないチェック項目は外すことができます。お好みに調整してください。 また、基本的な設定項目だけの簡易ゲートウェイもあります。いちいちオプションなんかどうせ指定しないや、という方はご利用ください。 ダイアルアップはつらいので、ローカル環境でチェックしたいとお考えの方は、ダウンロードのページを参照してください。 チェック方式 チェックしたいHTMLのURLを指定するか、HTMLを下のテキスト領域に直接記述して、[チェック] ボタ
STEP 1 Copy the font files (.ttf, .eot, .svg, and .woff) and the CSS file into your project folder. STEP 2 Add the font CSS file (androidicons.css) to your HTML document or import it to your existing CSS file. STEP 3 Use CSS classes, Unicodes or HTML-Entities to display the icons. Style them with CSS (font-size, color, etc.).
Due to lack of resources to maintain the Unicorn project, W3C stopped providing this on-line service as of 31 March 2023. See 2023-02-15 W3C Homepage news. The source code is available on GitHub under the W3C Software license. Anyone can run it for themselves, fork it. Copyright © 2023 World Wide Web Consortium. W3C® liability, trademark and permissive license rules apply.
Twice a month, we revisit some of our readers’ favorite posts from through out the history of Nettuts+. This tutorial was first published in October 2010. Today, we'll dive into jQuery Mobile, which, at the time of this writing, is in a RC1 state. We'll build a simple Tuts+ RSS reader, using PHP and jQuery Mobile. When we're finished, you'll have the ability to add this simple project to your iPho
24 ways is the advent calendar for web geeks. For twenty-four days each December we publish a daily dose of web design and development goodness to bring you all a little Christmas cheer. Learn more Drew McLellan puts the chairs up on the tables, sweeps the floor, and closes off our season, and indeed the entire 24 ways project with a look back at what it’s meant to run this site as a site project,
EVER:CLOCK is a fun, themeable, online digital clock that can be loaded straight into your modern Web browser. Several different clock types are available, and there are thousands upon thousands of interesting clock themes to choose from. Each clock type offers its own unique qualities and theming options. The EVER:CLOCK Web app and its supporting Web site is built entirely using the UIZE JavaScri
CSS3, please! This element will receive instant changes as you edit the CSS rules on the left. Enjoy! /* ------------------------------------------------------------- CSS3, Please! =================================================== Update: We recommend using Autoprefixer instead of CSS3Please. You can edit the underlined values in this css file, but don't worry about making sure the corresponding
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く