Learn CSS Layout
This site teaches the CSS fundamentals that are used in any website's layout. I assume you already know what selectors, properties, and values are. And you probably know a thing or two about layout, though it may still be a rage-provoking activity for you. If you want to learn HTML and CSS from the beginning, you should check out this tutorial. Otherwise, let's see if we can save you some fury on
Markdown メモツール mamemose を作りました - daimatz.hateblo.jp
mamemose: Markdown memo server Markdown で快適にメモを取るためのツールを作ったので公開しました。 mamemose といいます。 Ruby でできています。 UNIX ライクな環境で動きます。 GitHub リポジトリ： https://github.com/daimatz/mamemose コレは何 軽量マークアップ言語である Markdown でメモを取るためのツールです。 この手のツールはすでにいくつか存在しますが、 mamemose は次の特徴を持っています。 Ruby 製 ローカルで HTTP サーバとして動く テキストエディタ等で書かれた Markdown 形式のファイルを、コマンド操作無しで HTML に変換して表示する ローカルに余計な HTML ファイルなどを生成せず、ディレクトリを汚さない 複数マシンで内容を共有できる (要 Dr
Webアプリの問題点を「見える化」する7つ道具 (1/3) - ＠IT
今回の概要 システムが応答しない、パフォーマンスが劣化したなどのトラブルが発生したときに、原因がなかなか掴めず、あたふたすることはないだろうか？ 本稿では、Java EEトラブルシューティングの現場で役立つ7つ道具を紹介する ある日、突然電話が鳴る 用件は、「システムが不定期に停止する。よく分からないけど、どうやらJava EE部分がおかしい」とのこと。このような事態が発生したとき、やみくもに原因を調べ、いつまでたっても問題が解決できず、原因の一片も発見できないことが多々ある。 トラブルが発生した場合、ツールが充実していない昔は、開発者の経験と勘に頼るところが非常に大きかった。Webシステムが普及するいま、昔とは比べ物にならないほど、システムの数が増え、開発者数が増える一方、システム障害を切り分けられる職人的なエンジニアの人数はシステム数に比例して増えているわけではない。そのため、すべての
w3m (CUIブラウザ) をMacにインストール - hogehoge foobar Blog Style Beta
以前から気になっていた、CUIブラウザの「w3m」をMacにインストールして遊んでみました。 今回試した環境 今回「w3m」をインストールした環境は、 Mac OS X 10.6.7 MacPorts 1.8.2 になります。 MacPorts で w3m をインストール 「w3m」は MacPorts からのインストールが可能になっているので、「port」コマンドでインストールします。 MacPorts のインストールについては、SnowLeopardにMacPortsをインストール soi33.org などが参考になると思います。 「sudo port install w3m」というコマンドを実行して「w3m」をインストールします。 (各種ツールのダウンロードとビルドが実行されるため、そこそこ時間がかかります。) $ sudo port install w3m Password: --
レスポンシブWebデザインはブームではない
スマホ表示がFC2のデフォルトテンプレート使ってるような私にいわれたかないでしょうが、あくまでも使ってるユーザー側の視点として考えてもらえると嬉しいなと。 決して軽くするのが目的ではない 基本的にCSSでもじょもじょしているわけですから、例えばPC表示でサイドバーに画像があり、その領域をスマホに最適化する為に全て排除したとしても、見えないだけで読み込んでは居るわけですね。 Ethan Marcotte（イーサン・マルコッテ）氏が考案したレスポンシブWebデザインが生まれたのは2010年の5月。読み込みサイズに関してはやはり海外でも色々と議論されているわけでして、なかなかどうして大変ですねと。 そこから1年くらいたったあたりから日本にも広がりつつあります。 広がった理由はとてつもなく単純でして、PC表示、小型のスマホ、タブレットなど、様々なデバイスサイズに対応するために、全て1からCSSを書
連載インデックス「現場から学ぶWebアプリ開発のトラブルハック」 - ＠IT
Webアプリの問題点を「見える化」する7つ道具 現場から学ぶWebアプリ開発のトラブルハック（1） 現場でのトラブル発生時に原因がなかなか掴めず、あたふたした経験はありませんか？ そんなときには、このハック！
Browse Fonts - Google Fonts
Making the web more beautiful, fast, and open through great typography
HTTPステータス・コードとメソッド - CyberLibrarian
HTTPプロトコルでは、コンピュータ同士が通信している間に、コードを用いてお互いの状態(ステータス)をやり取りしています。このコードのことをHTTPステータス・コード(HTTP Status Code)と呼び、エラーが発生した場合に「404 Not Found」のようにブラウザ上に表示されたり、エラーが発生しなかった場合にも見えないところでやり取りされています。 また、通信を行うためにクライアントがサーバーに様々なリクエストを行いますが、このリクエストの方法をメソッドと呼びます。 規格
Creative Examples of 404 Web Page Designs - 1stWebDesigner
Despite search engines getting better at indexing websites, and sites paying extra attention to broken links through dedicated plugins and services, 404 pages are still an integral part of the modern web. As hard as companies and sites try to avoid issuing broken links and sending visitors to redundant pages, there will always be a certain few that slip through. As such, it’s important to have a 4
Web Safe Color一覧表/カラーチャート
Home | 目次 | Prev | Web Safe Color | Next ■ Web Safe Color (カラーチャート) Wabにおける SafeColorパレット #0000ff #00f RGB(0,0,255) #0033ff #03f RGB(0,51,255) #0066ff #06f RGB(0,102,255) #0099ff #09f RGB(0,153,255) #00ccff #0cf RGB(0,204,255) #00ffff #0ff RGB(0,255,255) #0000cc #00c RGB(0,0,204) #0033cc #03c RGB(0,51,204) #0066cc #06c RGB(0,102,204) #0099cc #09c RGB(0,153,204) #00cccc #0cc RGB(0,204,204) #00ffcc
Mac OS X LionでApacheとPHPを動かす | HAPPY*TRAP
まずは、httpd.confからみていきましょう。 httpd.confの場所 /etc/apache2/httpd.conf httpd.confの編集 管理者権限が必要なのでsudoでエディタ(例ではvi)を実行します。 $ sudo vi /etc/apache2/httpd.conf PHPの有効化 httpd.conf内の以下の行のコメントアウトを解除（先頭の#を削除） #LoadModule php5_module libexec/apache2/libphp5.so ApacheとPHPの起動確認用に、 ドキュメントルートに簡単なPHPプログラムを作成します。 初期状態のApacheのドキュメントルートは/Library/WebServer/Documentsになるので、 その直下に、test.phpというファイルを作成します。 /Library/WebServ
Firefox11リリース！SPDYプロトコルで通信してみよう！
Firefoxの最新版Firefox11がリリースされました。Firefox11では、主に以下の点が変更されています。 Google Chromeから、ブックマーク、履歴、Cookie をインポート可能に。 Firefox Sync でアドオンを同期できるように。 CSS3 の text-size-adjust プロパティ に対応。 HTML5 動画のメディアコントローラを再設計。 HTML 要素の outerHTML プロパティ に対応。 ソース表示の構文強調表示に HTML5 パーサを採用。 セキュリティ、安全性問題の修正。 また、今回のバージョンからGoogleが策定を進めている新しい通信プロトコルである、SPDY（スピーディ）プロトコルでの通信が可能になっています。SPDYは、HTTPよりも高速に通信することができる、とされています（一つのコネクションで多くのストリームを処理するこ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Official CDN of Bootstrap and Font Awesome
PhoneGapで学ぶマルチスクリーン対応ハイブリッドアプリ開発
googlecl - Project Hosting on Google Code
Mockup Designer
IDEA * IDEA
Components · Twitter Bootstrap
favicon.ico（ファビコン）の作り方 | IDEA*IDEA
Browserling – Online cross-browser testing
