ポラロイド？？ | Adan Kadan Blog
http://www.excite.co.jp/bbs/blog/all/thread-998453.html 回答の試し書きｗ ●画像をポラロイド風に加工する。 『エキブロ新聞』で見ましたが。自分でやったことはないです。 http://exblognews.exblog.jp/3110688/ [追加] 「Polaroid-o-nizer」っていうのも、見つけました。 http://polaroidonizer.b3ta.org/ ●１枚だけ、タグでポラロイド風。 写真を220px×220pxにトリミングして、中央置き設定で、アップロードして、[写真タグ]の前後にdivタグ、/divタグを入れてみました。数文字キャプションが入れられますｗ <div style="background-color:#fff; height:300px; width:250px; padding:0; bo
Diary--/*isaji*/MIDI Lab. | 本文中のh要素
先日書いた[CSSなんて飾りです]の記事へ、はてブでh要素に関してのコメントを頂戴しました。 2005年11月25日 retlet 『[css]ブログ時代のマークアップ入門。h要素はデザインによっては本文とレイアウト側で齟齬が生じる罠が』 はてなブックマーク - Diary--/*isaji*/MIDI Lab. | CSSなんて飾りです こーいうコメントを見ると、はてブってなんだかんだと言いながらも便利だよな、と思います。blogのコメント欄に書くまでもないけど、ちょっと言っておきたい、みたいな内容の時は特に。 それはともかく。 blogツール上での本文記述時に利用する、という前提で話を進めていたのに、h要素に関して深く考えなかったのは手落ちでした。 htmlテンプレートを自分で書いていれば、どこでh要素が利用されているか把握しているので問題ないですが、誰かが作ったテンプレートを流用して
スタイルシートを書く時のガイドライン - 2xup.org
2006-07-11T19:56:28+09:00 会社ではやっているのだけれど、自分のウェブサイトでもやってみよう。と簡略記述を利用する場合の値の順序やらもまとめとく必要があるのかもしれないけれど、セットフォーマットルールやプロパティの順番だけをサクッとまとめて資料にしてみました。課題は残したもののこれだけでも相当すっきり。詳細やセットフォーマットルールに関しては、ダウンロードできるようにしている資料を参考にしていただくとして、このエントリーではプロパティの順序についてまとめることに。自分自身が実際に作業を進めていくことを考慮し、その考えに基づいて設定したモデル別の順序は以下の通り。 生成 内容, 自動番号付け及びリスト (Generated content, Automatic numbering, and Lists) 利用者インターフェイス (User Interface) ビジュ
りくおさんの日記 - tapestry
りくおさんの日記 id:rikuoさんの日記のデザインが可愛すぎます。 仕事のあいまについのぞいては癒されています。 いちばん上にあるイラストのパターンを変えてはニヤニヤしたり・・・（箱からのぞくコーギーのお尻がたまらない！）。 思わず赤い箱を購入して、しなもんにも同じ事をさせてみようかと想像し、さらにニヤニヤする自分に気付いて赤面したり・・・。 りくおさん、あなたは偉大です。 そんなコーギーのイラストが可愛すぎるりくおさんの日記はこちら（勝手に紹介させてもらいますね）↓ http://d.hatena.ne.jp/rikuo/ Permalink | コメント(6) | トラックバック(0) | 12:20
drawnboyのブックマーク - はてなブックマーク
はじめに 書きかけです fluent-plugin-twitter を試してみた 当初は fluent-plugin-twitter が gem のコンフリクトで正常に動作しなかったが @y-ken さんにご対応頂いて動作するようになったのでテンション上がってブログにしてみた @y-ken さん、有難う御座いました！ 設定 elasticsearch や kibana 等はさくっとセットアップ。td-agent の設定だけ以下に記載。 <source> type twitter consumer_key xxxxxxxx consumer_secret yyyyyyyy oauth_token zzzzzzzz oauth_token_secret pppppppp tag input.twitter.sampling timeline userstream lang ja,en outp
HatenaをXHTML+CSSで組みなおす
授業中、生徒は課題制作で忙しく僕は用無し。ってことで、○○○をXHTML+CSSで組みなおすシリーズ(?)第二段を勝手にこっそり作ってた。 なるべく皆が知ってるサイトで、コーディングが楽しそうなサイトを探してたのだけど、なかなか決まらず、結局、生徒のリクエストでhatenaのトップページを組みなおす事にしました。 hatenaは一部レイアウトにテーブルを使っているものの、基本はCSSでの段組がされているので、mixiを組みなおすような大きな軽量化は出来そうにない。なので、楽しみ方としては、いかに無駄なマークアップを減らしてシンプルなXHTMLで同じ見栄えを再現するかだ。 これがまた、パズルで遊んでいるときの感覚に似ていてとっても楽しい。近い将来、CSSで１つの要素に複数の背景画像がおけるようになったとき、このパズル感が失われてしまうと思うと残念でならない。(半分ホンキ) で、帰ってきて手直
mixiをXHTML+CSSで組みなおす - 3ping.org
授業内で、既存サイトをXHTML+CSSで組み直す練習をするのですが、生徒が提出したのが「mixi」を書き直したもので、とてもよく出来てました。 mixiはテーブルレイアウトで組まれていて、基本は3カラムだけど、もとがテーブルなだけあって、ヘッダーのメニューが少し複雑だったり、セクションごとのビジュアル的なデザインや、細かい文字の余白のとり方が難しい。 現在のCSSは「どんな見栄えも出来てしまう」とは言えない。本当は言いたいのだけど、実際にはブラウザーのバグを回避するためにバッドノウハウを駆使したり、CSSの限界から、見栄えとは切り離すべきXHTML部分を調整しなくては再現できない見栄えがある。 けど、生徒の提出したものは、見栄えのためだけのdivも無ければ、ヴァリデーターだけを100点で通過するような機械騙しのXHTMLでもない。(一部、リストとしてマークアップできるところはある) もち
スタイルシート［CSS］/テキスト・フォント/改行・スペース・タブの扱いを指定する - TAG index
表示モードが互換モードの場合は、IEでは pre の指定が機能しません。（標準モードでは機能します） normal （標準） 連続する半角スペース、改行、タブは、1つの半角スペースにまとめられて表示されます。 幅いっぱいのところで、自動的な折り返しが行われます。 nowrap （自動的な折り返しを禁止する） 連続する半角スペース、改行、タブは、1つの半角スペースにまとめられて表示されます。 自動的な折り返しは行われません。領域の幅を超えたテキストは、はみ出して（または横スクロールで）表示されます。 pre （記述した通りの形で表示する） 連続する半角スペース、改行、タブは、記述した通りの形で表示されます。 自動的な折り返しは行われません。領域の幅を超えたテキストは、はみ出して（または横スクロールで）表示されます。
amerioのブックマーク - はてなブックマーク
投資ファンド「ユニゾン・キャピタル」（東京）が、「資（すけ）さんうどん」の店名で北九州市を中心に４２店舗を運営するうどんチェーン「資さん」（北九州市）の全株式を取得したことが分かった。取得日は３月３０日、金額は非公表。今後、本州や海外での店舗展開に乗り出すとみられる。 関係者によると、資さんは故大西章資氏が１９８０年に設立。２４時間営業や豊富で安価なメニューにより北九州地区で人気を集め、福岡市周辺にも店舗を拡大した。２０１６年８月期の売上高は６９億５千万円。 数年前、後継者問題を背景に、福岡銀行などが出資する福岡キャピタルパートナーズ（福岡市）が株式を取得。新たな運営企業を探していた。 譲渡先のユニゾン・キャピタルは、回転ずしチェーン「あきんどスシロー」などの企業再生や業績改善を成功させた実績がある。ユニゾン側は「外食の投資で培ったノウハウを活用し、今後店舗を拡大させる」としている。 ＝2
floatとpositionの使い分け
てんぽ: floatとpositionの使い分け CSSやHTML、FC2ブログのカスタマイズ、共有テンプレートなど CSSで段組をやるには普通floatかpositionを使いますが、どのように使い分けるのか。 これはいろいろと試行錯誤しているうちにわかってくるものなので、「そんなこと知ってる」という人も多いかと思いますが、まとめてみます。 条件としては以下のような感じ。 HTMLの記述順は「（ヘッダ→）記事→サイドバー（→フッタ）」を守る 記事領域とサイドバーの長さはページによって異なる（どちらが長くなるかわからない） サイドバーとフッタの文字が重なる、とかは駄目 floatとpositionの違いは、「floatは下方向に融通が利く」のに対し、「positionは上方向に融通が利く」といえます。 何のことかさっぱりわからないと思いますが、つまりこういうことです。 フロートはソース上で
Valid！なXHTMLを学ぶ
cheesedog | Renewal File | 目的： モバイルからの画像の観覧が、できる限り可能であるために。 ファイルサイズの軽量化を心がけて、ダウンロード時間を短縮したい。 架空のページ。[ A fictitious page. ] kozika's moblogUK *Tune for Cherry*_| empty | * アップデートは終わりました。 Update was finished. * しかしながら、写真は空です。 However, photos(images) are empty. * なぜならば、moblogUKの編集ではdivとulのタグを使用することができません。 Because the contents edit profile of moblogUK cannot use tag to add
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
NameBright - Coming Soon
はてなブックマーク - netcraftのブックマーク
Music A Go! Go! 2007
WEBSITE.WS - Your Internet Address For Life™
もっと、カタチのあるものを作りたい | life | thinking - 氾濫原
デザインがカワユスすぎるｘ３ -
JavaScriptは使わずCSSだけで作られたイメージギャラリー - GIGAZINE
http://www.soxiam.com/Notes/CSSTools
酸化型・還元型・活性型・包摂体コエンザイムQ10とは｜コエンザイムQ10飲み比べ！-CoQ10Web-