dfltweb1.onamae.com – このドメインはお名前.comで取得されています。
このドメインは お名前.com から取得されました。 お名前.com は GMOインターネットグループ(株) が運営する国内シェアNo.1のドメイン登録サービスです。 ※表示価格は、全て税込です。 ※サービス品質維持のため、一時的に対象となる料金へ一定割合の「サービス維持調整費」を加算させていただきます。 ※1 「国内シェア」は、ICANN(インターネットのドメイン名などの資源を管理する非営利団体)の公表数値をもとに集計。gTLDが集計の対象。 日本のドメイン登録業者(レジストラ)（「ICANNがレジストラとして認定した企業」一覧（InterNIC提供）内に「Japan」の記載があるもの）を対象。 レジストラ「GMO Internet Group, Inc. d/b/a Onamae.com」のシェア値を集計。 2023年5月時点の調査。
ウェブデザイナーとしてスキルアップするための20のメソッド
素晴らしいデザイナーは日々、自身のスキルを向上しています。 「もうここで十分です」と言って成功したデザイナーを誰も聞いたことがないでしょう。 ウェブデザイナーのスキルアップに役立つ20のメソッドを紹介します。 20 Methods for Upping Your Current Web Design Skills [ad#ad-2] 下記は各ポイントを簡潔に意訳したものです。 原文はそれぞれもう少し長いです。 ユーザーインターフェイスのデザインパターンのスタディ ウェブデザインのために最も良いUIをチェックし、研究してください。 ディテールに注意を払う 日常や他のウェブサイトのディテールを見て、自身のデザインにも多くを加える練習をしてください。 SEOのテクニック クライアントの多くはSEOサービスを提供するウェブデザイナーが好きです。 ウェブデザインのトレンドを知る ウェブトレンドは単に
AppleのRetinaディスプレイの説明風エフェクト実装jQueryサンプル。:phpspot開発日誌
Apple-like Retina Effect With jQuery ? Tutorialzine AppleのRetinaディスプレイの説明風エフェクト実装jQueryサンプル。 Retinaの説明のような虫眼鏡で拡大したようなエフェクトをCSS+jQueryで実装するサンプルです。 次のように、マウスのカーソル位置が拡大されます。 デモページを見てみましょう 既成のプロダクトがあって、ディテールを見せたいような場合に使えるUIになってますね。 アイデア次第で面白いことができるかも。 関連エントリ 画像をスムーズに拡大できるjQuery版FancyZoom 特定ブロックの文字のみ拡大縮小できる便利機能実装jQueryプラグイン「fontScaler」 マウス位置を拡大して表示できるjQueryプラグイン「zooma」
【レポート】JavaScriptとCSSをPNGファイルに含めて圧縮する方法 | エンタープライズ | マイコミジャーナル
Ajaxian IE9がCanvas要素をサポートすることで、これまで広く使われてこなかったテクニックが、もしかしたら注目されることになるかもしれない。Ajaxianに掲載されているWant to pack JS and CSS really well? Convert it to a PNG and unpack it via Canvasという記事で、2008年に公開されたJacob Seidelin氏の記事"Compression using Canvas and PNG-embedded data - Nihilogic"がふたたび取り上げられており、その可能性を示すものとして興味深い。 Compression using Canvas and PNG-embedded dataで紹介されているテクニックは、JavaScriptやCSSをPNG画像データとして利用するというもの。も
iGoogle風のUIを比較的簡単に実現できる「iNettuts」:phpspot開発日誌
How to Mimic the iGoogle Interface | Nettuts iGoogle風のUIを比較的簡単に実現できる「iNettuts」。 iGoogle風のUIを作成するNettutsのチュートリアルとサンプルコードのダウンロードが可能です。 当然ドラッグ＆ドロップによる移動やソートも可能になってます。 自分で作るとかなり大変そうですが、こうしたものを使うことで誰でも簡単に実現できますね。 解説を読んでもなかなか勉強になりそうです。 関連エントリ Prototype.jsでiGoogleっぽいポータルな仕組みを作れるJSライブラリ「Xilinus」 iGoogleみたいなインタフェースを作成するチュートリアル
スマートフォン対応サイトを設計するときのノウハウ (1/3)
Webサイトの制作は、一般的にサイト設計／構造設計→画面設計→デザイン制作→HTML/CSS制作→JavaScript開発といった手順で進めます。 スマートフォンサイトの場合も基本的な手順は同様で、各設計工程を経て制作していきますが、PCとも携帯電話とも違うスマートフォンの場合、サイト設計段階でも注意すべき点が多くあります。今回は、スマートフォンサイトを設計する際のポイントを解説します。 スマートフォンサイトの構造設計 「構造設計」とは、Webサイト全体の各ページのつながりを考え、いわゆる「サイトマップ」を作成する作業です。 トップページから連なるWebサイトにおいて、利用者に見てもらいたい情報を探しやすく整理し、Webサイトの目的に応じた「ゴール」への誘導を考えます。 入口は検索エンジン対策（SEO）重視で考える 一般的な携帯電話ではカメラ機能と2次元バーコード（QRコード）が普及してい
ウェブ配色ツール Ver2.0
基本的な使い方 左上のカラーピッカーを使って、任意の1色を作れば、それに合わせた配色が作れるツールです。またロゴの文字や色は任意の物を指定できるようになっています（ただしフォントは変更出来ません）。 カラーピッカーの下のスライダーを利用すれば、メイングラフィックの変更や色相幅も変えることが出来ます。動きが必要な配色の場合には、2つめのスライダーを右に動かしてください。補色配色に近い配色が出来上がります。 色の一覧を押すことで、出来上がった色の一覧を表示しますので、コピー&ペーストしてお使いください。 この配色ツールについて この配色ツールはフォルトゥナによって提供されています。リンク等は当然のことながら自由にしていただいて構いませんが、無断で複製・転載するのはおやめください。 取材・執筆等のお申し込み このツールに関してのご質問、あるいはその他の色に関する取材・業務や講演などは、フォルトゥ
【レポート】今、HTML5を使ってもいい5つの理由 | エンタープライズ | マイコミジャーナル
SitePoint: New Articles, Fresh Thinking for Web Developers and Designers Is HTML5 Viable Today? - SitePointにおいてHTML5に関して最近実施した投票結果が紹介されている。「いつごろからHTML5の使用を開始するか」という質問に対して意見を集めたもの。紹介されている投票結果は次のとおり。 すでにHTML5を使っている - 23% すぐにHTML5を使いだそうと考えている - 28% HTML5が安定してきたら使おうと思う - 46% HTML5は採用しない - 3% 約半数がHTML5の採用はまだ時間が必要だと見ていることになる。こうした結果を踏まえつつ、Craig Buckler氏が5 Reasons Why You Can Use HTML5 Todayにて、すぐにでもHTML5を
Webユーザインターフェースの "暗黙知" を意識していますか？ : LINE Corporation ディレクターブログ
暗黙知（あんもくち、Tacit Knowing）は、ハンガリーの哲学者・社会学者マイケル・ポランニー（Michael Polanyi) によって1966 年に提示された概念で、認知のプロセス、或は、言葉に表せる知覚に対して、（全体的・部分的に）言葉に表せない・説明できない知覚を指す。Wikipediaより こんにちは。livedoorで検索全般を担当しております、須田です。 タイトルのままなのですが、少しづつ日本のWEBにおける暗黙知を共有したいと思っています。 暗黙知の共有することで得られるメリットですが、 ユーザーにとっては、分かりづらいUIを日本からできるだけ無くすことができ、斬新なUIに慣れるという煩わしい時間からの開放企業にとっては、暗黙知として決まりがあることで、UIを検討する時間の短縮にもなるというメリットがあると思います。 まずは誰でも知っていると思われる基本的なところだけ
HTMLで図まで描ける！進化した「HTML5」ってどんなもの？ - はてなニュース
HTML言語の最新バージョンとして、現在標準化作業が進められている「HTML5」。はてなブックマークでもこのキーワードを目にする機会が増え、「HTML5って何？」と疑問に思っている人も多いのではないでしょうか。今回は、「HTML5って何？どんなことができるの？」という疑問にお答えしたいと思います。 ■HTML5でできること まずは、HTML5を使うと具体的にどんなことができるのかを見ていきましょう。 ＜具体的に何ができるの？＞ ▽HTML5.JP - 次世代HTML標準 HTML5情報サイト ▽HTML5とは？変わるWebと注目の新要素 HTML5.0の情報サイト ▽大幅に進化した次世代 HTML 規格「HTML5」とは？ - japan.internet.com Webビジネス ▽HTML5, きちんと。 ▽めざましTech - HTML5 についての Q&A ▽2010年に勧告される「
SEO対策に重要なMETAタグについて
検索エンジン最適化（SEO）のためにスパイダーを制御できるMETAタグを上手に活用してアクセスアップに役立てよう ◆◇◆ METAタグとは ◆◇◆ METAタグとは、Google、goo、infoseekなどに代表されるロボット型検索エンジンでスパイダーと呼ばれるプログラムにホームページの情報を拾わせるためのHTML記述方法です。 ロボット型検索エンジンのスパイダーがネットワーク上を巡回し、ホームページを探し出し、そのページのHTML文書の中からキーワードを拾い集め、URLを検索ページに反映させるという訳です。 いわば、METAタグはロボット型検索エンジンのスパイダー様のツアーコンダクターといったところでしょうか。 METAタグはページ内容の説明やキーワード、ファイル情報などを記載しますが、直接ブラウザに表示されるわけではありません。 メタタグには、いろいろなものがありますが、
IEにも対応！10分でできるWebフォント実装法 (3/3)
STEP.5：クロスブラウザーに対応させる ここまでくればほぼ完成だ。最後に仕上げとして、Firefox/Opera/Safari用のCSSの記述と、IE用のCSSの記述をまとめよう。 /* IE */ @font-face { font-family: Makiba; src: url(MakibaFont13.eot); } /* Firefox, Opera, Safari */ @font-face { font-family: Makiba; src: url(MakibaFont13.ttf) format("truetype"); } 上記のCSSを適用した簡単なHTMLを作成し、各ブラウザー（Firefox/Safari/Opera/IE）で実際に表示したのが以下の画面だ。IE6のみ、アンチエイリアスが効いていないため若干の違いはあるものの、いずれのブラウザーでも「まきば」
30分でできる！Webサイトを高速化する6大原則 (1/4)
Webサイトを制作するとき、「パフォーマンス」を気にしたことがあるだろうか？ もしまったく気にしたことがないなら、気をつけた方がいい。閲覧に時間のかかる“遅いWebサイト”はユーザーにフラストレーションを与え、閲覧をやめさせてしまう恐れがある。 下記のグラフは、「Simple-Talk」という海外のオンラインメディアで発表されたユーザー調査の結果だ。アンケートページの表示にかかる時間を意図的にコントロールし、表示時間によってユーザーが感じるフラストレーションの違いを調べたものだ。 縦軸がフラストレーション（10段階）、横軸が表示までの時間を表している。1～5秒以内にページが表示された人に比べ、ページ表示までに5秒以上かかった人は2倍以上もフラストレーションを感じている。フラストレーションがあまりに高ければ、せっかく何らかの目的を持って訪れてきたユーザーも待ち切れずにブラウザーを閉じてしまう
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
css-lecture.com
無料ダウンロード | 【公式】EC-CUBE - 独自のUI/UXを実現しECビジネスを成功に導く
フリーでシンプルなCSSレイアウト１１サイト
http://www.designwalker.com/2010/05/css3.html
