Prince - Convert HTML to PDF with CSSIt’s quick and simple to convert HTML to PDF with Prince. HTML is seamlessly transformed into documents you can print, download and archive. E-publishing Prince enables you to typeset, format and print HTML content so you can be your own publisher.
はてなブログのデザインを改造してヘッダーメニューを付けてみた - おんがえしの 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
How to write a template engine in less than 30 lines of code
Credit: This article is based off of the templating library mote. I was inspired by the simplicity of the library and it makes a great study piece for those who haven’t looked into the internals of templating engines before. Preface: What is templating? Template engines are tools that generate text (strings) from templates and help separate presentation from application logic. Unless you’ve been s
TiddlyWiki備忘録(2015年版)を作りました。 - おんがえしの blog
去年に引き続き、TiddlyWiki備忘録の2015年版を作りました。 特徴 ブラウザさえあればどこでも使える 1つのhtmlファイルだけで構成されているので、持ち運びが楽 見出し、リスト、表組、リンク等、単なるテキスト以上の機能を内包する 豊富なプラグインが世界中で開発されている、アップデートも簡単 JavaScriptで作られているのでブラウザの進化に合わせて表現力が上がる。 個人用のメモを作った方がよい理由 以下に書きました。 自分専用のメモを作って簡単に検索出来るようにする ダウンロード ホスティング先をGoogleCodeからGitHubに引っ越しました。GoogleCodeのダウンロード機能の提供が中止されたためです。 zipアーカイブ - Releases · ongaeshi/my_tiddlywiki gitレポジトリ - ongaeshi/my_tiddlywiki -
Ruby+Nokogiriでスクレイピング入門 - プログラマでありたい
クローラー／スクレイピング Advent Calendar 2014の5日目です。あと、全部俺Advent Calendarも開催中です。 Webからデータを取るためにスクレイピングする際は、Rubyを使うことが多いです。理由としては、Nokogiriが手軽で簡単だからの一点です。Rubyによるクローラー開発技法でも随所に紹介しています。随所というレベルではなく、手を変え品を変えNokogiriでデータ取っているだけじゃねぇかと批判を受けるのではと、懸念するレベルかもしれません。Nokogiriは手軽で便利なので、ちょっと使い方を覚えておくだけで楽できるケースが一杯あります。ということで、Nokogiri入門編です。 Nokogiriの使い方 Nokogiriは、Rubyで実装されたHTML/XMLの構文解析器（パーサー）です。Rubyの中では、デファクト・スタンダードと言っても差し支えが
抽象化と組み合わせができるレイアウト言語があれば、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
Rubyによるクローラー開発技法の目次 - プログラマでありたい
るびきちさんとの共著である「Rubyによるクローラー開発技法 巡回・解析機能の実装と21の運用例」が今週末（8/23,24）くらいから、本屋さんの店頭に並ぶようです。経緯や執筆スタイルなどは別途まとめたいと思いますが、ようやくここまで辿り着けたというところです。 AmazonとSBクリエイティブさんのページを見ても、8/21現在では詳細の目次が無いようです。手元にあったデータを貼り付けておきますので、参考にしていただければと思います。 Rubyによるクローラー開発技法 目次 Chapter 1 10分クローラーの作成 1-1 イントロダクション 2 1-1-1 クローラーとは 2 1-1-2 Rubyとは 2 1-2 クローラー 「GNU Wget」3 1-2-1 Wgetとは 3 1-2-2 インストール 4 1-2-3 Wget の簡単な使い方 7 1-2-4 クローラーとしての Wg
Alchemium Platform Documentation
Use Alchemium to build native Windows applications with HTML5, CSS3, and JavaScript. Extend the platform with a powerful JavaScript to .NET integration bridge. The Alchemium platform was designed from the ground up to make it easy to build and distribute standalone, native Windows applications using the power of modern HTML5 and JavaScript. Applications built on Alchemium can target all common ver
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
これがスマートフォン向けサイトを作るときの viewport 設定３パターンだ
スマートフォン向けの Web サイトを作るとき、viewport の設定次第で使い勝手が大幅に変わる。 最近はレスポンシブ Web デザインが流行してるけども、その大前提として viewport の設定パターンを抑えておくのは重要だろう。 この記事では、viewport の設定によって、見た目・使い勝手がどう変わるかを解説する。 パターン1: 何も考えずに HTML を書く まずは、viewport を指定せずに、単純な HTML をスマートフォンで表示してみる。 <!DOCTYPE html> <head> <meta charset="utf-8"> </head> <body> <img src="/images/logo-ja.png"> <p>色んな素材がごった煮になった様子をお椀で表現しています。 湯気が<strong>「てっく」</strong>に見えるのが隠し味になっていま
reveal.js - The HTML Presentation Framework
Hello Therereveal.js enables you to create beautiful interactive slide decks using HTML. This presentation will show you examples of what it can do. Vertical SlidesSlides can be nested inside of each other. Use the Space key to navigate through all slides. Basement Level 1Nested slides are useful for adding additional detail underneath a high level horizontal slide. Basement Level 2That's it, time
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をちょっとだけ編集する時に便利です。 修正点 テキスト
dfltweb1.onamae.com – このドメインはお名前.comで取得されています。
このドメインは お名前.com から取得されました。 お名前.com は GMOインターネットグループ(株) が運営する国内シェアNo.1のドメイン登録サービスです。 ※表示価格は、全て税込です。 ※サービス品質維持のため、一時的に対象となる料金へ一定割合の「サービス維持調整費」を加算させていただきます。 ※1 「国内シェア」は、ICANN(インターネットのドメイン名などの資源を管理する非営利団体)の公表数値をもとに集計。gTLDが集計の対象。 日本のドメイン登録業者(レジストラ)（「ICANNがレジストラとして認定した企業」一覧（InterNIC提供）内に「Japan」の記載があるもの）を対象。 レジストラ「GMO Internet Group, Inc. d/b/a Onamae.com」のシェア値を集計。 2023年5月時点の調査。
HTML5でiPhoneアプリを作ってみた (1/3)
iPhoneアプリを開発するには、従来「Objective-C」というプログラミング言語を習得する必要があり、プログラミング経験が無い人には手が出しにくい存在でした。ところが最近ではHTMLとJavaScriptで作ったWebアプリをネイティブアプリに変換するツールやサービスが登場し、より手軽にアプリを開発できるようになっています。実際、「Objective-Cは分からないけれど、HTMLやJavaScriptなら書ける」という方は少なくないでしょう。 エースホーム株式会社の「ワクワクぬりえタウン」も、HTML/CSS＋JavaScriptで制作されたiPhoneアプリの1つです。APPLIYA株式会社のOEMサービスを利用してiPhoneアプリに変換し、iTunes App Storeで配布しています。
ごく簡単な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固定幅 2カラム右サイドバー グローバルナビゲーション1
Home > 無料テンプレート (X)HTML+CSSテンプレート枠 テンプレートはレイアウト枠のみの配布となります。段組は最もポピュラーな floatレイアウト です。 個人のホームページから企業サイト、ネットショップ、アフィリエイト用のサイトまで無料でご利用いただけます。素敵なウェブサイトにして下さい。 ご利用前(ダウンロード前)に「利用規約」を必ずお読み下さい DOCTYPE テンプレート枠はスタイルシートで段組してあります。下記のDOCTYPEを用意してあるので、ご自身のレベルにあったテンプレートをダウンロードして下さい。 HTML 4.01 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <!DOCTYPE html PUB
初級ホームページ作成講座｜CSSデザインサンプル
それぞれの詳細項目へジャンプします。 ホームページの構造 HTMLなどの基本とCSSについてです。ここが一番重要かも。 たったこれだけタグ講座 必要最小限のHTMLダグです。これだけで立派なウェブサイトがつくれます。 ホームページ作成 --- ここがメインです floatとpositionでの段組み解説です。基本通りのベーシックな段組み解説。 ホームページ作成その他 ページリンクの作り方、ホームページページの公開方法、レンタルサーバーについての解説です。 ホームページの構造 HTMLについて DOCTYPE宣言(文書型宣言)について テーブルレイアウトについて スタイルシートについて スタイルシートレイアウトについて たったこれだけタグ講座 基本タグ講座 ボックスモデルについて <div>タグ 見出しタグ 段落タグ リスト リンク 強調 テーブルタグ講座 表ををつくる セルを並べる セルを
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Canvas Cycle: True 8-bit Color Cycling with HTML5