タグ

webとデザインに関するyoshi1207のブックマーク (17)

  • 複数のサイトを運営する皆さまへ

    +1 ボタン 2 AMP 11 API 3 App Indexing 8 CAPTCHA 1 Chrome 2 First Click Free 1 Google アシスタント 1 Google ニュース 1 Google プレイス 2 Javascript 1 Lighthouse 4 Merchant Center 8 NoHacked 4 PageSpeed Insights 1 reCAPTCHA v3 1 Search Console 101 speed 1 イベント 25 ウェブマスターガイドライン 57 ウェブマスタークイズ 2 ウェブマスターツール 83 ウェブマスターフォーラム 10 オートコンプリート 1 お知らせ 69 クロールとインデックス 75 サイトクリニック 4 サイトマップ 15 しごと検索 1 スマートフォン 11 セーフブラウジング 5 セキュリティ 1

    複数のサイトを運営する皆さまへ
    yoshi1207
    yoshi1207 2011/04/22
    レイアウトの話なのか、要素の話(H1とか)なのかで大きく違うような……レイアウトだったらブログサイトが苦しいから、要素や頻出ワードかな?AdSenceアフィリコピペサイトが標的?
  • IEの異なるバージョンをテストする環境のまとめとそれぞれの特徴

    IE6, IE7, IE8などIEの異なるバージョンをテストするアプリケーション・環境のまとめとそれぞれの特徴を紹介します。 Internet Explorer 7のキャプチャ [ad#ad-2] 「Sandboxed IE Browsers from Spoon」から各アプリケーション・環境のまとめと特徴をピックアップし、いくつか追加しました。 IETester Virtual PC IE Super Preview IE Collection マルチPC環境 IETester IETester 対応するIEのバージョン IE5.5 IE6 IE7 IE8 IE9preview 主な特徴 異なるIEのバージョンをタブで同時に表示することが可能なアプリケーションです。 プリントプレビューのテスト、ポップアップによるインタラクション以外のテストは万事良好に動作します。FlashとCSSのフィ

  • 今度こそフリーの画像編集ソフト『GIMP』をマスターしようという人の為のまとめ*ホームページを作る人のネタ帳

    今度こそフリーの画像編集ソフト『GIMP』をマスターしようという人の為のまとめ*ホームページを作る人のネタ帳
  • サービス終了のお知らせ - NAVER まとめ

    サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。

    サービス終了のお知らせ - NAVER まとめ
  • 商用利用無料! 毛筆・筆文字、ペン字、マジック、手書きの日本語フリーフォント 総まとめ

    毛筆や筆で書かれたようなフリーフォント、ペンや鉛筆で書かれたようなフリーフォント、マジックやクレヨンや太ペンで書かれたようなフリーフォントを紹介します。 走り書き、かわいい手書き、達筆なフォント、いっぱい揃っています。 Webデザイン、アプリ、動画、紙のデザインをはじめ、クライアントのプロジェクトでも販売する同人誌でも幅広く利用できる日語のフリーフォントです!

    商用利用無料! 毛筆・筆文字、ペン字、マジック、手書きの日本語フリーフォント 総まとめ
    yoshi1207
    yoshi1207 2010/11/24
    定期的にこういうの上がってきて下さり、チェックできてありがたい
  • 僕がWebディレクターの肩書がついてから勉強した15のこと

  • [CSS]幅は可変で高さは異なるカラムの高さを等しくするスタイルシートのまとめ

    幅は%で指定した可変、高さはそれぞれ異なるカラムを使ったレイアウトで、スタイルシートを使用してカラムの高さを等しくする今までの方法から、これからの方法までを紹介します。 Fluid Width Equal Height Columns [ad#ad-2] 下記は各ポイントを意訳したものです。 Doug Neiner メソッド Nicolas Gallagher メソッド Using Tables One True Layout メソッド Flexbox メソッド メモ 訳者注 各デモは「:nth-child」を使用しているため、モダンブラウザのみ期待通りに表示します。詳しくは「メモ」を参照ください。 Doug Neiner メソッド 「Doug Neiner」メソッドは、CSS3グラデーションからアイデアを得た方法です。 [css] .five-columns { background-i

  • 商用利用OK&無料の写真・フリー素材を集めました!総合素材サイト|ソザイング

    商用利用OK&無料の写真・フリー素材を集めました!総合素材サイト|ソザイング 申し訳ございません現在メンテナンス中です。 またのちほどごアクセスください。

    商用利用OK&無料の写真・フリー素材を集めました!総合素材サイト|ソザイング
  • ブログアフィリエイトで稼ぐのに役立った「最強ツール」27選【保存版】

    検索キーワードを調べるツールまとめ キーワードを調べる決定版「Google キーワード プランナー」 Googleが運営するキーワードツールで、おおよその月間検索数や競合性が高いかどうかを調べることができます。 キーワードリストをダウンロードしておいて、そこから作る記事を考えるのが効率的。 一定の広告料を使わないと細かな数値は分かりませんが、Googleのデータを元に記事タイトルを決められるので、使ってない人は絶対使っておきましょう。 Googleキーワードプランナー キーワードの組み合わせが分かる「ラッコキーワード」 キーワードの組み合わせを探せるアドバイスツール。 Googleのキーワードプランナーほど細かなデータは分かりませんが、シンプルで使いやすいツールです。 ラッコキーワード 検索順位を調べるツールまとめ 業者も使う順位チェックツール「GRC」 他のツールだと毎回キーワードを入力

    ブログアフィリエイトで稼ぐのに役立った「最強ツール」27選【保存版】
    yoshi1207
    yoshi1207 2010/09/15
    おどろいている自分はひよっこ。
  • 美味しいカステラなのに楽天メソッドが極まりすぎてて残念な場合

    長崎心泉堂の「幸せの黄色いカステラ」というのを楽天で取り寄せてみました。 とても卵の味が濃くて、甘さはその分抑えてあり、非常に美味しいカステラでした。 よくあるカステラとは明らかにひと味もふた味も違います。届いた1を数日でべきって、またすぐに注文しちゃったくらいです。 また、アフターケアも充実していて、買った後、こんなメールまで届いたのです。 題名:【長崎 心泉堂】カステラは無事お届けできていますか? お世話になります。 カステラ専門店【長崎心泉堂】 受注担当 待鳥智美です。 <中略> さて、ご注文の品は無事お届けできておりますでしょうか ご贈答の場合は、お届け先様にお気に召していただけましたでしょうか? カステラのお味はいかがでしたでしょうか? ぜひ、私どもに、お客様の声をお聞かせくださいませ。 お願いします。 というのも、お客様の声によりよい商品作りがあると考えるからです。 当社の

    美味しいカステラなのに楽天メソッドが極まりすぎてて残念な場合
    yoshi1207
    yoshi1207 2010/04/17
    好みの問題だと思う。俺は苦手。でも、モノを売るならこういうのは必要だろうねー。
  • クライアントからのムチャぶり迷言集

    2013年3月23日 ネタ みなさんはクライアントのとの打ち合わせ中に「そんなむちゃな!」と思ったことはありませんか?私はあります。何度もあります。そんなクライアントからの迷言を集めたサイト: Clients From Hell(地獄からきたクライアント)と、こちらの記事を載せてみようと思います。 ↑私が10年以上利用している会計ソフト! 時間とお金に関するムチャぶり 残念ながら多くの人がWebサイトは簡単に作れると思っているのが現状です。。 「今日中に100ページくらいのWebサイトを作って貰えますか?」 「会社のコンセプトを変えようと思うんだ。Webサイトを作り直すのに2日あれば充分かな?」 「ブログとショッピングカートのついた8ページくらいのサイトを作ってください!3万円で!」 「支払うお金はないんだけど、このシルクのシャツは6000円くらいするから、ほら、持っていってください。」

    クライアントからのムチャぶり迷言集
    yoshi1207
    yoshi1207 2010/02/11
    可能か不可能かで言えばいつか可能です、って言っていいと思うんだ。
  • 30分でできる!Webサイトを高速化する6大原則 (1/4)

    Webサイトを制作するとき、「パフォーマンス」を気にしたことがあるだろうか? もしまったく気にしたことがないなら、気をつけた方がいい。閲覧に時間のかかる“遅いWebサイト”はユーザーにフラストレーションを与え、閲覧をやめさせてしまう恐れがある。 下記のグラフは、「Simple-Talk」という海外のオンラインメディアで発表されたユーザー調査の結果だ。アンケートページの表示にかかる時間を意図的にコントロールし、表示時間によってユーザーが感じるフラストレーションの違いを調べたものだ。 縦軸がフラストレーション(10段階)、横軸が表示までの時間を表している。1~5秒以内にページが表示された人に比べ、ページ表示までに5秒以上かかった人は2倍以上もフラストレーションを感じている。フラストレーションがあまりに高ければ、せっかく何らかの目的を持って訪れてきたユーザーも待ち切れずにブラウザーを閉じてしまう

    30分でできる!Webサイトを高速化する6大原則 (1/4)
  • CSSの実装状況で変わるボックスのデザイン方法

    Web制作において、対応しなくてはいけないブラウザの中には、未だしぶとくIE6が残っています。IE6が2001年に登場したことを考えると、もう8年もその時代の「縛り」を(健気に)守りながら作っていることになるんですね。 いま良く使われているCSSのテクニックも、ほとんどはこの「縛り」の範囲内で有効な手法なわけですから、突然2001年にタイムスリップしてサイトを作る事になったとしても、今も昔も変わらない1つの古文書に従えばいいので、きっと活躍できます。 しかしたまらん、流石に疲れた。 ボックスひとつができること CSSでは、文書を構成する各要素は、ボックスという矩形領域に置きかえられ、それらの持つプロパティを操作して装飾します。つまり、ボックスはページデザインを構成する最小単位と言えるわけですね。 そこで今回は、最小単位となる1つのボックスに対して、どのような装飾手法が有効かという点を、CS

  • はてなブログ | 無料ブログを作成しよう

    引越し遍歴パートⅡ 2018年に「上京して10年で引越しを6回した」というブログを書いた。 月日は流れ、あれから6年…さらに2回の引越しをした。ホテル暮らしも含めると3回かもしれない。 前回の記事では主に神奈川〜千葉〜東京の引越し事情を書いた。関東の浅瀬でちゃぷちゃぷ遊んでいたに過…

    はてなブログ | 無料ブログを作成しよう
    yoshi1207
    yoshi1207 2009/04/12
    横長ディスプレイでは縦書きが効率良い気がする/ユーザ側で印刷プレビューみたいにページ分割できればいいんだけど、提供側の見せ方と衝突する可能性もあるかな
  • 色のアクセシビリティについて思う事 - あくる日

    当然だけど、色弱の人にはカラースターの色の違いが分かんない。 - 日々、とんは語る。 これを読んで初めて「緑」の存在に気づいた。連鎖的に考えた事を記す。ちなみに自分は色覚異常だけど特に困った事はほとんどない軽いもの。程度の差があるのでこれが全てだとは考えないでほしい。 「色が見えない」のではなくて「分離出来ない」 色覚異常で困った事は当にほとんどないが、高校の授業で絵を描く際に、友人に「見えている通りに描けば結果同じになるんじゃないの?」と言われたことがある。そういう問題ではない事は確実で、一部の色が分離出来ないのだ。例えば緑と燈が同じ色に見える時、見えている通りにと言われても、どっちの色を塗ったら良いのかがわからない。 逆に、色が見えないんだと思っている人もいるみたいだが、もちろんそういう人もいるだろうが大抵そうではなく、「判別が出来ない」のであるということに注意してほしい。 自分の場

    色のアクセシビリティについて思う事 - あくる日
    yoshi1207
    yoshi1207 2009/04/08
    スターいいな/前のバイト先では一応モノクロ印刷してみてたけど、不十分だよなぁ
  • ASCII.jp:もう配色には困らない!「Adobe Kuler」

    「オリジナルのWebデザインをしたいけど、いまいち配色センスがなくて困る」「いつも好きな(得意な)色の組み合わせばかりでデザインしてしまう」「でも色彩理論を勉強するのは面倒だ」。 そんな人にぜひおすすめしたいのが、アドビ システムズが提供しているオンラインサービス「Adobe Kuler」(クーラー)だ。Kulerは、さまざまな色の組み合わせ(配色パターン、Kulerでは「テーマ」と呼ぶ)をWebブラウザー上で作成し、保存・公開もできる、ちょっと変わったサービス。いわば“みんなの力”で作られたカラーチャート集ともいえるもので、すでに7000種類以上(2009年1月現在)ものテーマが公開されている。利用料は無料だが、保存などの機能を使うにはAdobe IDが必要だ(以降の説明はログインしているものとして進める)。

    ASCII.jp:もう配色には困らない!「Adobe Kuler」
  • 【KAITOオリジナル曲】WEBデザイン

    JOY SOUNDカラオケ配信中でーす。■ピアプロで見つけたあまりにも泣ける歌詞はfyopueさん作です。自分の体験も付け足そうかと思いましたが組曲並の長さになるのでやめました。素晴らしい絵師はうじゅじゅさん、藤代叶さん、タカハルさん、曲と動画はうp主の、ほぼデザ職チームによる1です。(追記)途中のセリフ部分は、ややフェイクは入ってますがうp主のだいたいの実体験です。※(mp3(オケ版付)うp→http://sharp1.m--q.org/WebDesign.zip■mylist/4734248

    【KAITOオリジナル曲】WEBデザイン
  • 1