webnonotes.com - webnonotes リソースおよび情報
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
はてブで爆釣れする見積書の作り方
1週間ぶりに登場のWP-D Blueです。いやー、思ったよりバズりましたね。ウェブ制作の見積書です。 このエントリーでは、あの見積書に様々に仕掛けたトラップについて解説したいと思います。まだ前記事を読まれていない方は、短い記事ですので、先に目を通しておいていただければと思います。 まず、WP-D読者の方に謝っておきましょう。クリアさんが「リアルな工数と見積もりの話」を書きました。私は「見積もりを金額付きで晒してやろうじゃないか」と言いました。「リアルな見積書を金額付きで晒してやろうじゃないか」とは言っていません。あ、石が飛んできそうな予感がしてきました。 リアルな見積もりとは言ってないもんね！ 実際のところ、クリアさんの記事「WordPressのリアルな工数と見積もりの話をしようじゃないか！」ではかなり細かく作業内容と工数が記載されていましたね。デザインがトップ及び下層ページで丸まってる点
Retinaディスプレイに対応する3つの方法
もうそろそろ、Retinaディスプレイに対応してみませんか? どんな人にでも対応出来る様に3パターンをまとめてみました。 Media Queryで差し替えてみよう まずはCSS3で画像を差し替えるにはどうすればいいかを検証してみましょう。 CSS3の機能を使いますのでやはりネックはIEですね。 そこで!ここで書くと時間がなくなっちゃいますので参考ブログを載せときます。ぇ Media Query まとめ - IT戦記 CSS3 Media Queries を使って、Webサイトをスマートフォンに対応させるときの注意書き 上記のブログを参考にしてMedia Queryの理解も深まったところで実際にコードを見ていきましょう。 /************ CSSの記述です ************/ .box { background-image: url(box.png); -webkit-ba
Webデザイナーになりたい学生です。縁あって新規開業をする知り合いにサイトの作成を依頼されました。ヒアリングが終わり最後にお金の事を聞くと「安いパソコンが一台買えるくらいのお金」との事でした。学生だしお金に困っている訳でもないので、始めはそれで良いと思っていたのですが、途中からロ...
Webデザイナーになりたい学生です。 縁あって新規開業をする知り合いにサイトの作成を依頼されました。 ヒアリングが終わり最後にお金の事を聞くと「安いパソコンが一台買えるくらいのお金」との事でした。 学生だしお金に困っている訳でもないので、始めはそれで良いと思っていたのですが、途中からロゴ作成、チラシ作成、地図作成2パターン、担当者と権限持ってる人が違う事による山の様な修正、夜11時ころにどうみても数時間かかるような修正が「期日今日です」で来るなど、もう普通の学生生活すらおくれてない状態です。 もう、お金と労力が極端に釣り合ってないです。（実績作りの一環だと割り切っても） それと、HPの納期は10日後に迫っているのにクライアントからチラシの修正が続き（「やっぱこれ」、「やっぱさっきのやめて」の繰り返し等々） さりげなく修正回数が多いのでそちらで一度意見をまとめてから連絡を欲しいという事は伝え
[HTML5 入門]実用を意識した最小単位からの文書構造チュートリアル
文書構造って難しいですよね コーディングしていたら迷う事ってたくさんありますよね。「これは見出しなのかな」「この段落はどこまで段落なんだろう」「検索バーはどのタグで囲めばいいの？」等など、判断に詰まることはいくらでもあります。そしてその判断の迷路を抜け出た後も、ふと「このマークアップで本当に合ってんのかな」と再び迷いに陥ることも。 エレメントの役割とタグの用途の正確な理解 コーディングしているときに何故迷うか。これは、 それぞれのパーツがそのサイト内にどういう役割で置かれているかをはっきりと定義できていない 各タグの用途を理解できていない このいずれか、または両方が出来ていないから起きる問題だと思います。エレメントの役割とタグの用途、この二つがはっきりしていればコーディングに迷う事はありません。…まあ(他にも納得の行かない組織ルールとかSEOを考慮した記述等があって)それは理想の話なんです
![[HTML5 入門]実用を意識した最小単位からの文書構造チュートリアル](https://cdn-ak-scissors.b.st-hatena.com/image/square/913d9625c96461318e055dbb38b3d26c92683092/height=288;version=1;width=512/http%3A%2F%2Fwebcre8.jp%2Fwordpress%2Fwp-content%2Fuploads%2F2012%2F10%2Fintroduction-to-html5-150x150.png)
配色パターンからWebデザインを考える
2017年6月29日 Webデザイン, 色彩 ページを開いた瞬間にそのWebサイトのイメージを左右するほど重要な要素「色」。しかし色の組み合わせ、配色には無限のパターンがあり、正しい配色を見つけるのは簡単なことではありません。ここでは色彩の基礎と配色パターンの見つけ方の一例を紹介します。 ↑私が10年以上利用している会計ソフト！ まずは色彩の三属性について 色は彩度・明度・色相の三属性（三要素とも呼ぶ）から成り立っています。 彩度 色の鮮やかさの度合いを表します。彩度の高い色は派手・華やか・目立つ色といえます。子供服やキャラクターグッズ関連のサイトには彩度の高い色が使われることが多いです。逆に彩度の低い色は地味・おだやか・上品であるといえるでしょう。和食・ヴィンテージ風デザインのサイトには彩度の低い色がよく使われます。 明度 色の明るさの度合いを表します。明度が高い＝明るい色はさわやかで爽
最低限覚えておきたいWEB配色の基本２大原理と６つの配色パターン
ユーザーに届ける価値を徹底的に追求する マーケティングを提供します © Copyright 2022 バズ部. All rights reserved. WEBサイトのデザインは、誰もが頭を悩ませる部分だ。 「どういう配色なら良い印象を持ってもらうことができるのか？」「どのレイアウトならコンバージョンが上がるのか？」など、様々なところまで考えを張り巡らさなければいけないからだ。 そこで本日は、The Art of Color Coordination というインフォグラフィックをご紹介する。これを見れば、WEB配色の基本の２大原理と、今すぐに使える６つの配色パターンがすぐに分かる。 そして、初心者でも、統一感のある配色のWEBサイトを作るための大きな助けとなるはずだ。 WEB配色の２大原理と６つの配色パターン画像を拡大して表示する ※追記：インフォグラフィックの最後のクレジットの部分が途切
ASCII.jp：もう配色には困らない！「Adobe Kuler」
「オリジナルのWebデザインをしたいけど、いまいち配色センスがなくて困る」「いつも好きな（得意な）色の組み合わせばかりでデザインしてしまう」「でも色彩理論を勉強するのは面倒だ」。 そんな人にぜひおすすめしたいのが、アドビ システムズが提供しているオンラインサービス「Adobe Kuler」（クーラー）だ。Kulerは、さまざまな色の組み合わせ（配色パターン、Kulerでは「テーマ」と呼ぶ）をWebブラウザー上で作成し、保存・公開もできる、ちょっと変わったサービス。いわば“みんなの力”で作られたカラーチャート集ともいえるもので、すでに7000種類以上（2009年1月現在）ものテーマが公開されている。利用料は無料だが、保存などの機能を使うにはAdobe IDが必要だ（以降の説明はログインしているものとして進める）。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
自然をイメージさせる配色のカラースキーム | Web カラー 配色パターン 一覧リスト | iso.labo
まとめて書くことができるCSSプロパティの8つのパターン
http://www.cmmntr.com/m/21