リファレンスについて HTML リファレンス HTML Living Standardに対応したリファレンスです。 HTMLタグ リファレンス HTML4の時代に作成したリファレンスです。古いWebページを更新する際などに参考にしてください。 CSS リファレンス CSS2の時代に作成したリファレンスです。
![【HTMLタグの簡単検索】TAG index - ホームページ作成情報](https://cdn-ak-scissors.b.st-hatena.com/image/square/8fb6097ccf996d295f7728999fc828b517b5e8f4/height=288;version=1;width=512/https%3A%2F%2Fwww.tagindex.com%2Fimage%2Fogp%2Fhome.png)
当たり前のSEOからアイデアSEOへ。…記事一覧Webデザイン全般や実際のワークフローについて要点… 脱・ド素人!Webデザイン初心者向けのガイド、サイト制作の手順とコツ。 公開:2009年11月 9日 10:52, 更新:2009年11月 9日 11:37 トラックバック(0) コメント(0) 独学でWebデザインをやってみようとする場合、なぜか作業効率が悪かったり、作ってみたら最初考えていたようなデザインにならなかった、というとはないでしょうか?今回は、そんな人のための「目指すは脱・ド素人!Webデザイン初級ガイド」です。 ちなみに、そおらくこういう人にちょうど良いレベルだと思います。 HTMLやCSSを自分で書いてページを作る事が出来る。 無料ブログなどを少しはカスタマイズできる。 ソフトで簡単なサイトは作れるけれど、Webデザインの業務経験はない。 今まで手順を考えずに適当に思い
素晴らしいデザイナーは日々、自身のスキルを向上しています。 「もうここで十分です」と言って成功したデザイナーを誰も聞いたことがないでしょう。 ウェブデザイナーのスキルアップに役立つ20のメソッドを紹介します。 20 Methods for Upping Your Current Web Design Skills [ad#ad-2] 下記は各ポイントを簡潔に意訳したものです。 原文はそれぞれもう少し長いです。 ユーザーインターフェイスのデザインパターンのスタディ ウェブデザインのために最も良いUIをチェックし、研究してください。 ディテールに注意を払う 日常や他のウェブサイトのディテールを見て、自身のデザインにも多くを加える練習をしてください。 SEOのテクニック クライアントの多くはSEOサービスを提供するウェブデザイナーが好きです。 ウェブデザインのトレンドを知る ウェブトレンドは単に
こんにちは satoです。 いくら面白くて、高機能なwebサイトを作成しても、デザインがダサいとサイトの魅力や開発意欲は半減です。 僕もまったくデザインセンスが全く無いのですが、新しい物を作成する際には以下のサイトを参考にしています。 (1)Color Scheme Generator 2 デザインの大まかな配色等を決めるのに使用することがあります。 真似するだけで、Coolなサイトに見えるような気がします。 (2)Color Palette Generator ロゴ等の画像を指定すると、その画像に合ったカラースキームを 教えてくれます。 (3)Web 2.0 Colour Palette 有名なサイトのカラースキームの一覧があります。 (4)pmob.co.uk CSSや画面分割などのさまざまなサンプルや解説があります。 (5)logopond さまざまなロゴのサンプルがありま
当サイトではCookieを使用しています。引き続き当サイトを閲覧することにより、ポリシーを受け入れたものとみなされます。今後表示しない詳しく見る
より持続可能で思いやりのある世界を追求する中で、植物ベースの食事がグリーンリビング運動の極めて重要な側面として浮上しています。 動物性食品よりも果物、野菜、穀物、ナッツ、種子を優先するこの食生活の変化は、単なるトレンドではなく、環境、健康、倫理に大きなメリットをもたらす、深いライフスタイルの選択です。 植物ベースの食事を採用することが環境に配慮した生活の基礎である理由と、それがどのようにして世界中に前向きな変化の波及効果をもたらすことができるのかを詳しく見てみましょう。 地球にとっての勝利 植物ベースの食事に関する環境問題には説得力があります。 農業、特に肉や乳製品の生産は、温室効果ガスの排出、森林破壊、水の枯渇、生物多様性の損失の主な原因となっています。 植物ベースの食品を選択することで、環境への影響を大幅に削減します。 植物は動物製品と比べて生産に必要な土地、水、エネルギーが少なくて済
ウェブデザインで使用しているパンくずのデザイン集とパンくずの由来や概要、特長をはじめ、設置の判断基準、実装のよくある間違い、デザインのポイントを紹介します。
様々な配色の中でも個人的に 気に入っているのがコンプレッ クス配色という配色です。自然 の中ではあまり見られない配色 で都会的なイメージや見る人に 印象を与えるのに大きく貢献して くれます。 様々な配色の中でも個人的に 気に入っているのがコンプレッ クス配色という配色です。自然 の中ではあまり見られない配色 で都会的なイメージや見る人に 印象を与えるのに大きく貢献して くれます。 不調和ゆえのの調和配色と言われるコンプレックス配色を利用したWebデザイン例。個人的に必要になりそうなのでメモとして残します。コンプレックス配色に関しては以前記事にしましたので宜しければ合わせてご覧下さい。 The English Network グレーに、やや紫がかったレッドカラーが印象的です。統一感もあって見やすい。 The English Network globaltradeqatar こちらもレッド&グ
基本的な使い方 左上のカラーピッカーを使って、任意の1色を作れば、それに合わせた配色が作れるツールです。またロゴの文字や色は任意の物を指定できるようになっています(ただしフォントは変更出来ません)。 カラーピッカーの下のスライダーを利用すれば、メイングラフィックの変更や色相幅も変えることが出来ます。動きが必要な配色の場合には、2つめのスライダーを右に動かしてください。補色配色に近い配色が出来上がります。 色の一覧を押すことで、出来上がった色の一覧を表示しますので、コピー&ペーストしてお使いください。 この配色ツールについて この配色ツールはフォルトゥナによって提供されています。リンク等は当然のことながら自由にしていただいて構いませんが、無断で複製・転載するのはおやめください。 取材・執筆等のお申し込み このツールに関してのご質問、あるいはその他の色に関する取材・業務や講演などは、フォルトゥ
ウェブデザインの世界においてどのようなフォントが好まれて使われているのかを調査した結果、21種類のフォントが選び出されたそうです。どれもこれも使い勝手の良さそうな、見やすくわかりやすい、それでいてインパクトのある英文フォントばかりなので、覚えておいて損はありません。 プロフェッショナルのデザイナーによく使われている21種類のフォント一覧は以下から。 21 Most Used Fonts By Professional Designers | instantShift Helvetica Frutiger Myriad Pro Avenir Std Trajan Optima Std ITC Franklin Gothic Std Futura Bickham Script Univers Eurostile Interstate Trade Gothic Gill Sans Warnock
CATALOUD ブラウザからの操作で、誰もが簡単にHTMLベースカタログサイトを構築できるクラウドサービスです。
Complete Toolbox: 55 CSS Menu And Button Coding Tutorials クールなメニューやボタンを実装するCSSチュートリアル55。 多数あるので、メニューやボタン実装に迷った際のショーケース的に使うことができそうです。 ナビゲーションといっても様々なアプローチがあって見ているだけでも面白いです。 関連エントリ ドロップダウンメニューのデザインネタ帳 1枚の画像でハイライトする画像メニュー作成が可能なjQueryプラグイン「imagineMenu」 セクシーなドロップダウンメニュー実装サンプル ビローンと伸びるドロップダウンメニュー実装jQueryサンプル
ページに配置するエレメントの特質を理解し、1/3ルールやスペースやグリッドなどのデザインルールを取り入れ、「機能するレイアウト」を作るポイントを紹介します。 Using Landmarks Makes Page Layout Easy 下記は各ポイントを意訳したものです。 はじめに レイアウト、あるいはページのコンテンツの配置はウェブデザインの成功にとって重要です。レイアウトは一つのエレメントから次のものに向けるためにコンテンツの優先順位をつけます。 もしレイアウトが正しく機能していれば、ユーザーはコンテンツに興味をもち、他のものには気をそらさないでしょう。ここではあなたのデザインで機能するレイアウトを作るためのヒントをいくつか紹介します。 下記の例では、多くの人が最初に写真あるいは見出しに目がいき、その後にテキストに、そして最後にリンクの順番になるでしょう。 このレイアウトでは、見出し、
10 Great Tips to Boost Creativity [ad#ad-2] 下記は各ポイントを意訳したものです。 はじめに ウェブサイトをデザインするとき、ワンパターンに陥ってしまうことは簡単です。デザイナーは自分が何が得意であるか知っており、それを強みにして常用してしまう傾向があります。しかしながら、通常とは異なる視点をとることで、創造的なアプローチを新しい限界へとおし上げることができます。 創造力をアップさせることはウェブデザインの現在のトレンドを学び、何がそれを成功させたかを理解し、そしてあなた自身のユニークなスタイルを使ってそれらのテクニックを実行することから始めます。 あなたの創造力をあふれ出るようにするために、ここに考慮に入れるべき10のヒントがあります。 1. カラーを考えてみる サイトをゼロから作成する時や修正する時、コンセプトを強くするためにカラーの知識を深め
SEOのリンク対策というと外部リンクに目が行きがちですが、内部リンクの重要性も見逃せません。 当然ながら、外部リンクに比べればSEOスコアは低いのですが、スモールワードであれば内部リンクのみでも上位表示が可能となります。 そして最大のポイントは、外部リンクの場合は、どんなアンカーテキストでどんな形式で張ってもらえるかは相手次第であるのに対して、内部リンクであれば100%自分でコントロール出来るという点です。 ここでは内部リンクを構築するにあたって、おさえておきたいポイントをまとめました。 1.内部リンクはWebマスターツールで確認 まず内部リンクをチェックする方法を確認しておきましょう。どのページにどこから内部リンクが貼られているのかは、GoogleのWebマスターツールで確認が出来ます。 それぞれのページに何本程度の内部リンクが張られているかが一目でわかるので非常に便利です。 2.ページ
cssの情報まとめです。ローカル 環境にストックしていた情報を 開放してみますのでシェアして 頂ければ幸いです。内容は 結構偏っていると思いますので 参考程度になさってください。 全てのcss情報が有るわけではありません。主観でストックしていたリンク集です。ツールとかメニュー関連とかハックとかいろいろ188の情報です。 ツールオンラインのcssツール。 CSS Validation Service / W3C検証サービス日本語版RoundedCornr / 角丸のHTML・CSSコードを生成してくれるCSS Type Set / ファミリー、色、単語間、行間等をプレビューで確認CSS Text Wrapper / 様々な形のテキストの回りこみを簡単に実現できるCSS Builder / オンラインでスタイルを生成可能Spiffy Box / cssによる角丸を簡単に生成The Box Of
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く