「サイトの横幅」再論：950px時代のウェブデザイン［絵文録ことのは］2009/01/14
以前、サイトの横幅を640ピクセルにする理由――統計と現状に基づく結論［絵文録ことのは］2006/11/25で、「実際にサイトを閲覧している人のブラウザーの横幅と、ブラウザーによる印刷上の制約から、特に画像は左端から640ピクセルくらいに収まるようにした方がよさそうだ」という結論に落ち着いた。これには、一行字数が多すぎると読みづらい、という、紙媒体の扱いも多いわたしの経験的な見方もある。 もちろん、これにはリキッドデザイン主義者の方から「ページ幅を指定するようなデザインであること自体が悪」という反応があったり、「印刷用CSSを使おう」といった反応があったりしたのだが、「印刷時のことを考えれば640pxという制約がある」という結論は特に揺るがなかった。 その後、今まで約2年経った。閲覧者の環境も変わり、当時主流だったIE6にはなかった「用紙サイズに合わせて印刷」機能を備えたIE7ユーザーも増
2009年、押さえておきたいウェブデザインの10のトレンド
2009年のウェブデザインのトレンドで押さえておきたい10のポイントをSmashing Magazineから紹介します。 Web Design Trends For 2009 1. Letterpress プレスしたようなタイポグラフィ。
3キャリア対応のCSS変換モジュールHTML::MobileJpCSS - komoriyaのはてなダイアリー
DoCoMo,EZweb,Softbankを共通の外部CSSファイルからスタイルを反映させるモジュールを作りました。 http://search.cpan.org/~komoriya/HTML-MobileJpCSS-0.01/ 3キャリア間での変換の必要性 DoCoMoでは外部CSSを参照できずインラインのみの対応となっています。 DoCoMoのインライン化についてはid:tokuhiromさんの作成したHTML::DoCoMoCSSこちらで対応が可能なのですが、3キャリア間で共通のCSSを参照するとなると属性の指定方法に微妙な差異が問題となります。 例えば小さいフォントを表示したい時は、 DoCoMo --- font-size:xx-small EZweb --- font-size:10px Softbank --- font-size:smallと属性の値が異なります。 hrタグ
Mike Davidson -- sIFR 2.0: Rich Accessible Typography for the Masses
Over the last several months, a small group of web developers and designers have been hard at work perfecting a method to insert rich typography into web pages without sacrificing accessibility, search engine friendliness, or markup semantics. The method, dubbed sIFR (or Scalable Inman Flash Replacement), is the result of many hundreds of hours of designing, scripting, testing, and debugging by Mi
2008年に注目を集めた使えるJavaScriptライブラリ集:phpspot開発日誌
Best of 2008 - JavaScript | Design Shack 2008年に注目を集めた使えるJavaScriptライブラリ集が紹介されていました。 どれも非常に便利でサイト構築に役立ってくれるでしょう。 sIFR Lite Javascriptでテキスト文字列を綺麗な画像にしてくれるライブラリ。 画像部分にはFlashを採用している。検索クローラーフレンドリ。 <h3>How is this different than the original sIFR?</h3> ↓ DD_belatedPNG IE6でも透過PNGに簡単に対応させられるライブラリ The EqualHeights jQuery Plugin 異なる高さのブロックを統一してくれるライブラリ ↓ DD_roundies 角丸の簡単実現ライブラリ jQuery.popeye ポップアップではなく、サイト
どういうときにどんなグラフを使えばいいかが一発でわかるチャート - IDEA*IDEA ～ 百式管理人のライフハックブログ ～
ドットインストール代表のライフハックブログ
エクセルシートをHTMLテーブルに変換しちゃう君 (ββ)
STEP1. エクセルとかからCSV (TSV)をコピーしてを貼り付け STEP2. オプションを選択して変換 細かい設定 列目までをTHEADとする。(0でTHEADなし) TBODYの行目までをTHとする。 TBODY THに深度を埋め込んだクラス名を追加する。(1〜) クラス名： " + n" ひとつめのTHに深度クラスを追加しない。(lv1を追加しない) n列ごとにTRにクラス名を追加する。(0〜) クラス名： 列数 ： クラス名に列数を追加する。(nrow0, nrow1,,)
Flashでやってしまいがちな16個の間違った使い方 | ClockMaker Blog
Photoshopでやってしまいがちな12個の間違った使い方 – GIGAZINEが面白かったので、Flash版として「Flashでやってしまいがちな16個の間違った使い方」としてまとめてみました。 1.シンボル化しないままトゥイーンを作成している まずは誰でも一度はやったことがあるであろう、シンボル化しないままのトゥイーン作成。ライブラリに「トゥイーン○」という名もなきシンボルが作成され、後で見返したときや他の共同作業者が非常に困ることになります。 2.テキストフィールドに直接リンクURLを設定している getURLやnavigateToURLなんてスクリプトを知らない初心者のころはテキストフィールドにURLをいれてテキストリンクを作っていました。これは演出が作れないので、慣れてくると使うことはないでしょう。 3.文字をボタンに含めたときに後ろにシェイプを敷いていない ボタンを作ったとき
窓の杜 - 【REVIEW】操作性と高機能が両立したタスクマネージャー「Free Extended Task Manager」
「Free Extended Task Manager」は、高機能なタスクマネージャー。フリーソフトで、編集部にてWindows Vistaで動作を確認した。作者のWebサイトからダウンロードできる。 本ソフトは、一見するとWindows標準のタスクマネージャーの画面にそっくりだが、機能は大幅に拡張されており、PCの各種リソースの利用状況をより詳しく把握できるのが特長。使い慣れた操作感はそのまま、CPU利用率やメモリ使用量だけでなく、アプリケーションごとのネットワーク利用率やディスクアクセスまでも監視できる。 各リソースの利用状況は、Windows標準のタスクマネージャーと同様にタブで切り替えて閲覧する仕組みだが、閲覧できる情報は標準のものより豊富。たとえば、［Process］タブでは各プロセスのCPU利用率やメモリ使用量だけでなく、起動時刻や1秒あたりのディスクアクセスも確認できる。また
JavaScriptでかんたんAIRアプリに挑戦 - ぼくはまちちゃん！
こんにちは！ みなさんガジェットつくってますか！ なんだか最近、色々な種類があるみたいですね！ Yahooナントカとか、Googleガジェットとか、Adobe AIRとか、シルバーナントカとか、あとWindowsサイドバーだとか…。 こういうガジェット的な、ちょっとしたデスクトップ用のツールって、 どうやってつくるのかなーなんて思って、ちょっと調べてみました！ そしたら意外と簡単だった…！ これならぼくにも作れそう！！ ってことで、ちょっとメモしておきますね！ どれにしようかな…！ つくるのが簡単なこと WinでもMacでも動いてほしい 使う人がインストールしやすそうなのがいい こんな感じで考えていくと… 最終的に、Googleガジェット か AIRなのかなー、ってことになりました！ でも実際ぼくはGoogleガジェットなんて使ったことないし…！ (なんとなくGoogleデスクトップとかも
ウェブデザイナーの作業を助ける12のオンラインツール
カラースキームの作成、フォントの作成・選択、画像編集などウェブデザイナーの作業を助ける12のオンラインツールをSix Revisionsから紹介します。 12 Useful Web Tools for Designers
なぜ怒鳴りつけたのでしょうか？ - reponの忘備録
問題です。 あなたは学生です。 講義開始時刻から15分経っても、教師が来ません。 そろそろみんなざわつきはじめた頃。 教師がやってきました。 開口一番「こらっ!」と一喝！ギロリとにらみつけました。 すぐに講義が始まりましたが、あなたは納得がいきません。 自分は何も睨みつけられるようなことはしていません。おとなしく待っていたし、遅れてきたのは向こうのはず。 それなのに怒鳴るとはどういうこと？ 講義の間中、もやもやとした気持ちでいました。 さて、 なぜ教師はあなたを怒鳴りつけたのでしょう？ （考える時間 30秒） 答え 先手を取るため もう少し言うと、「あなたを含め学生をあっけにとられた状態にし、自分が遅刻した事実を無かったものにした上で、講義をスムーズにはじめる」ためです。 つまり、怒鳴りつける内容ではなく、怒鳴りつけることそのこと自体が＜理由＞でした。 別にこちらが悪いことをしたわけでも何
初級者のための英語学習法まとめ - モトログ
なんとリクエストを頂いた（水の上にパンを投げろhttp://d.hatena.ne.jp/Britty/20090115/p2）。なので、kagakaoruさんにも、書いてみたいと思ったそのときに出してみることをお勧めしたいと思います。ていうか私が読みたいのですけども。ありがたい話です。というわけで英語学習についてまとめてみました。初級者が努力をせずにすむよう努力した勉強方法です。 この文章は、下記のような人が読むと参考になると思います。効率よく英語学習したい人学校の勉強では英語は苦手だったけど英語出来るようになりたいと思ってる人スクールに通ってはみたものの今ひとつ身に付かなかった人これまで何回も英語にチャレンジしてきてるけどいつも挫折してしまう人 ええ、僕のことです。 いろいろの試行錯誤の末、学習の優先順序としては発音→単語力→作文力→その他興味にあわせてお好みで。という結論に行き着いて
Web屋のためのVim設定・Tipsまとめ 1/2 - ナレッジエース
Comments» 1. 本日のTwitter 2009-01-18 | memoMania - 2009-1-19 […] Web屋のためのVim設定・Tipsまとめ 1/2 - ナレッジエース http://blog.blueblack.net/item_340 # […] 2. ゲスト - 2009-1-19 (ただ、私の環境だとたまに、実行時にDOS窓が残ってブラウザを閉じるまでファイルが編集不能になる現象が発生します。なぜだろう。) firefoxの前にstartを入れるとどうでしょう？ 3. nase - 2009-1-19 ありがとうございます！動作確認できました。よけいなDOS窓が開かなくなって、いい感じです。本文も修正させてもらいました。 4. sasata299's blog - 2009-2-6 vim環境を晒してみる… いきなりですが、僕はvi派です。emacsは・
フリーベクター素材集の決定版 – creamu
ベクター素材を探している。 そんなときにおすすめなのが、『The Ultimate Collection Of Free Vector Packs』。Smashing Magazineによる、フリーベクター素材集の決定版だ。 以下にいくつかご紹介。 ↑のキャプチャはIllustrated Vector Sneaker Graphics。 Safari and Zoo Animals Birds in Flight Ecology Vectors Flowers and Plants Office Objects Wood Signs Live Music Transportation Silhouettes その他のリストは以下から。 ライセンスについてはそれぞれ確認していただきたい。 » The Ultimate Collection Of Free Vector Packs フリーベク
for 文と無名関数のイディオム - IT戦記
id:cho45 がチョロっと書いたコードが話題になっている 冬通りに消え行く制服ガールは✖夢物語にリアルを求めない。 - subtech このような書き方は、自分もたまにする。 というわけで、この書き方をする利点を以下の順に解説して見る。 単純な for 文の問題点 with 文を使った解決方法と、その微妙な問題点 無名関数を使った解決方法 単純な for 文の問題点 まずは、以下の HTML に対して <ul> <li>hoge</li> <li>fuga</li> <li>piyo</li> </ul> 以下の JavaScript を実行して var list = document.querySelectorAll('ul > li'); for (var i = 0, len = list.length; i < len; i++) { var node = list[i]; v
クールな名刺を作る際のチュートリアル集:phpspot開発日誌
11 Tutorials for Business Card Design | Vandelay Design Blog クールな名刺を作る際のチュートリアル集が公開。 かなり奇抜なデザインが多く、デザイナーの方なんかが持っておくとデザインのスキルをアピールを出来るだけでなく、覚えてもらえそうな名刺を作れそう。 Design a Print Ready Business Card for Designers Making a Grungy Business Card Making a Print-Ready Business Card Using Only Photoshop 全部見る 最近は家庭用プリンタでもきちんとした印刷が出来るのでありがたいですね。 関連エントリ 凄くクールな名刺を作成するPhotoShopチュートリアル
Google社員が辞める理由
Tempus, a genomic testing and data analysis company started by Eric Lefkofsky, who previously founded Groupon, debuted on Nasdaq on Friday, rising about 15% on the opening. The company priced… The tech layoff wave is still going strong in 2024. Following significant workforce reductions in 2022 and 2023, this year has already seen 60,000 job cuts across 254 companies, according to independent lay
検索エンジン最適化(SEO)を簡単に実行してサイトのアクセス数と売上を伸ばす「HP売上プラス」とは？
GoogleやYahoo！などで検索して30位以内に入っていないページは存在していないも同然と言われており、ネット上でアクセス数と売上を伸ばすためにはなんとしても5位以内に入る必要があるそうです。この作業を一般にはSEO、つまり「検索エンジン最適化」と呼んでおり、いろいろな作業が必要になってきます。検索エンジン対策のために何かしなくてはならないということはわかるものの、何をどこからどのように手を付けて良いものか、SEO上級者以外は最初の時点で立ち往生してしまい、結局何もしなくなる……というのが現状です。 そこで検索エンジン最適化を簡単に実行してサイトのアクセス数と売上を伸ばすのがこの「HP売上プラス」。自サイトで検索エンジン上位に来るキーワード選びやランキングの確認、ライバルの分析や順位チェック、リンク数やカテゴリ登録チェックなどをまとめた検索エンジンレポート、GoogleやYahoo!に
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
面白/エロ画像が大量に見れる！ - 2ch画像まとめ
簡単☆チキンカレー（中毒性あり) by スガシカコ [クックパッド] 簡単おいしいみんなのレシピが88万品![簡単☆チキンカレー（中毒性あり) by スガシカコ [クックパッド] 簡単おいしいみんなのレシピが88万品](https://cdn-ak-scissors.b.st-hatena.com/image/square/08150eed1f66af49acdb564ca5376ac59395c563/height=288;version=1;width=512/https%3A%2F%2Fog-image.cookpad.com%2Frecipe%2F252807%3Ft%3D1359968366)
サービス終了のお知らせ
jsmario.com.ar
IDEA * IDEA
http://www.designwalker.com/2009/01/web-layout.html
team-scheduler - Google Code
商用サイトでもフリーで利用できる高品質なフォント集 -Font Squirrel | コリス
背景画像をつくるのに便利なサイト12選 | IDEA*IDEA