ai2html
ai2html is an open-source script for Adobe Illustrator that converts your Illustrator documents into html and css. Here are examples of how we’ve used the script at The New York Times and examples of how others have used it. Share your ai2html projects on Twitter, Delicious, etc. using #ai2html. Table of contents How to install ai2html How to use ai2html Frequently asked questions Settings Point t
爆速HTML – Elmでの仮想DOM | POSTD
新たな elm-html ライブラリでは、HTMLとCSSをElmで直接使用できます。FlexBoxも使ってみたいし、既存のスタイルシートも使い続けたいですか？ Elmは使いやすくなり、処理が 速く なりました。例えば、 TodoMVC アプリを再作成する場合、Elmの コード はとても単純で、 事前のベンチマーク でも、他の人気ライブラリに比べ処理速度が極端に速いという結果が出ています。 elm-html とMercuryは、どちらも virtual-dom プロジェクトを基にしているので、パフォーマンスが優れています。この記事では、前半で“仮想DOM”とは何か、 純粋性 と 不変性 によっていかに処理速度が上がるかということについて詳しく検証します。この検証によって、なぜOm、Mercury、Elmがベンチマークでこのような素晴らしい数字を出したかが分かるでしょう。 パフォーマンスは人
抽象化と組み合わせができるレイアウト言語があれば、CSSは必要ない | POSTD
Web上の視覚的なスタイルを指定するCSSは、あまりにも複雑で、恐らく今までに一度も正確に実装されたことはないだろう。それにもかかわらず、バージョンが上がるにつれて、その複雑さは増すばかりだ。一方で、CSSではできることが限られており、初歩的なデザインでさえ不可能であるか、あるいは法外に難しいことも少なくない。加えて状況依存的（または計算的）な側面を持つものは、すべて外部で対応しなければならないという有様だ。その結果、CSSに関するほとんどの手引きでは、希望する外観に何とか近づけたり、非互換性を回避したりするための頼りないハックに多くの労力が費やされている。 – Bret Victor 私は近年、クライアントサイドの開発技術を数多く見てきました。そして、その中でも特に興味深いと思ったのが Elm です。関数型のプログラミング言語としては、Elmはそれほどワクワクするようなものではありません
Primer
Primer’s design tokens for color, spacing, and typography.
WTF, HTML and CSS?
Reasons HTML and CSS might make you say what the fuck. A curated list of commonly frustrating HTML and CSS quandaries, miscues, and dilemmas. Created by @mdo. Contents Declare a doctype Box model math Rem units and Mobile Safari Floats first Floats and clearing Floats and computed height Floated are block level Vertical margins often collapse Styling table rows Firefox and <input> buttons Firefox
Code Guide
Golden rule Enforce these, or your own, agreed upon guidelines at all times. Small or large, call out what’s incorrect. For additions or contributions to this Code Guide, please open an issue on GitHub. Every line of code should appear to be written by a single person, no matter the number of contributors. HTML Syntax Don’t capitalize tags, including the doctype. Use soft tabs with two spaces—they
Vim Advent Calendar 2013 : Vim で Haml を書くときに quickrun.vim を利用したらちょー捗った話 - C++でゲームプログラミング
この記事は Vim Advent Calendar 2013 69日目の記事になります。 最近、Vim で haml を書く機会があったのですが、quickrun.vim を利用したら haml を書くのがちょー便利になったのでまとめておきます。 [HTML を Haml に変換する] Haml を書いている時に HTML のコードから Haml のコードに変換したいと思うことがあると思います。 そんなときは HTML2Haml を利用するとよいでしょう。 gem でインストールすれば使用できるようになります。 $ gem install html2haml また、次のようにして quickrun.vim を利用すれば、バッファの HTML や選択した範囲の HTML を Haml のコードに変換して出力することができます。 thinca/vim-quickrun " HTML のデフォル
Post by @manabuueno
ウェブ世界といっているのは、要はウェブブラウザのこと。 10年後、ウェブブラウザというのは時代遅れのアプリケーションになっているかもしれない。
Jeff Croft「web標準が成功しhtml名人は用済みになった」 - 以下斜め読んだ内容
jeffcroft.com 2014.1.3のブログエントリ 2014.2.13追記。結び（diversify or die）を誤解してた Web Standards Killed the HTML Star – JeffCroft.com 「html/cssが得意なだけでは飯が食えない」という周知の事実について 「名人」としての活動歴（書籍、登壇）のある人が現状について書いたエントリ 「あの名人はいま」風で面白く読んだ 以下斜め読んだ内容 2003年にJeffrey Zeldman「Designing With Web Standards」を出版した頃の話 html/cssかくあるべし、と議論されてた レイアウトはtable要素でなくcssで 画像置換のテクニック。これはアクセシビリティを守るため semanticなマークアップ - などなど カンファレンスも何度もあった。本を書いた人も
「Web制作者」ってHTML屋じゃないと思うんだよね
神戸ITフェスティバル2013にてconcrete5のご紹介をしてきました。5つのCMSの開発者やユーザーが順番にそれぞれのCMSを紹介し、最後に座談会をするという珍しいイベントでした。CMSを選定したいと思っている意欲の高い方が参加されていましたので、concrete5について色々特徴や他のCMSに比べて良いと思っているところなどを詳しくお話ししました。 このイベントのなかで他のCMSのプレゼンもずっと聞いていたのですが、SOY CMSの古荘さんがおっしゃったひと言がすごく印象に残りました。 コンテンツ = 企業の価値 #kif2013 — Takuro Hishikawa (@HissyNC) December 13, 2013 ホームページをリニューアルしたら社長ブログを作りましょう、毎日更新しましょう、何げない日常の話題でいいので毎日更新することが大事なんですよ、ページ数が増えると
HTMLのリンクタグ「href」は何の略なのか？
By David J Morgan オープンソースの共有ウェブサービスであるGitHubで働くRyan Tomayko氏は、長年ソフトウェア開発に携わってきた中で、HTMLの基礎のリンクタグである「href」が何に由来するのかについて考察を行っており、2008年からコラムの更新を続けています。 What does "HREF" stand for? http://tomayko.com/writings/wtf-is-an-href-anyway Tomayko氏は、リンクタグが、「url」や「link」、もしくは単に「ref」ではなく、なぜ「href」と表記するようになったのか？という疑問から、「HTML recommendation」を調べたところ、「href」の項目には属性の説明のみが書かれており、起源となる記述を発見できなかったとのこと。 By Anna Vignet ほかにもさま
sonificator
sonificator make every Web Pages to Music. Experience sound and visual of the structure of DOM and Webpages. sonificatorは、あらゆるウェブページから音楽を作り出します。サウンドとビジュアルでウェブページのDOMの構造を体験できます。 This Software is Beta version! I experienced Fatal Browser Crash frequently between testing. Before try this, save all data you're working on the browser (include other tabs/windows)! Sonification is the use of non-speech a
Android 4.x のブラウザがヤバい
2013年10月24日 ここ2週間ほど、TwitterでAndroidのブラウザを酷評しているわけですが。そもそも「ブラウザ」って何だよ、というところからして気に食わないのですけどね。何ですかブラウザって。一般名詞を固有名詞ぽく？使うだなんて、紛らわしいことこのうえない。デフォルトブラウザとも、標準ブラウザとも呼ばれることがあるらしいけれど、しかし表記は「ブラウザ」ってあるんだもん。本当にむかつく......いや問題はそこじゃなくて。最近、最強にイライラしているのは、html - android autofit mode causing issues with css width in web page - Stack Overflowで紹介されている件。記事中にあるように、この問題には対応策が無いわけではなく、日本語で紹介している記事もあります。 androidでwidthが効かない -
Android4系のデフォルトブラウザでwidthが効かないバグとbackground-colorで回避出来るというメモ | kanonjiのブログ
Android4系のデフォルトブラウザで、どうしてもレイアウトが崩れるという話を持ちかけられて、調べてみました。 どうもviewportを指定してない場合に、widthがdevice-widthより大きな値を指定しても、無視されるというものみたいです。 widthが効かないというのがどういう事か、文章だとよくわからないと思うので、再現させるコードと、それを表示したスクリーンショットを下の方に載せてます。 解決策 なにが起きるかと言うと、 p要素のwidthを無視して勝手に横幅が設定されて幅が短くなる。 androidのバージョンによって変わるみたいで、 android2系だと問題ないけどandroid4系だとおかしい(端末の違いも考えられるけど)。 いろいろやってみて、 なぜかbackground-colorを入れると意図した幅で表示された。 なんでbackground-c
androidでwidthが効かない - hateka’s blog
androidでバグなのか仕様なのかわからない現象に遭遇。 以下のhtmlソースでandroidだけ表示が崩れる。 <!DOCTYPE html> <html lange="ja"> <head> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0"> <meta charset="utf-8" /> <style type="text/css"> #page{ width:640px; margin:0 auto; background-color:#f7f5ef; } #main{ width:500px; padding:35px 20px 40px 20px; color:#221815; font-weight:bold; } .main_txt{ font
Zero-width space - Wikipedia
U+200B ZERO WIDTH SPACE (​, ​, ​, ​, ​) The zero-width space (rendered: ; HTML entity: ​ or ​), abbreviated ZWSP, is a non-printing character used in computerized typesetting to indicate where the word boundaries are, without actually displaying a visible space in the rendered text.
全日本＜label＞要素マークアップ検定
Web入力フォームの縁の下の力持ち、Label要素をマスターするための検定試験です。 仲間内の勉強会で、ちょっと遊びすぎましたｗ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
HiQPdf HTML to SVG Converter Online Demo Application
http://macaw.co/
GitHub - vincelane/disqus-style: A Disqus style guide and HTML component repository.
