パンくずリスト（Topic Path）を作成する際に使えそうなサンプル8種｜CSS HappyLife
普通のエントリー久々な気がする今日この頃。 今回はトピックパスとかパンくずリストなんて呼ばれてる、ちょっと規模の大きいサイトでは日常茶飯事で見かけるアレのサンプル色々です。 サンプルの前に #main .entryBody #topicPath_01 とかってなってますけど、#main .entryBody はウチのサイトの都合で優先順位上げの為にやってるんで、コピったりする場合はいらない感じです。 #main .entryBody #topicPath_01 { margin:10px 0; } #main .entryBody #topicPath_01 li { display:inline; line-height:110%; list-style-type:none; } #main .entryBody #topicPath_01 li a { padding-right:10
より早くcssやhtmlのコーディングが行えそうな情報いろいろ - かちびと.net
cssやプログラミングマークアップをより早く Web制作を少しでも効率化しよう と思って（今更）いろいろ便利そう な情報を探しました。既に使って いる情報の方が多かったのです が、折角調べたのでシェアしたい と思ってエントリーです。 Web制作を少しでも効率化しよう と思って（今更）いろいろ便利そう な情報を探しました。既に使って いる情報の方が多かったのです が、折角調べたのでシェアしたい と思ってエントリーです。 コーディングをもっと円滑に、という旨の情報です。順不同。あんまり多いと逆効果なので量は絞りました。一応これでも絞りました。絞ったつもり。 zen-coding話題になったzen-coding。だいぶ慣れて来た方もいらっしゃるのでは。 zen-coding（本家）HTMLコーディングが3倍速くなる？「Zen-Coding」秀丸Zen- Codingマクロコーディングの効率化を図
見ておくべきHTML5サイト集:phpspot開発日誌
5 Must See HTML5 Sites 見ておくべき、かどうかは分かりませんが、HTML5の可能性について知ることができるサイト集です。 ビデオ、キャンバス、ドラッグ＆ドロップ、ストレージ等HTML５のデモ集。 サポートブラウザの対応もアイコン付でわかりやすいサイト。 CanvasでWindowsのPaintを実現した凄いサイト HTML５で書かれたサイトのギャラリーサイト。 といった感じでHTML5について学べるサイト集。暇なときに眺めるだけでも予習になりそうですね。 関連エントリ 無茶苦茶カッコいいHTML5ビデオプレイヤー「SublimeVideo」 最近公開のHTML5関連の参考サイト色々まとめ
Ruby,Python,PHP,JavaScriptでマルチプラットフォームなデスクトップアプリを簡単に作成する Appcelerator Titanium Desktop - 仙台 Ruby Vim JavaScript フリーランスプログラマ
古いエントリーなのですが、まだ時折検索エンジン経由？でいらっしゃる方がいるみたいなので追記 Titanium Desktopは今はTideSDKと変わってオープンソースプロジェクトになっています。 いいたい事を先に。 Ruby,Python,PHP,JavaScriptやってる人でデスクトップアプリ作成に興味ある人は Appcelerator Titanium Desktop さわってみるといいと思います。OS X, Windows,Linuxとマルチプラットフォームなデスクトップアプリをhtml,JavaScript,Ruby,Python等の慣れ親しんだ技術で簡単に作成、公開することができます。 予想以上にブクマされてるみたいなので、Titanium Desktopの特徴を箇条書きですが追加しておきます。 一言で言えばJavaScriptで記述するAdobe AIRのようなRIAフレー
Zen-Codingが楽しい - ぱせらんメモ
最近ちょっと興味があったZen-Codingがvimでも出来るというプラグインがあったので試してみた。 Zen-Codingってのはプログラマが使うエディタについてるスニペット入力みたいな感じでHTMLがサクサク書けるようになるライブラリ。スニペットのHTML特化版。 CSSセレクタのような記法なので普段からWebの開発に関わってる人なら簡単に体得できると思う。 単体のエディタではなくプラグイン形式になっていて色々なエディタやIDEで使えるというのもいいところ。詳しくは下記サイトを参照。 zen-coding - Set of plugins for HTML and CSS hi-speed coding http://code.google.com/p/zen-coding/ vimプラグインはこっち。 Sparkup http://github.com/rstacruz/sparku
?utm_source=feedburner&utm_medium=feed&utm_campaign=Feed%3A+clockmaker+%28ClockMaker+Blog%29
アップルの新デバイス iPad が Flash に対応していないことや、アップルの CEO スティーブ・ジョブズ氏の苦言により、HTML5 は Flash に取って代わるのかという論議が現実味を帯びて論じられるようになりました。 「なぜAppleはiPadにFlashを載せるべきではない」のか AdobeのCTO、Kevin LynchがFlashを擁護―「HTML5はウェブビデオを暗黒時代に投げ戻す」 そこで、HTML 5 と Flash は何が違うのか両者の違いを図にまとめてみました。 (上の画像はクリックで拡大できます) 左側が HTML5 にしかない機能、右側が Flash にしかない機能で、中央の重なっているところが両方が利用できる機能です。グラフィック関係では、HTML5 では描画やビデオ関係はサポートするものの、テキスト周りや高度なグラフィック処理、デバイス機能ではまだ Fl
ポケットに入るPCが欲しい
ポケットに入るPCが欲しい 「布団コンピューティングのできるガジェットがほしい」 なのだけど、 「Twitter / medtoolz: タッチパネルのインターフェースは便利なんだけれど、...」 という話を聞くと、タブレットじゃ駄目なのかもと思うわけですね。 じゃあやっぱりポケットに入るPC、スマートフォン的なもの、 iPhoneだったりAndroidケータイだったり、 そういうものに期待するかとなるわけですが。 欲しいものをはっきり定義しときましょう。 ポケットに入る小ささ、軽さ。 Webがストレスなく閲覧できる程度の速度。 とりあえず現状だと遅いんですよね、ケータイって。 HT-03Aとか、Nexus One で、はてブを表示させたりすると、やっぱり遅いのですよ。 そういえばiPhone3Gでは試してなかった。速ければいいなあ。 スマートフォンが消し去ったもの - レジデント初期研修
Chromium-Extensions-Japan - Google Groups
このグループはGoogle Chromeの拡張機能について、APIの最新情報や開発のノウハウなどを日本語で共有するGoogle 準公式のコミュニティです。 Google Chrome 拡張はHTMLとCSS、JavaScriptを用いて、手軽に開発ができます。特に、HTML5やその関連技術(Web Storage、Web Workers、Web Socketsなど)や、WebKitのCSS3先行実装などを使って、強力なアプリケーション・サービスを開発することができます。 ドキュメント等々、まだまだ日本語での情報は不足している面はありますが、このコミュニティを通じて情報交換をして行きましょう！ 対象とするテーマ - Google Chrome拡張開発(各種APIの使い方、開発ノウハウ) 参考リンク - Official Google Chrome Extensions documentati
美しいHTMLの条件を綺麗にまとめた一枚の画像 - IDEA*IDEA ～ 百式管理人のライフハックブログ
ドットインストール代表のライフハックブログ
HTMLのコーディングでお金を取れる時代は終わったのか
2週間くらい前、会社の郵便受けにDMが入っていた。 それはHTMLのコーディングを下請けで請けますよという内容だった。 それだけであれば、同じような内容のものがたまにくるし、実際、どうしても人手が足りない時には外注したりもしている。 そのDMの問題点は、その価格だ。1ページ500円～とある。 なんだその500円ってのは。ハッピーセットか。 おまけに75％OFFの割引チケットまでついてやがる。なんだそれは。 ほかのコーディング下請け業のHPを見ても、価格差が歴然としていると思う。 うちはWebサイトの構築では、見積書に細目をあえて書かないことが多いが、クライアントから求められれば出すようにしている。 HTMLのコーディングは1ページ大体1万円もらっている。この1万円が高いのか安いのかはわからないが、この業界に入ったときは1ページ2万3万なんてところもよくあった。10年以上前の話。 10年で3
HTMLとCSSしか書かなかったコーダーは今なにしてる？ - Hato-Style
2009年09月13日 （日） Web雑談 風邪ひいた。頭が痛くて熱が下がらない...しかし悶々として眠れない。いろいろと他にの人に迷惑かけちゃったり、マジごめんなさい。ちょっと寝付けなくなっちゃったので、横になりながら頭の中で思ってたことをiPhoneでメモ書き。 マークアップエンジニアはどこへ向かうべきか（を考えてたらカッとなって LL の資料公開） - IT戦記 HTMLは道具 3ping.org マークアップエンジニア云々に関して書いてみる | Blog hamashun.com プログラミング知らないHTMLコーダーがダメな理由 はてな匿名ダイアリー HTMLコーダーやWebデザイナーをバカにしているプログラマーは全員腹切って死ね - kwatchの日記 (X)HTML + CSS しか出来ない人はそれなりに危機感を感じたほうがいいと思った今日の昼ご飯でした。 マークアップエンジ
セマンティックで使いやすいフォームを制作するための習作
ビギナーのためのセマンティックでアクセシブルで機能性にも優れたフォームを制作するための習作Nettuts+から紹介します。 20+ HTML Forms Best Practices for Beginners 下記は、その意訳です。 1ステップずつフォームを改善し、アクセシブルで機能性をアップするポイントを紹介します。 セマンティック アクセシビリティ ファンクショナリティ デザイン 結論 セマンティック 1. fieldsetを使用 ユーザーが入力する多くのフィールドがある際、fieldset要素を使用して類似情報をまとめます。 <textarea name="code" class="html" cols="60" rows="5"> <fieldset> <span>Billing Address</span><input type="text" /> <span>City</sp
標準準拠・後方互換モード各々の CSS 解釈の違いをまとめたドキュメントを共有
2007-07-27T21:11:11+09:00 最近のブラウザには DOCTYPE 宣言の有無や種類で大きくわけて2種類の表示モードを切り替え、CSS や HTML の解釈を変える機能が備わっています。マイクロソフトは同様の機能を DOCTYPE スイッチとしており、一般的にもそう呼ばれることが多いように感じます (この記事でも DOCTYPE スイッチとします)。 DOCTYPE スイッチはオンの状態で standards mode (標準準拠モード) に、オフの状態で quirks mode (後方 (過去) 互換モード) になります。標準準拠モードは仕様に準拠した厳格な表示モード、後方 (過去) 互換モードは仕様に準拠していない古いブラウザとの互換を目的とした表示モードです。つまり DOCTYPE 宣言の記述が無いようなコンテンツに対しては、仕様に準拠していない古いブラウザの解釈
HTML5のセマンティックなタグはまだ議論沸騰中
HTML5には、文書内部に書かれた情報を意味付けするためのセマンティックなタグが追加されています。section、nav、aside、header、footerなどのタグです。 例えば、現在では多くのWebサイトがDivタグを使ってメニューや本文、サイドバーなどを記述しています。 <div class="navigation">ナビゲーションメニュー</div> <div class="article">本文の内容</div> <div class="sidebar">サイドバーの内容</div> <div class="footer">フッタの内容</div> これが、HTML5ではナビゲーション用のタグ、本文用のタグ、サイドバー用のタグなどが用意されていて、それらを使って記述することができるようになります。 <nav>ナビゲーションメニュー</nav> <article>本文の内容</
WebKitという世界標準。 - 日々、とんは語る。
にわかに現れ、ネット界を震撼させているバズワード。 以前からあった機能を「特別」にするiPhoneマジックという記事で使われている言葉ですが、ウェブ製作者の人からしてみれば、思想的に逆行、むしろ反逆しているような言葉ですね。 何故かと言えば、それ即ち、今現在でいうところの「IEという世界標準」と置きかえれてしまうからではないでしょうか。 別にWebKit自体が駄目だというわけではなく、ブラウザはあくまでウェブ "ブラウザ" であって、ブラウザ自体が標準にはなりえないわけです。全てのブラウザで等しくブラウジングできるようにあるために、標準(仕様)があるわけで、ブラウザは標準(仕様)に基づいてレンダリングできれば、何でも良いわけです。 docomo の新プラウザが(WebKitじゃなくて)イケてないという意見がありますが、逆に WebKit を採用して幸せになるのは、一体誰なのでしょうか？ i
[Think IT] 第2回：HTML 5の機能を試す！(1/3)
【即実践！HTML+CSS】ポストWebコーディング 第2回：HTML 5の機能を試す！ 著者：吉田 光利 公開日：2008/04/14（月） HTML 5で実現される世界 前回は「HTML 5が結構いけそうで、マイクロソフトも含めたブラウザベンダが足並みをそろえてHTML 5に向かっている」ということをお伝えしました。今回は実際にどのようなことができるのかに焦点を絞って解説していきましょう。実際にサンプルを試せる内容になっていますので、ぜひ体験してみてください。 sample.zip （ZIPファイル/1.26 KB） HTML 5を一言で言うと「WebアプリケーションとセマンティックWebを実現するためのHTML」ということになります。HTML 4が勧告された1999年は、WebアプリケーションやセマンティックWebという存在がありませんでした。それから9年を経た今、ようやくそれらを考
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Loading...%26utm_content%3DGoogle%2520Reader)
css-lecture.com
IDEA * IDEA
http://blog.crara.cc/archives/492