タグ

WEB制作に関するWebDesignScrachのブックマーク (435)

  • BROWSIZEの220万PVより集計、ブラウザ幅900px以上は85%に達した : akiyan.com

    BROWSIZEの220万PVより集計、ブラウザ幅900px以上は85%に達した 2010-01-07 拙作のブラウザレンダリングエリアサイズ解析集計サービスBROWSIZEの直近1ヵ月分、全220万PV(解析タグ)から集計したデータを公開する。全PVからの集計は今回が初となる。 ブラウザ(レンダリングエリア)幅表 横幅(以上) 比率 760px 96.0 % 770px 95.2 % 780px 94.1 % 790px 93.4 % 800px 92.5 % 810px 91.6 % 820px 90.8 % 830px 90.1 % 840px 89.2 % 850px 88.5 % 860px 87.8 % 870px 87.0 % 880px 86.3 % 890px 85.7 % 900px 85.2 % 910px 84.7 % 920px 84.1 % 表の見方:900px

  • 何でもないようなことが大切だった。ホームページのあるべき心 | 企業ホームページ運営の心得

    (心のノート 中学校 平成21年度改訂版 19ページより抜粋)。 清々しいほど健全な教えで、アラフォーの私でも「そんな強い力」の入手方法を知りたくなります。私の友人は「あるべき心の見市」という主張にこう反論しました。 「道徳ってそういうものじゃない?」 新年、最初のコラムはホームページの「あるべき心」について。 強制されるコンテンツ道徳教育についての是非は稿で論じるものではりませんが、「内心の自由を侵す」とし「道徳」を強制することに反対する人や団体がいます。私は一般論として「教育」に一定の「強制」は必要と考えます。たとえば、かけ算「九九」の暗記を強制されますが、これにより割り算や分数を理解する基礎体力が身につき、大人になってからスーパーマーケットで「3割引」の価格を瞬時に計算できるようになります。つまり基や基礎の強制は人のためという考えです。そしてそれが後の教育の「よすが」となりま

    何でもないようなことが大切だった。ホームページのあるべき心 | 企業ホームページ運営の心得
  • 2010年、Web業界のキーワードはコレだ! (1/4)

    「1万人のクリエイターネットワーク」を構築し、PMBOKに基づくプロジェクトマネジメントの導入で注目されるWeb制作会社、株式会社ロフトワークの諏訪光洋社長と、Web Professional編集長の中野克平の対談が実現。2009年のWeb業界を振り返りつつ、2010年の展望について語り合った。 ※この記事は、ロフトワークが運営する「WebExpert」のコンテンツを一部再編集の上、転載したものです。 2010年のWeb界隈では、一次的コンテンツをつくる個人が躍進する 諏訪光洋氏(以下、諏訪) プロのブロガーが増えている気がします。2010年には、もっと増えてくると思います。僕自身、月額課金の個人メールマガジンを、すでに3つ購読しています。料金は半年で3000円とか月額500円で、どれもニッチな業界を扱っています。これから先、個人で採算を完結させるジャーナリストはもっと増えるはずです。たと

    2010年、Web業界のキーワードはコレだ! (1/4)
  • UIデザイン / モックアップ作成に使える素材集 – creamu

    UIデザインやモックアップ作成のための素材を探している。 そんなときにおすすめなのが、『A UI Design and Prototyping Treasure Chest』。UIデザイン / モックアップ作成に使える素材集です。 テンプレートやアイコンなど、いろいろと揃っていますね。 Browser Templates For The Website / Web Application Designer デザインラフの確認に使える、SafariやIE、Firefoxのブラウザテンプレート。800x600px、1024x768px、1280x1024pxの3サイズがPSDで用意されていて、レイヤーに分かれているので使いやすそうです Vector Pack: Browser Screens and Website Elements こちらもSafariのテンプレート。aiとepsが入っていて

  • IDEA * IDEA

    ドットインストール代表のライフハックブログ

    IDEA * IDEA
  • サイトリニューアルを成功させるための5つのコツ 【MarkeZine Day 2009】

    『MarkeZine』が主催するマーケティング・イベント『MarkeZine Day』『MarkeZine Academy』『MarkeZine プレミアムセミナー』の 最新情報をはじめ、様々なイベント情報をまとめてご紹介します。 MarkeZine Day

    サイトリニューアルを成功させるための5つのコツ 【MarkeZine Day 2009】
  • SEOに強いサイトストラクチャ

    この前投稿したバックリンクの分散のエントリでディープリンクの話をしました。 ディープリンク戦略を実践するには、各々の下層ページがターゲットにするキーワードをあらかじめ決めておくことが大切です。 このビデオで解説したストラクチャでサイトを構成すると、それぞれのページで狙うキーワードを明確にできます。 補足です。 ビデオでも触れたように、サイト構造では「ディレクトリ(フォルダ)」の階層構造ではなく、「クリック」で構成される階層構造が重要です。 ユーザーもクローラもリンクをたどって(=クリックして)、別のページへ移動します。 リンクを張る順番の説明で、「カテゴリページへの外部リンクを張って、次に個別ページへの内部リンクを張る」と話していますが、カテゴリページを作るときに個別ページへ内部リンクを張るので実質的には同時進行になります。 3階層構造はeコマースサイトのようなオンラインショップのサイトだ

    SEOに強いサイトストラクチャ
  • 2009年、ウェブ関連でアクセスが多かったエントリーBest 20

    2010年は、1/7から更新を予定していますので、よろしくお願いいたします。 当サイトの購読は、RSS Feedをご利用すると便利です。 コリスのRSS Feed 2009年、アクセスが多かったエントリー フリーの高品質なアイコンがダウンロードできるサイト -iconspedia IE5.5, IE6, IE7, IE8の確認が同時にできる -IETester 商用サイトでも無料で利用できる日語のフリーフォント集 ハートなどの記号「♥♡♣♦♠」の入力方法 たった一晩で睡眠の周期を変える方法 簡単に設置できるページ内をスムーズにスクロールできるスクリプト -Page Scroller ver.3 IE7とIE6を共存させる方法:まとめ フリーの紙や布のテクスチャ素材のリンク集 swfファイルを抽出・解析・flaにデコンパイルするアプリケーション集 [JS]jQueryのプラグイン100選

  • 分かりやすいスケッチ風のワイヤーフレームのエレメントの無料素材

    ダウンロードできる素材のフォーマットはAI, EPS, SVG, PDFの四種類で、プレビュー用にPNGが用意されています。 利用にあたっては、個人や商業のプロジェクトで無料で利用ができるとのことです。 ただし、再配布は禁止となっています。

  • Web制作関連記事の復習メモ - かちびと.net

    今年も色々と情報が発信されました。 後で試そう、とか後で見よう、と思った まま何もしていない自分がいたので ちょっと復習用にメモ。来年の勉強用です。 個人的なメモですが参考になれば幸い。 内容はWeb制作に関わる記事ですが、まとまりがありません。単なるメモなのでご了承いただければと思います。順不同。 JPEG画像をより美しく、より軽量に最適化するテクニック 理屈に沿った軽量法でした。これは癖を付けてナンボのテクニックですね。頭に叩き込んでおきたい。PNGも合わせて。 JPEG画像をより美しく、より軽量に最適化するテクニック とっても使えるoverflowプロパティ。その使い方色々。 凄く便利。こんなに役に立ってくれるプロパティだとは知りませんでした。これも覚えておくと便利そう。 とっても使えるoverflowプロパティ。その使い方色々。 商用無料で使える写真素材サイトまとめ2009年度初版

  • レイヤーごとに分かれたWindowsやMacで動くブラウザ画像のPhotoshop素材:phpspot開発日誌

    レイヤーごとに分かれたWindowsMacで動くブラウザ画像のPhotoshop素材。 Vistaで動く、IE/Firefox や、Mac OS Xで動く、Firefox/Safari がパーツごとにレイヤーで分かれている形でpsd形式で配布されています。 サイトイメージをはめ込んでチュートリアルページなんかに使ったりできそうです。 次のようにレイヤーに分かれています。 以下のエントリを参照してください。 Designers Toolbox: OS Form Elements

  • WCANで今後のWebと利用者について話しました : could

    セミナー未来講演 WCANで今後のWebと利用者について話しました WCAN2009で話した7つのキーワードは、一見マーケティング寄りに聞こえますが、今後のWebサイト制作のあり方を考える上で重要なものばかりです。なぜならこれらのキーワードは利用者を意識することにも繋がるからです。 12月19日に WCAN 2009 Winter が名古屋で開催されました。年末はほぼ毎年、スピーカーとして参加させていただいているこのイベント。毎回、1年の総決算みたいな内容でしたが、今回は少々趣向を変えて「2010年に飛躍するための7つのキーワード」という今のトレンドや人・社会の変化からみる今後について話しました。ちょうど先日行われた CSS Nite Shift3 が似たような内容だったわけですが、そのときの反応や情報収集が役に立ちました。時間が少々長めの 80 分だったこともあり、結果的に 140 枚の

    WCANで今後のWebと利用者について話しました : could
  • Webサイトのパフォーマンスチェックサービス | gaspanik weblog

    先日から宣伝しまくってる某Web Designing誌にもいくつかツールやサービスは紹介しているのですが、紹介してないのも含めオンラインで確認できるサービスをリストにまとめてみました。各サービスでそれぞれ違いがあるので、何かの参考までに。 いろいろあります、実は。 WebWait – Benchmark Your Website自身の接続環境から任意のWebサイトの表示時間を計測できる。回数指定で平均値を出すことが可能。いろんなブラウザで試すこともできるが、あくまでも自分の見てる環境からなので回線速度が速ければ、それなりに速くなるのでご注意をPingdom ToolsWebサイトのモニタリングサービスをされてるPingdomさんのフリーのサービス。サーバの置かれてる場所にもよるけど、レイテンシ(遅延)がかなり発生するので秒数は比較的長めになる。とはいえ、リンクヒエラルキーで並べ替えたりもで

    Webサイトのパフォーマンスチェックサービス | gaspanik weblog
  • ЪУЪ ...

    Loading...

  • Webサイトの高速化的な話をWD誌で | gaspanik weblog

    先日エイプリルフールにあげた冗談エントリーのお詫びとして、Webサイトの高速化というかパフォーマンスアップのネタをこのブログに書こうと画策していたのですが、実は日18日にそれらの内容をまとめた特集を含む「Web Designing vol. 102」がマイコミさんから発売されてしまいました…。(いや、書いたのボクですけど 笑)。 “Web Designing vol. 102″ on Flickr Originally uploaded by [cipher]. とまぁ、出ちゃったからにはしょうがないので、誌に掲載された内容のフォローとか締切以降に変わった話なんかをピックアップしてみたいと思います。ちなみに今回のこの記事、Livedoorの浜俊太朗さんと二人で書いてます。 高速化のキモは違う視点でサイトを見直すことWebサイトの評価というのは、見る人によって変わってきます。やれ、デザイ

    Webサイトの高速化的な話をWD誌で | gaspanik weblog
  • JaGraプロフェッショナルDTP&Webスクール スキルアップブログ

    スタッフAです。 JaGraプロフェッショナルDTP&Webスクールは、2024年4月1日より、スクール名称を「ジャグラショートカット」に変更します。 当スクールは、印刷物制作のデジタル技術を学ぶ場として1995年に開校、アドビのDTP系アプリケーションのトレーニングを中心に、Microsoftのビジネス文書作成講座を開講しておりましたが、その後はDTP講座とWeb講座をメインに開講、近年では動画制作講座が人気となっております。 このように、時代の変遷とともにスクールが扱う講座内容も変化してきたこと、そしてコロナ禍でスクール運営が難しかった時期を乗り越え、今後ますます多くの方に役立つスクールとして躍進していこうという決意を込め、名称を変更することとしました。 新しいスクールロゴは下記になります。 ▲ジャグラショートカットロゴ 今後も引き続き、【ジャグラショートカット】に生まれ変わる当スクー

    JaGraプロフェッショナルDTP&Webスクール スキルアップブログ
  • 上中島の一期一会

    超問題がある

  • ウェブページのブラウザでの表示領域をチェックできる新ツール -Browser Size

    Googleに訪問したユーザーのデータを元に、ブラウザでの表示領域をビジュアル化し、自サイトのチェックもできるオンラインツールを紹介します。 Browser Size 上記ページにアクセスすると、サンプルページを元にブラウザの表示領域とユーザーのシェアが表示され、上部の「Opacity」を変更すると不透明度が変更されます。 現在主流の960pxだと、90%のシェアがあることが確認できます。 また、テキストボックスに任意のURLを入力すると、そのページが表示されます。

  • View HTTP Request and Response Header

    Check out our new free Web-Sniffer desktop app for Windows and Mac. Möchtest du bei deinem nächsten online Einkauf sparen, sind Rabattcodes ein heißer Tipp. Mit einem OTTO Gutschein kannst du in beinahe allen Bereichen des Lebens sparen: Von Fashion über Möbel bis zu Multimedia. For more information on HTTP see RFC 2616 HTTP(S)-URL: (IDN allowed) HTTP version: HTTP/1.1 HTTP/1.0 (with Host header)

  • 今風のウェブを作る際に使えるCSS/HTML/JSのテンプレ『Easy Front-End Framework』 - 100SHIKI 〜 世界のアイデアを日替わりで

    これはすごく便利。 Easy Front-End Frameworkは今風のウェブサイトを作る際に使えるテンプレートである。 HTMLCSSJavascriptが全部含まれているので、見出しや文、テーブルといったスタイルだけではなくて、Tooltipsや浮かび上がってくる画像なども簡単に作れる点が特徴である。 テンプレ自体は英語で作られているが、日語対応に改造するのもそれほど難しくはないだろう。 仕事をするときに最も難しいのは「始める」ことである。こうしたテンプレを使ってウェブ作りをさっと始められると確かに便利ですね。

    今風のウェブを作る際に使えるCSS/HTML/JSのテンプレ『Easy Front-End Framework』 - 100SHIKI 〜 世界のアイデアを日替わりで