spade9970のブックマーク / 2011年6月15日

spade9970 id:spade9970

2011年6月15日のブックマーク (5件)

CSSセレクタ20個のおさらい
CSSセレクタって意外と分かっていなかったりするので勉強ついでにまとめてみました。比較的実用的かなと思うものを20個紹介していきます。いい復習になればと思います。 CSSセレクタはスタイルを適用する対象を指定するものです。普段何気なく使っているclassやidなどもセレクタの１つです。属性や要素といった堅苦しい用語が出てきますので図で簡単に説明します。私のように基礎から勉強していないと、要素や属性と聞いてもピンときませんが、知ってみるとなんてことはないですね。また、IEが対応しきれていないCSS3のセレクタもありますが、IE6～8でもCSS3セレクタが利用できるツールの決定版「Selectivizr」で紹介したようにCSS3セレクタはie対策も容易なのでぜひお試しください。 SelectivizrはCSSを外部ファイルで指定した方がいいのですが、今回のサンプルはCSSを外部ファイル
spade9970 2011/06/15
CSS
リンク
南相馬の震災2ヶ月後の風景写真:ハムスター速報
南相馬の震災2ヶ月後の風景写真 Tweet カテゴリ東日本大震災 1：代行：2011/06/13(月) 22:52:03.57ID:+D/ABS4I0 この土日に、南相馬市原町区の実家にいってきた。色々写真とってきたので、震災から2ヶ月たった被災地の様子をうpしよと思う 7：以下、名無しにかわりましてVIPがお送りします：2011/06/13(月) 22:56:11.77ID:9V3D8uuV0 南相馬って20km圏内だっけ 11：以下、名無しにかわりましてVIPがお送りします：2011/06/13(月) 22:57:59.81ID:OVZxlWgJO >>7 小高区が30km圏内原町区が圏外 15： ◆72jHWGM4Rc ：2011/06/13(月) 23:02:08.36ID:XXBAtBKi0 常磐道は通れないので二本松IC→川俣線→原ノ町という道順。途中の飯舘村
spade9970 2011/06/15
2ch

東日本大震災

photo
リンク
[連載]WordPressでWebサービスを作る方法（1:PHPとは） | Stocker.jp / diary
このブログでは何度も触れていますが、3月にフリー写真素材 :: Free.Stocker という無料写真素材サイトをオープンしました。このサイトは、WordPress というブログ向けの CMS（コンテンツ管理システム）を使って作りました。このサービスを作った際の手順をケーススタディとして「PHPやWordPressを全く知らない方でも、WordPressでWebサービスを作り、それをたくさんの方に利用して頂ける方法を分かりやすく学べる記事を書こう」と思い書き始めたのがこの記事ですが、「PHPとは」から「WordPressサイトにおける内部SEO」「ソーシャルメディアマーケティング」まで網羅する特大記事になり、1記事として一度に掲載することが難しくなったので、全10回の連載としてお送りします。 WordPressやPHP初心者の方はぜひ1ページ目からソースコードを書き写しながら、既に
spade9970 2011/06/15
PHP

WordPress

tutorial
リンク
【スマートフォン向け】新規でサイトを作るのに使えそうなの一式。 - CSS HappyLife
前回の更新日が見たくない程に時が流れている今日この頃・・・。ブログを更新するモチベーションが中々上がらなかったんですが、まだ、だらだらでも良いから書いていきたいなと言う気持ちは有るんです。えぇ。こんだけ更新が滞ってても、Twitterとかで時々ブログ読んでますって言ってもらえたり、最近なら「今日からできる定時で上がるためのWEB制作効率アップ術 | カッシーのWEBる。」で、【HTML5】新規でサイトを作るのに使えそうなの一式。Ver 1 を紹介してもらったりしてうれしい半面、更新して無いなーと、何とも言えない気持ちになったり。なので、これからはちょろっとでもネタが有れば更新していきたいなーと。何をモチベーションに更新するかはまだ見つかってないけど＞＜さて、そんな訳で、今回はスマートフォン向けの新規でサイトを作るのに使えそうな感じの一式です。【スマートフォン向け】新規でサイトを
spade9970 2011/06/15
web制作

スマートフォン

template
リンク
[CSS]divなど余計なものを使用しないで、レイアウトをセンターに配置するテクニック | コリス
「<div id="wrapper">」などのラッパーを使用しないで、レイアウトをセンターに配置するスタイルシートを紹介します。デモページ ※スタイルにCSS3を使用しているため、この版はIE6には対応していません。後ほど紹介するシンプル版はIE6に対応しています。「<div id="wrapper">」を使用しないでレイアウトをセンターに配置するスタイルシート元記事ではスタディが段階ごとに紹介されていますが、ここではその最終段階を紹介します。 CSS：シンプル版 <!DOCTYPE html> <style> html{overflow: hidden; height: 100%; background: #c72;} body{overflow: auto; height: 100%; width: 600px; margin: 0 auto; /* center */ padd
spade9970 2011/06/15
CSS

layout
リンク
- 2011年6月16日
- 2011年6月15日
- 2011年6月14日