[CSS]6つの代表的なCSSレイアウト方法の長所と短所を学んで使いこなす
スタイルシートで実装する6つの代表的なCSSレイアウト方法、それぞれ実例を見ながら、その長所と短所を紹介します。 Pros And Cons Of 6 CSS Layout Patterns: Part 1 Pros And Cons Of 6 CSS Layout Patterns: Part 2 [ad#ad-2] 下記は各ポイントを意訳したものです。 Fixed-Widthレイアウト Fluid/Liquidレイアウト Elasticレイアウト Hybridレイアウト Responsiveレイアウト Fluid/Elastic Gridsレイアウト Fixed-Widthレイアウト Firxed-Widthは、幅の全体を絶対値（px）で指定するスタティックなレイアウトです。このレイアウトを使用する場合には、ユーザーのために最適な幅を調査し、設定する必要があります。 典型的な例では大き
[CSS]縫い目風のかわいいデザインをスタイルシートで実装したナビゲーション
ぱっと見、画像を使用しているかのような縫い目風のデザインをスタイルシートで実装するナビゲーションを紹介します。 もちろん、画像は使っていません。 また、IE6などのCSS3非対応ブラウザも配慮した実装となっています。 Sexy CSS3 menu デモページ [ad#ad-2] 実装のポイント スケーラビリティ アンカーのフォントサイズを変更することで、サイズを簡単に調整できます。 画像は無し 画像を使用していないため、メンテナンスが簡単です。またHTTPリクエストを減らします。 カスタマイズ 簡単にドロップダウン型などに変更できます。 このスタイルシートのアイデアの元となったのは、LESSで使用されているダウンロードボタンです。 LESS 実装方法 HTML HTMLはspan要素を使っている以外は、クリーンです。 このspanはスタイルをつけるのに必要で、疑似要素非対応ブラウザへの配慮
ウェブページの高速化のために読んでおきたいサイトのまとめ
ユーザビリティの改善や検索エンジン対策としてウェブページの読み込みスピードの高速化は非常に重要です。ということで、ページの読み込みスピード向上のために役立つサイトをまとめてみます。 ページ読込速度の重要性 次の事例にあるように、ユーザーは表示速度に敏感です。 Googleによるとページの読み込みが0.5秒遅くなると、検索数が20%減少する Amazonによるとページの読み込みが0.1秒遅くなると、売り上げが1%減少する そして、Googleのアルゴリズムにウェブページの読み込み速度が追加されて以降、サイトの高速化への注目度は高まっています。 Google、ウェブページの読み込み速度をアルゴリズムに取り入れたことを発表 | 海外SEO情報ブログ Googleがついに順位決定に表示速度を使い始めた（公式発表） | Web担当者Forum Google、検索順位にページ読込速度の考慮を開始 [詳
不眠を改善するこつ - Ockham’s Razor for Engineers
コレが効いたよ、というのを書いてみます。 １．飲み物を活用するハーブティーならカモミールティー、ホットミルクもお勧めです。ボストンにいたころ、わりとカフェインを取る時間帯を気にする人が回りにいて、午後７時以降にカフェインの入った飲み物をとらない、というルールを守る友人もいました。 ２．寝る前にお風呂かシャワーを浴びる一度強制的に体温を外部から引き上げて、落とすのが効くんだとか。 ３．寝床で出来るストレッチをする（ほどほどに）個人的な経験で言うと、頭を使いすぎてるのに、体が疲れていないときはあまり睡眠の質がよろしくない。 ４．寝る２、３時間前から照明を暗めにする発電所や半導体工場は、煌々と明かりを照らすことで眠気による作業ミスを防止する狙いがあるそうですが、その逆で。たとえば、６帖の部屋で暖色系のフロアスタンドを１〜２箇所ぐらい。節電にもなります。 ５．寝床で瞑想しながらいつの間にか寝落ちす
JavaScriptでMP3デコーダを実装、FlashなしでMP3再生を可能に | スラド IT
先日、JavaScriptで実装されたGAMEBOY COLORエミュレータやPCエミュレータが話題になったが、今度はJavaScriptによるMP3デコーダの実装が話題になっている。 このMP3デコーダ「jsmad」、jsmad.orgにてデモが公開されているが、現在Firefox 4以降とWeb Audio APIを有効にしたChrome 12 開発版（Linux）、Chrome 13（Mac OS X版）、Chrome Canary（ナイトリービルド版）で動作するという。 また、まったく別のプログラムだが、JavaScript製のPDFビューアなども登場しているようだ。
自己主張をしつつも攻撃的にならない話し方「アサーティブ」になるための心得 | ライフハッカー・ジャパン
「明らかに言葉にトゲがある攻撃的な話し方」と「自己主張はしているものの発展的かつ協調的な話し方」に、違いがあると思いますか？ と尋ねれば、ほとんどの人が「ある」と答えることでしょう。前者はアグレッシブ、後者はアサーティブな態度です。 ところが、アグレッシブな態度を改めて、もっとアサーティブになってくださいとアドバイスしても、なかなか難しいものです。今回は、発展的かつ協調的に自己主張する、アサーティブな態度になるための心得をお教えしましょう。 Photo by Voka. 先日「苦手な人を克服する簡単な方法は思いやりをもつこと」だと学びました。特に、やりにくい人と仕事をしなければならないような時も、嫌なことを我慢するのではなく、思いやりをもつことはできます。アサーティブな態度も同様です。攻撃的・高圧的な態度をとらずにアサーティブでいることはできますし、一緒に働いている人にもその違いは伝わりま
鏡張りの部屋デスクトップ～究極のデスクトップを求めて | ライフハッカー・ジャパン
モバイルバッテリーとは呼べない。「ほぼポタ電」なコレ1台で有事の時もアウトドアも大活躍!【AmazonスマイルSALE】
優秀なエンジニア5人は二流の1000人を完全に凌駕する：Rails Hub情報局：エンジニアライフ
1990年代後半のインターネットブームの火付け役といってもいいWebブラウザ「Netscape」の創業者で、現在シリコンバレーで投資家として活躍するMarc Andreessen氏が、あるインタビュー中で「優秀な5人のプログラマは、二流のプログラマ1000人を完全に凌駕する」（Five great programmers can completely outperform 1,000 mediocre programmers.）と発言したことで、ちょっとした話題となっているようです。インタビューはライターのBill Taylor氏（個人サイト）が、自著「Marvericks at Work – Why the Most Original Minds in Business Win」（アマゾンUSへのリンク）のためにインタビューした際の答えとして、Harvard Business Revie
「Webサイトにデザインなんて関係ねー」と言う人に一言。Webデザインの重要性とは？
2017年7月14日 Webデザイン マーケティング専門の人が「Webサイトにデザインなんて関係ないぜ！すべてはプロモーションとコンテンツ次第なんだぜ！」と豪語していたのでそれに反論を。もちろん彼の言っている事はWebサイトを世に広めるためにはとても大切な要素です。でもだからといってデザインが全く関係ないというのは極論すぎます。という事でWebデザインの重要性について考えてみたいと思います。 ↑私が10年以上利用している会計ソフト！ なぜWebデザインは重要なのか？ 以前「ECサイトの色やデザインと購買意欲の関係」という記事で触れたとおり、ECサイトにおける約半数のオンライン消費者が、全体のデザインを理由にそのサイトを再訪問しないようです。この結果から、多くのユーザーがWebサイト上のデザインを重要視している事がわかります。では具体的にWebデザインはどのような役割があるのでしょうか？ ユ
あなたのiPhone/iPadアプリを5秒でiTunesとファイル共有する方法 - プログラマでありたい
幾つかのiPhone/iPadアプリはiTunesのAppsからフィル共有が出来ます。アプリによっては、これがあるかないかで使い勝手が大きく変わる場合があります。自分が作ったアプリの機能を考えて、便利になるようであれば是非実装しましょう。実はこのファイル共有の機能を実装するのは、非常に簡単です。設定ファイルにチェックを一つ入れるだけです。plistの項目にApplication supports iTunes file sharingを追加して、YESを付けるだけです。 共有されるファイルのディレクトリは、Documents以下です。共有したいファイルはそこに保存するようにしてください。逆に言うと、ユーザに見られると困るファイルはDocumentsの下においてはいけません。またユーザが自由にファイルの出し入れが出来る場合は、アプリが想定しているファイル以外がくる可能性も出てきます。このあた
論理回路を使って自作した 8 ビットコンピュータ | スラド idle
プログラミング熱狂者な高校生、Jack Eisenmann 氏が TTL のみで構成された 8 ビットコンピュータを自作したそうだ (Hack a Day の記事、本家 /. 記事より) 。 この DUO ADEPT は 100 個の TTL チップと大量のワイヤから構成されており、Eisenmann 氏は 2010 年夏から製作を開始した。64 kB のメモリ、6KB のビデオ RAM を備えており、240 × 208 の白黒イメージを TV に出力することができる。OS も実装されており、開発のために HEX エディタも自作して、ロードランナーっぽいゲームやライフゲーム、PONG っぽいものなども作られている。 最近では FPGA などを使った CPU 自作は珍しくないが、17 インチの実験回路板上に構成されたものは珍しいのではないだろうか。
たった1分で人生が変わる片付けの習慣
仕事部屋が片付いていると、仕事の効率が圧倒的に上がります。 たった1分で人生が変わる 片づけの習慣 先日引っ越してから、仕事部屋だけはキレイにしておこうと決意しました。今のところ踏ん張れています。 できる人は片付け上手 片付けの基本動作は「出す⇒分ける⇒減らす⇒しまう」ですが、仕事もそう。やってくる案件に対して、優先順位を決め、何をどうするか判断し、減らしていきます。 できる人に片付け上手が多いのは、そのためです。片付ける能力がある人には、優先順位をすばやく判断し、ものごとを決断し、処理していく能力が備わっています。 だから仕事もうまく行き、成功する、というわけです。 片付けを先送りにしてしまうと、どんどん散らかってしまいます。即断できる人は、その場で処理して、常に片付いている状態を維持できます。 散らかっている状態だと、どこに何があるのかがわからなくなってしまいます。書類一枚捜すのに、半
ウェブデザインをワンランクアップさせるデザインテクニック『奥行き』の使い方
あなたのウェブデザインをワンランクアップさせる『奥行き』を使いこなすための5つのデザインテクニックを紹介します。 Creating Depth in Web Design: 5 Design Tricks [ad#ad-2] 下記は各ポイントを意訳したものです。 はじめに リアリスティックなインターフェイス ラッピングとリボン 遠近法 オーバーラッピング シャドウ おわりに はじめに デザインに『奥行き』を与えると、ウェブサイトをユニークにし、ビジターに忘れがたい印象を与えることができます。それが抽象的な方法なものであっても、奥行きがリアリズムを与えます。グラフィックデザイン、ロゴ、ウェブデザインなどこういった付加的なリアリズムはあらゆるデザインにおいて、興味を引き起こすことができます。 また、奥行きを使うことで、特定のエレメントの強調をしたり、情報の正しい階層を作ることも可能です。フラッ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
国内のWeb制作に役立ちそうな無料の写真素材やフォント、Webデザインギャラリー等のリソースサイトいろいろ・2011 - かちびと.net
「なぜかお金が貯まる人」の“貯め習慣” 年収差は30万円、なのに貯蓄は380万円差 ：日本経済新聞
Google の言語テスト、勝者は C\+\+ - スラッシュドット・ジャパン
はじめてのjQuery