CSSでレイアウトするなら絶対覚えておきたい配置のルール：フロートや絶対配置、z-index とかいろいろ
最近改めて CSS の基本、要素の配置、レイアウトについて学習しました。過去に CSS でのレイアウトなどの記事を書いた事があるんですけど、改めて勉強してみたら、いろいろ間違えて解釈していたなー ... っていうか、基本が分かってなかったんだなーと反省 ...。今回は CSS の基本中の基本、視覚整形モデルについてまとめてみました。 Webデザインをする上で、必須とも言えるのが CSS …。このブログ – Webデザインレシピでも、過去に CSS について書いた記事がいくつかあります。最近 … でもないけど、以下のふたつは CSS でのレイアウトについて、いろいろと書いた記事でした。 CSSでレイアウトするなら絶対覚えておきたいブロックレベル要素のクセとかいろいろ – 2011年 6月17日 CSS：初心者の頃にハマったスタイルシートのあれこれ … IE7多め -2011年 4月21日 で
Webデザインの1pxを作るためのPhotoshopのレイヤースタイルいろいろ
色んな Webサイトを見ていると、1px にこだわって作られたキレイなデザインがたくさんあります。私は Photoshop を使っているので、Photoshop のレイヤースタイルを使って、1px の細かい所を作る Tips をまとめてみました。基本的な操作ばかりなので、これから Photoshop で Webデザインをやってみたいなーという人向けの記事です。 色んな素敵なデザインの Webサイトを観察していると、1px の細かいところまでこだわって作られてるデザインってとても多いですよね。1px … Webデザインでは一番小さいサイズ。「神は細部に宿る」という言葉もあるけれど、1px までしっかり作られたグラフィックはとても美しいですね！ 今回は Photoshop を使って、いろんな 1px を作ってみました。とは言っても難しいグラフィックデザインを作るわけではなくて、レイヤースタイル
知らないと損する「Facebookページのウォール投稿・運用ノウハウ」7選！これでインプレッションを最大化！:GaiaXソーシャルメディア ラボ／Facebook・twitterの企業利用法につ...
「ウォールにどんな投稿をしたらいいのか？」 「Facebookページのウォール運用をどうすればいいのか？」 困っていませんか？ 実は、Facebookページのウォール運用では、成果が出やすいウォール投稿方法というのがあります。 GaiaXソーシャルメディア ラボのウォールでは、投稿ごとの表示回数（以下、インプレッション数）を比較すると最大で「4倍」の違いもありました！ 今回は、ウォールへの投稿内容のインプレッション数を最大化させるための7個のティップスと、押さえておくべき「Facebookの仕様」をご紹介します。 ※インプレッション数は、Facebookページ運用のKPIの1つとしてとても重要ですよね！
歴代はてなブックマーク数の第1位〜第500位までのタイトルの傾向を調べてみてわかったこと｜男子ハック
JUNPです。男子ハックを始めて1カ月も経たず7万PVを超えました。PVが増えたからどうなの？って感じですが僕らとしてはとても喜ばしいことです。 僕たちがブログのアクセスアップのために意識したこと。それは「はてなブックマークされること」です。全てのブロガーさんに共通することかわかりませんが、はてなブックマークされるために意識したことをまとめたいと思います。 はてなブックマーク数が多い記事の全体的な傾向 はてなブックマークが多い順に記事のタイトルを見ていって、気になるタイトル（自分で思わずクリックしてしまうタイトル）を書いていったら全体的には以下のような共通点がある記事が多いように思えました。 理想と現実のギャップがあるタイトル（○○できなかった私の○○する方法） （例） C言語すら知らなかった私が２ヶ月でiPhoneアプリをリリースするまでにやった事。 | Last Day. jp 記事を
Bashmarks – Directory Bookmarks for the Shell | Huy Nguyen
Bashmarks is a shell script that allows you to save and jump to commonly used directories. Now supports tab completion. Install git cloneBashmarks is a shell script that allows you to save and jump to commonly used directories. Now supports tab completion. Install git clone git://github.com/huyng/bashmarks.git make install source ~/.local/bin/bashmarks.sh from within your ~.bash_profile or ~/.bash
誰も知らない、検索結果ページでお宝キーワードを発掘する方法
昨日は、Googleのキーワードツールを使ってモバイル検索のキーワードを探す方法を紹介しました。 でも、モバイルサイトを運営していないウェブマスターにとっては、さほど役に立たなかったかもしれません。 そこで、今日は通常サイト向けに、同じようにGoogleキーワードツールを利用した、でも“一風変わった”キーワードリサーチ方法を紹介します。 その方法とは、検索結果ページからキーワードを探す方法です。 まず、僕が以前、Sphinn Japan Blogに投稿したGoogleキーワードツールの使い方を確認してください。 Googleキーワードツールのもう１つの使い方 普通は、URLには狙っているメインキーワードに関連するサイトを指定します。 しかし、そうではなく狙っているキーワードを検索したときに表示される検索結果ページのURLを指定するのです。 たとえば、「英会話スクール」で検索してみます。 ブ
【完全版】アップル非公開『iPhone』の隠しコマンド全部見せます！ バッテリ寿命がのびるコマンドもアリ – ロケットニュース24（β）
2010年8月7日 いままで『アップル社が公開していないiPhoneの隠しコマンド』と『iPhoneに裏モードが存在した！ 裏モード突入の隠しコマンドを公開』という記事を掲載してきたが、あまりに反響が大きかったため当編集部は徹底して隠しコマンドを調査！ ほぼすべての隠しコマンドを発見したので、ここに紹介したいと思う。隠...【完全版】アップル非公開『iPhone』の隠しコマンド全部見せます！ バッテリ寿命が伸びるコマンドもアリ 2010年8月7日 いままで『アップル社が公開していないiPhoneの隠しコマンド』と『iPhoneに裏モードが存在した！ 裏モード突入の隠しコマンドを公開』という記事を掲載してきたが、あまりに反響が大きかったため当編集部は徹底して隠しコマンドを調査！ ほぼすべての隠しコマンドを発見したので、ここに紹介したいと思う。 隠しコマンドとは、『iPhone』の電話番号記入
coLinuxのディスク容量を増やす - Perl日誌
作業手順 ファイルの使用状況を確認します。 イメージファイルを作成します。 設定ファイルを修正してcoLinuxを再起動します。 ファイルシステムを ext3 フォーマット。 cobd0の内容(coLinux本体)をcobd2へコピーします。 cobd2のファイルシステムをチェックします。 cobd2のサイズを変更します。 設定ファイルを再度変更します。 colinuxを再起動します。 ファイルの使用状況を確認し、作業前と作業後のファイル使用状況を確認します。 ファイルの使用状況を確認 dfコマンドでファイルの使用状況を確認します。現在coLinux本体は /dev/cobd0 に存在しています。 [root@colinux]~% df -h Filesystem サイズ 使用 残り 使用% マウント位置 /dev/cobd0 3.8G 2.9G 705M 81% / tmpfs 31M
サイボウズで学んだこと - IT戦記
はじめに 2010 年 9 月 15 日を持ちまして、サイボウズ・ラボを退職いたしたました。 報告も兼ねて、久しぶりにブログを書いてみたいと思います。 （写真はゆうすけべーさんです） この会社に入って、たくさんの学びと思い出がありました。 その一つ一つをまとめていければ、素晴らしい記事になるのかもしれませんが、僕は文章が苦手です。 ですので、うまく退職のエントリを書き上げることができません。 言葉にできない。そんな感じです。 なので、このエントリはサイボウズ・ラボやサイボウズ本社の仲間たちへのありがとうの気持ちをこめて、自分らしく最後まで JavaScript のことを書きたいと思います。 サイボウズでの最後の仕事 僕にとって、サイボウズでの最後の仕事は「JavaScript で新しいユーザーインタフェースを作ること」でした。 そして、その中で始めて複数人による大規模な JavaScrip
perl - O'ReillyのiPhoneアプリ本からepubをぶっこぬく : 404 Blog Not Found
2010年07月16日01:15 カテゴリ書評/画評/品評Lightweight Languages perl - O'ReillyのiPhoneアプリ本からepubをぶっこぬく W00t! たった600円でオライリー本をiPadやKindleで読む。すてき。 - このブログは証明できない。 ところが、紙の本と比べてそれほど安くないんですね。iPhone版の600円はやはり魅力です。大丈夫。実はこのアプリからiPadで読めるepubを取り出すことができるんです。特殊なハックというわけではなく、オライリーのサイトでもやり方が書かれています。 Ebook Bundles - Getting The Most はてなブックマーク - samurai20000のbookmarkこれすごすぎる。ただ、やり方が面倒なので自動化したいとこ。 やりましょう。 できました。 #!/usr/bin/env p
Perl 非同期プログラミング
1. 非同期プログラミング with Perl 2010/08/07 Japan Perl Association 代表理事 株式会社ライブドア 牧 大 輔 (@lestrrat) 3. 普通の書き方 use strict; use LWP::UserAgent; my @urls = qw( http://www.livedoor.com/ http://www.dena.jp/ http://mixi.jp/ http://www.gaiax.co.jp/ ); my $ua = LWP::UserAgent->new(); foreach my $url (@urls) { my $res = $ua->get( $url ); ... }
Zen-Codingの応用でもっと超速に - 原稿ありきの変換について
ヤフー株式会社は、2023年10月1日にLINEヤフー株式会社になりました。LINEヤフー株式会社の新しいブログはこちらです。LINEヤフー Tech Blog はじめに こんにちは。R＆D統括本部 制作本部 ウェブデベロップメント部に所属しております。岡部和昌（@kzms2）と申します。 前回の記事（マークアップ効率化 - zen-codingでコーディングを倍速に）ではZen-Codingの基本について説明しました。 また、その内容をCSS Nite実行委員会（公式ページ）が主催した、Dreamweaver Town Meeting in TokyoというDreamweaverにフォーカスをあてたイベントで公演させていただきました。 ［撮影：飯田昌之］ その公演では、Zen-Codingを知らない方向けに、Zen-Codingとは何か・どんなことが出来るのかなど、基本に関して実演を行い
http://oalp.org/doc/writing/?q=doc/writing/
For full functionality of this site it is necessary to enable JavaScript. Here are the instructions how to enable JavaScript in your web browser.
モバイルユーザビリティ改善のチェックポイント保存版 - 全10回総まとめ（最終回） | モバイルサイト構築のユーザビリティいろは
2009年1月から連載してきた「モバイルサイト構築のユーザビリティいろは」も今回で最終回です。そこで今回は、今までの連載内容をおさらいしながら、モバイルサイト構築時におさえておきたいモバイルユーザビリティの総まとめをします。 前半では今までのおさらいをし、最後に自分でモバイルサイトのユーザビリティを改善するためのポイントを紹介します。 モバイルサイト構築時の基本チェックポイント公式サイトに関するポイントモバイルメールマガジンに関するポイントモバイルECサイト構築時のポイントモバイルFlashサイトの制作ポイント自分でできる！ モバイルユーザビリティ改善の3ステップモバイルユーザビリティ改善のケーススタディ1. モバイルサイト構築時の基本チェックポイント1-1. モバイル端末ならではの制約や特性を理解するモバイルサイトには、画面サイズや1ページで表示できるページ容量制限、キャリアごとの違いな
hail2u.net - Weblog - floatで並べたリストのセンタリング
ページング・ナビゲーションなどでリスト項目をfloat: left;で横に並べるというのは割りと良く使われると思う。並べること自体は特に難しいわけではないが、その並べたリスト全体をセンタリングしようとするとちょっとややこしい。display: inline-block;を使う手法やdisplay: table;を使う手法という黒魔法的(私見)な手法で実現可能だが、position: relative;でもいける。 ややこしい理由は簡単で、センタリングでよく使われるtext-align: center;やmargin: 0 auto;といった手法が通用しないから。検索するとすぐ出てくる比較的メジャーなdisplayで頑張る方法もわかりやすいし悪くはないのだけど、同一セレクタ内で複数のdisplayを駆使する必要があることやzoomマジックなどを併用する必要があることからコードがややこしくなる
ウノウラボ Unoh Labs: PHPで暗号化・復号化あれこれ
GT Nitro: Car Game Drag Raceは、典型的なカーゲームではありません。これはスピード、パワー、スキル全開のカーレースゲームです。ブレーキは忘れて、これはドラッグレース、ベイビー！古典的なクラシックから未来的なビーストまで、最もクールで速い車とカーレースできます。スティックシフトをマスターし、ニトロを賢く使って競争を打ち破る必要があります。このカーレースゲームはそのリアルな物理学と素晴らしいグラフィックスであなたの心を爆発させます。これまでプレイしたことのないようなものです。 GT Nitroは、リフレックスとタイミングを試すカーレースゲームです。正しい瞬間にギアをシフトし、ガスを思い切り踏む必要があります。また、大物たちと競いつつ、車のチューニングとアップグレードも行わなければなりません。世界中で最高のドライバーと車とカーレースに挑むことになり、ドラッグレースの王冠
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
https://labs.cybozu.co.jp/blog/kazuho/archives/2008/04/parallel-prefork.php
Web技術備忘録Wiki - データの存在チェックの書き方(SQL)
IDEA * IDEA
502 Bad Gateway nginx openresty 54.250.227.185