Mixer2 – Beyond the JSP
Introduction 複数の異なる店舗が軒をつらねるショッピングモールのようなECサイトや、 あるいはブログサービスサイトなどでは、 Webアプリケーションとしての機能は同じであってもユーザー毎に異なるWebデザインを求められることがあります。 あるいは、サイトがひとつでユーザーがひとりであっても、 マーケティング上の理由から、機能を変えずに見栄えを常に変更しつづけたい、 という要求もあります。 しかし、JSPやVelocityに代表される従来型のテンプレートエンジンは、 JSPであればカスタムタグを、 VelocityであればVTL(Velocity Template Language)を用いた特殊な構文を、 通常のhtmlタグに混在させてテンプレートを書く必要があります。 これは顧客とWebデザイナーの立場から見ると最終的なデザインの確認がしづらく、 プログラマーの立場から見るとプ
Tutorial: Using Thymeleaf (ja)
1 Thymeleafの紹介 1.1 Thymeleafって何？ ThymeleafはJavaのテンプレートエンジンライブラリです。XML/XHTML/HTML5で書かれたテンプレートを変換して、アプリケーションのデータやテキストを表示することができます。 ウェブアプリケーション内のXHTML/HTML5を扱う方が得意ですが、どんなXMLファイルでも処理できますし、ウェブアプリケーションでもスタンドアローンアプリケーションでも使用可能です。 Thymeleafのメインゴールは、テンプレート作成のための優雅で整形式の方法を提供することです。そのため、テンプレート内にロジックを記述する方法ではなく、事前定義されたロジックの実行を DOM(Document Object Model) 上でXMLタグ・属性によって指定する方法を基本としています。 このアーキテクチャのおかげで、パースしたファイルを
jsoup Java HTML Parser, with best of DOM, CSS, and jquery
jsoup: Java HTML Parser jsoup is a Java library that simplifies working with real-world HTML and XML. It offers an easy-to-use API for URL fetching, data parsing, extraction, and manipulation using DOM API methods, CSS, and xpath selectors. jsoup implements the WHATWG HTML5 specification, and parses HTML to the same DOM as modern browsers. scrape and parse HTML from a URL, file, or string find and
デザインPSDからコーディングHTMLを自動生成してくれるサービスAUTOCODINGを使ってみた
株式会社プレートさんが、AUTOCODINGというサービスを開始されました。デザインファイルからコーディングを自動生成してくれるというサービスですが、さわりだけ聞くといかにも眉唾な感じです。ほんまにちゃんと作ってくれるんかいな？ ということで試してみました。 試すには無料体験に申し込む必要があります。わたしの場合、入力したメールアドレスが間違っていたらしく、後日プレートの方から電話があり正しいメールアドレスを聞かれるというステップを踏みました。プレートの担当者様、たいへんお手数をおかけしました。ありがとうございます！ 無料体験に申し込むと、ログインページのURLとID、仮パスワードがメールで送られてきます。そのIDでログインしたところがこちら。 チュートリアルは手とり足とり教えてくれるというよりは、管理画面の概要をかんたんに説明してくれるコンテンツです。まずはマニュアルを読んでみました。
Scalateχ
@div(id:="my-div") @h1 Hello World! @p I am @b{Cow} Hear me moo I weigh twice as much as you And I look good on the barbecue <div id="my-div"> <h1>Hello World!</h1> <p> I am <b>Cow</b> Hear me moo I weigh twice as much as you And I look good on the barbecue </p> </div> Scalatex is a language for generating rich HTML documents in Scala. It lets you DRY up your documents the same way you DRY your co
Lucid: templating DSL for HTML
I’m not big on custom templating languages, for reasons I’ll write about another time. I prefer EDSLs. I preferred the xhtml package back when that was what everybody used. It looked like this: header << thetitle << "Page title" thediv noHtml ! [theclass "logo"] << "…" thediv noHtml ! [identifier "login"] Pretty line-noisy to read, write and hard to edit in a reasonable manner. Later, blaze-html b
コー速 ～PSD->HTML高速変換サービス～
[2014.08.25] 現在、人的リソース不足につき新規のお申し込みを停止させて頂いております。ご迷惑おかけしております。目処が立ち次第再開致します。 [2014.03.16(04.14更新)] [重要なお知らせ]勝手ながら移管準備期間として3/16〜4/20までの期間、サイト上でのお申し込みを停止させて頂きます。お問い合わせフォームよりお問い合わせください。 [2014.03.16] [重要なお知らせ]コー速は2014年3月16日より運営事務局が株式会社トゥモローナレッジからツキノワ株式会社へ移管されました。 ★PSDやPNGなどのデザインデータからHTMLへハンドコーディングにて変換 ★翌日～５営業日以内の高速納品 ★検索エンジン対策(SEO)にも有効なWEB標準コーディングに準拠 ★Internet Explorer、Firefox、Safariなどのメジャーブラウザに対応 ★Mo
はてなグループの終了日を2020年1月31日(金)に決定しました - はてなの告知
はてなグループの終了日を2020年1月31日(金)に決定しました 以下のエントリの通り、今年末を目処にはてなグループを終了予定である旨をお知らせしておりました。 2019年末を目処に、はてなグループの提供を終了する予定です - はてなグループ日記 このたび、正式に終了日を決定いたしましたので、以下の通りご確認ください。 終了日: 2020年1月31日(金) エクスポート希望申請期限:2020年1月31日(金) 終了日以降は、はてなグループの閲覧および投稿は行えません。日記のエクスポートが必要な方は以下の記事にしたがって手続きをしてください。 はてなグループに投稿された日記データのエクスポートについて - はてなグループ日記 ご利用のみなさまにはご迷惑をおかけいたしますが、どうぞよろしくお願いいたします。 2020-06-25 追記 はてなグループ日記のエクスポートデータは2020年2月28
The Hypertext Application Language
HAL - Hypertext Application Language A lean hypermedia type Author: Mike Kelly <[email protected]> Created: 2011-06-13 Updated: 2013-09-18 (Updated) Summary HAL is a simple format that gives a consistent and easy way to hyperlink between resources in your API. Adopting HAL will make your API explorable, and its documentation easily discoverable from within the API itself. In short, it will make yo
「blinkタグ」の開発者が明かすテキスト点滅タグが生まれた知られざる理由とは？
By Steven Martin 「blinkタグ」とはテキストを点滅させる効果を持つHTMLコマンドの1つで、多くの人々に最も嫌われるタグの1つとして知られています。Netscape Navigator 2.0に独自に実装されていたものですが、IEはもともとサポートしておらず、2013年にFifefoxがblinkタグのサポート廃止したこともあり、近頃は見かけることもなくなっています。そんなBlinkタグの発明者自らが、「なぜblinkタグを開発したのか？」というおもしろおかしな開発秘話を語っています。 the origin of the tag - www http://www.montulli.org/theoriginofthe%3Cblink%3Etag 1994年当時、ルーさんはNetscapeを設立したエンジニアの１人であり、現在のポピュラーなブラウザの先駆けとなったテキスト
RawGit
RawGit has reached the end of its useful life October 8, 2018 RawGit is now in a sunset phase and will soon shut down. It's been a fun five years, but all things must end. GitHub repositories that served content through RawGit within the last month will continue to be served until at least October of 2019. URLs for other repositories are no longer being served. If you're currently using RawGit, pl
raw.githack.com
CDN for your source code raw.githack.com serves files directly from your source code hosting with proper Content-Type headers Use this URL in production No traffic limits or throttling. Files are served via CloudFlare's CDN. Files can be automatically optimized if you add ?min=1 query parameter. Use a specific tag or commit hash in the URL (not a branch). Files are cached permanently based on the
Responsive web design tool, CMS, and hosting platform | Webflow
Explore how freelancers do more, faster with Webflow
HTML の構造を YAML で吐き出すスクリプトを書いた - ヤルキデナイズド
pixiv の HTML がどんどん変わって pixiv gem が追従できなくて困った。ので楽するやつを書いた。 HTML を読み込ませると要素の親子関係と各要素の属性を YAML にして書き出す。テキストノード他は無視する。 XPath か CSS Selector で不要な要素を取り除くことができる。 !omap で書き出してあるから map の順序が固定されていて diff しやすい。 pixiv の画像一覧ページなどを定期的に取得して HTML で保存しておき、最新の2つから広告やワンタイムトークンを削除しつつ YAML 化して差分を取る。で構造に変化があれば対応する。テストも自動化したいけどそれはいずれ。 使い方： html2yaml.rb [-x, --exclude=<xpath or css>] \ [-i, --include=<xpath or css>] \ <UR
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
NerdyData
GitHub - tokiwoousaka/takahashi: 高橋Monad
hxt-css
input type = password autocomplete = off は使ってはいけない
GitHub - jsoverson/preprocess: Preprocess HTML, JavaScript, and other files with directives based off custom or ENV configuration
https://developers.google.com/web/tools/setup/workspace/setup-devtools