はてなブログのデザインを改造してヘッダーメニューを付けてみた - おんがえしの blog
関連記事を見やすくするためにカテゴリメニューを付けた。記事数の多いカテゴリとホームページとTwitterへのリンクを貼った。 はてなブログのヘッダーにナビゲーションをつけよう！ - 現代版徒然草 を参考に背景色だけ調整(シンプルにした)。 ソースコード カスタムヘッダ。 <nav id="global"> <ul> <li><a href="http://ongaeshi.hatenablog.com/archive/category/ofruby">ofruby</a></li> <li><a href="http://ongaeshi.hatenablog.com/archive/category/ruby">Ruby</a></li> <li><a href="http://ongaeshi.hatenablog.com/archive/category/milkode">Milko
抽象化と組み合わせができるレイアウト言語があれば、CSSは必要ない | POSTD
Web上の視覚的なスタイルを指定するCSSは、あまりにも複雑で、恐らく今までに一度も正確に実装されたことはないだろう。それにもかかわらず、バージョンが上がるにつれて、その複雑さは増すばかりだ。一方で、CSSではできることが限られており、初歩的なデザインでさえ不可能であるか、あるいは法外に難しいことも少なくない。加えて状況依存的（または計算的）な側面を持つものは、すべて外部で対応しなければならないという有様だ。その結果、CSSに関するほとんどの手引きでは、希望する外観に何とか近づけたり、非互換性を回避したりするための頼りないハックに多くの労力が費やされている。 – Bret Victor 私は近年、クライアントサイドの開発技術を数多く見てきました。そして、その中でも特に興味深いと思ったのが Elm です。関数型のプログラミング言語としては、Elmはそれほどワクワクするようなものではありません
uilang
a minimal, ui-focused programming language for web designers clicking on ".try-it" toggles class "hidden" on ".info-box" Try It Getting Started Insert uilang.js in your page, write some uilang as shown above in a simple <code> element and use CSS to show, hide and animate things. Download 1KB Build Interfaces Create popovers, tabs, galleries, overlays and more using a language specifically designe
Getting Started - schema.org
Note: You are viewing the development version of Schema.org. See how we work for more details. Getting started with schema.org using Microdata Most webmasters are familiar with HTML tags on their pages. Usually, HTML tags tell the browser how to display the information included in the tag. For example, <h1>Avatar</h1> tells the browser to display the text string "Avatar" in a heading 1 format. How
1pxdeep | A flat Bootstrap 3 theme that changes color
Be sure to use the LESS version of Bootsrap. Include scheme.less anywhere. Include 1pxdeep.less after all Bootstrap LESS. A working index.less might look like this: @import "scheme.less"; // color scheme @import "bootstrap.less"; // bootstrap @import "1pxdeep.less"; // 1pxdeep theme @import "style.less"; // your own styles Need help with LESS? Try the LESS CSS project page.
キーボードショートカットを使ってリンクを好きな形式でコピー出来るFirefoxアドオン「FireLink」 - ブログのおんがえし
久しぶりのバージョンアップ(2.2.0)です。なんかバグっぽい挙動があったので最新のSDKで再ビルド(無事バグは直りました)、いくつかの挙動を調整しました。 インストール Mozillaのページ からインストール出来ます。 特徴 久しぶりなので他のリンク生成ツールとの違いを。 キーボードショートカットを使ってリンク生成 テキスト非入力かつ非選択時にCtrl+Cでリンクを生成してクリップボードにコピーします。 リンク種類の切り替え 、1, 2, 3, .. 0キーを押すとリンク種類の切り替えを行うことが出来ます。よく使うリンク形式はいちいちコンテキストメニューを開かずにリンクを生成することが可能です。 編集ダイアログ Ctrl+Shift+Cで編集ダイアログを開くことが出来ます。リンクタイトルから不要なヘッダやフッターを削除したり、URLをちょっとだけ編集する時に便利です。 修正点 テキスト
ごく簡単なHTMLの説明
HTMLは本来簡単で便利なものです。「30分間HTML入門」で基本は十分。まずシンプルに自分の情報を表現してみてください。 You can write a document as simple as you like. In many ways, the simpler the better. -- Tim Berners-Lee 簡単なHTMLの説明 少し詳しいHTMLの説明 XHTMLから次世代ウェブへ 電子テキストで情報発信 簡単なHTMLの説明 だんだん説明の量が増えてきたので、コンパクトな入門ページを用意しました。 基本がきちんと分かる30分間(X)HTML入門 HTMLを使った人間・コンピュータ双方にわかりやすい表現 （スライドのHTML版） 何のためのHTML？ HTMLは画面をレイアウトするためではなく、文書を環境に依存せずに共有できるように記述するための約束です。そこを正
初級ホームページ作成講座｜CSSデザインサンプル
それぞれの詳細項目へジャンプします。 ホームページの構造 HTMLなどの基本とCSSについてです。ここが一番重要かも。 たったこれだけタグ講座 必要最小限のHTMLダグです。これだけで立派なウェブサイトがつくれます。 ホームページ作成 --- ここがメインです floatとpositionでの段組み解説です。基本通りのベーシックな段組み解説。 ホームページ作成その他 ページリンクの作り方、ホームページページの公開方法、レンタルサーバーについての解説です。 ホームページの構造 HTMLについて DOCTYPE宣言(文書型宣言)について テーブルレイアウトについて スタイルシートについて スタイルシートレイアウトについて たったこれだけタグ講座 基本タグ講座 ボックスモデルについて <div>タグ 見出しタグ 段落タグ リスト リンク 強調 テーブルタグ講座 表ををつくる セルを並べる セルを
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
