HTML 5のフォーム要素
HTML 5の最初の大きな目的の1つは、主要なHTMLフォーム要素を現状の潮流に合うように変更することでした。この記事では、HTML 5の草案に導入されている主要な新しいフォーム要素と既存要素の変更点を説明し、HTML 5の仕様が現在までにどれくらいこの目的を達成しているかを解説します。 はじめに ほぼすべてのWebアプリケーションにとって、フォームはなくてはならないものになりましたが、HTMLフォームの主要な要素は13年近くも前のものです。HTML 5の最初の大きな目的の1つが、現状の潮流に合わせてこれらの要素を変更することであったのも不思議ではありません。 W3Cが最初にXHTML仕様を策定したとき根底にあった目標の1つは、XMLコンテンツの処理に適したフォームアーキテクチャを作ることでした。そこで2002年にXFormsが開発されました。ところが、HTMLコミュニティの多くの人からは
最近のトレンドを踏襲したウェブサイトを作成するチュートリアル集
最近のウェブデザインのトレンドを踏襲した、ウェブサイトのレイアウトを作成するPhotoshopのチュートリアルを紹介します。
2009年11月第2週号 1位は，WebデザインをGoodからGreatに変える6つの方法，気になるネタは，Gmailのフォントが変に：週刊Webテク通信｜gihyo.jp … 技術評論社
ネットで見かけたWebテク（Webテクニック・Webテクノロジー）記事から，Webデザイナーの目で厳選したネタを週刊で紹介するこのコーナー。今回は，2009年11月2日～11月8日の間に見つけた記事のベスト5です。 1. 6 Ways To Take Your Webdesign From Good To Greathttp://www.myinkblog.com/2009/11/02/6-ways-to-take-your-webdesign-from-good-to-great/ WebデザインをGoodからGreatに変える6つの方法を紹介しています。GoodからGreatへの，ほんのわずかな差に気付くヒントとなる内容です。 グラデーションは微妙に使う ホワイトスペースを追加する グリッドに添わせる 文字をうまく扱う わかりやすく効果的なナビゲーションを作る すばらしく役に立つフッタ
ここが大変だよJavaScriptフレームワーク入門
そもそも「フレームワーク」って何だ？ Webサイト制作に限らずソフトウェア開発の現場では、日々「フレームワーク」という単語をよく耳にします。最近では「ビジネスフレームワーク」「フレームワーク思考」など、Webサイト制作／ソフトウェア開発の枠内にだけ留まらない多様なフレームワークが存在しています。 では、この「フレームワーク」とは具体的にどのようなものを指しているのでしょうか。 「フレームワーク」の一般的な概念 フレームワークを一般的な用語で置き換えてると、「枠組み」「骨組み」となります。つまり、全体（最終的に出来上がるもの）における大枠を成しているものであるといえます。 ここでいう「大枠」とは、全体を構成する各の部品に共通して決められているルールであったり、その部品を作るための手順・作法のことを指しています。また、「何かを作る際の第一歩となる“とっかかり”を提供してくれるものである」という
EC-CUBE‐日本発の「ECオープンソース」
独自のUI/UXを実現し ECビジネスを成功に導く 自由自在のカスタマイズでオーナーのアイデアを具現化。 BtoCもBtoBも、オンリーワンの顧客体験を提供し、競争優位性を創出する 理想のサイト構築が実現できるECパッケージです。 稼働店舗数 35,000以上（推定）。 あらゆるジャンルのECサイト構築に ご利用いただいています。 ※ ECマーケティング株式会社が行ったネットショップ動向調査において「月商1,000万円以上で利用されているカートシステム」利用数にてNo.1を獲得。 ECサイト構築・運営でこんなお悩み、ありませんか？ 決済画面やマイページを改善したいがASPでは変更できない… 管理画面のUIや機能性が悪く運営に負担がかかっている… 取得できる購買データが限定的で踏み込んだ分析や活用ができない… 管理・改修を特定ベンダーに依存しており柔軟なサイト改善や内製化ができない… ですべ
【特集】詳解! HTML 5と関連APIの最新動向 - Webアプリ開発編 (1) 本特集の趣旨 | エンタープライズ | マイコミジャーナル
本特集は、HTML 5の仕様や実装状況に関する現時点での最新レポートとして、実際に動作するサンプルを添えた詳細な解説をお届けするものである。特集の後半となる今回は、Webアプリケーションを作成するにあたって有用な、JavaScript APIを中心として取り上げる。今回紹介する内容は以下の通りだ。 アプリケーションキャッシュ クロスドキュメントメッセージング Web Workers Web Storage Web Database Web Sockets Geolocation API HTML5で新しく導入されたタグなどに関しては、前回の特集を参照していただきたい。 今回調査対象としたブラウザは、前回と同じく次の通り。ベータバージョンも含めた最新のバージョンをチョイスした。Internet Explorerについては、最新バージョンの8でもHTML 5への対応があまり進んでいなかったため
Ajax Loading Gif Generator - Web Script Lab
NewsLearn more about the company, PR and product updates here.
第5回 jQuery UIによるユーザインターフェースの改良 | gihyo.jp
今回使用する「Dialog」「Draggables」「Droppables」「Sortables」に必要なファイルは以下の通りです。 themes/ jquery-1.2.3.min.js jquery.dimensions.js ui.mouse.js ui.resizable.js ui.dialog.js ui.draggable.js ui.draggable.ext.js ui.droppable.js ui.droppable.ext.js ui.sortable.ext.js ui.sortable.js jQuery UI 1.5bを使うために、今回は同梱されているjQuery 1.2.3を使うことにします。バージョンが上がりますが、これまでのサンプルの動作に影響はありません。 ライブラリの設定 ライブラリの各ファイルを、head要素の子要素に以下のように指定します（
最旬！世界の制作会社コーポレートサイト徹底比較！
今回は、『コーポレートサイトというジャンルで、いかにしてオリジナリティあるデザインをするか？』をテーマにコーポレートサイトの事例紹介と、カヤックサイトのデザインを使ってデザイン手法をお伝えします。 手の内見せて競う！ 制作会社のコーポレートサイト 企業のブランドイメージをビジュアルで表現する、コーポレートサイトのUI。 中でも、Web制作会社のサイトでは、自社の技術力を駆使し、斬新性を打ち出すことで個性を競っています。 国内外のWeb制作会社やデザイン会社がどのような方法でオリジナリティを打ち出しているかを、いくつかのUIパターンや表現手法に沿って紹介します。そのうえで、今回のカヤックのリニューアルで、皆さんの気になっている点を説明します。 最旬！世界の制作会社コーポレートサイト事例 30 ここでは、参考にしたサイトからトップ29サイトを厳選して、以下の8つのカテゴリに分類してご紹介します
[CSS]カスタマイズも可能なドロップダウン型のナビゲーションのテンプレート CSS Drive- CSS Candy Menu CSS Candy Menu
Author: Josh Jones Candy Menu is a stylish CSS drop down menu that's comes in six provocative colors to get you started: To get the menu, download "candymenu.zip". It is a zipped folder (.zip) that includes the following: PSD Source File Working demos of each menu CSS StyleSheet All images needed If you want to change the color of the menu in the PSD file, use the "Adjustment Layers" included with
Hail2u
Hail2uは、幅広い話題の記事や、おすすめのウェブページ、読んだ本などを公開している、ながしまきょう(hail2u)の個人ウェブサイトです。CSSや、HTML、ウェブ標準についての話題が多く、JavaScriptやサーバーサイドの話がそれに続きます。近年は特に話題を限定せずにいろいろ書いています。 最近の雑多な記録 3か月ごとの定期リリースでvim-css3-syntaxのv2.4.0を出した。 松岡美術館にモディリアーニなどの所蔵品が出てくる展覧会を見に行く。 マイナー番号が上がり、いろいろ変わったが、雰囲気は変わっていない。 GitHubにはブランチActivityという機能があり、そこでは強制プッシュなどで見えなくなったコミットのハッシュも見つかるようだ。 2023年の12月に行った展覧会の後期を見に、再びWHAT MUSEUMへ行く。 よくよく考えたつもりでESRのMagSafe
Learn CSS Positioning in Ten Steps: position static relative absolute float
This tutorial examines the different layout properties available in CSS: position:static, position:relative, position:absolute, and float. 1. position:static The default positioning for all elements is position:static, which means the element is not positioned and occurs where it normally would in the document. Normally you wouldn't specify this unless you needed to override a positioning that had
新春特別企画・2008年を展望する!：2008年Webデザインに使えるJavaScriptライブラリ｜gihyo.jp … 技術評論社
昨年を振り返ると、いろいろなJavaScriptライブラリが登場しました。デザインで使えるものから、インターフェースを改善するものなど、2008年も活躍しそうなものを紹介したいと思います。 Internet Explorer 6でアルファチャンネルを含むPNGを表示 iepngfix.htc Internet Explorer 7からアルファチャンネルを含むPNG画像の表示が出来るようになりましたが、以前のバージョンでは表示するためにひと手間必要になります。iepngfix.htcを利用すれば、アルファチャンネルを含むPNG画像を利用する際に簡単にIE5.5以降のブラウザで表示させることが可能になります。 IE6でアルファチャンネルを含むPNGを表示 <img>タグ、またはエレメントの背景画像にxxx.png画像が指定されているものに対して、DXImageTransform.Microso
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Webデザイナー&ブロガーのためのフリーアイコンセット40 – creamu
http://www.designwalker.com/2009/11/html5.html
http://e0166nt.com/blog-entry-709.html
UNIQLO CALENDAR
youmos.com
CSSスプライトを使用してサイトの表示速度を改善する
Top 100 | dafont.com