Pure.css
CSS with a minimal footprint.Pure is ridiculously tiny. The entire set of modules clocks in at 3.5KB* minified and gzipped. Crafted with mobile devices in mind, it was important to us to keep our file sizes small, and every line of CSS was carefully considered. If you decide to only use a subset of these modules, you'll save even more bytes. * We can add correctly :) the numbers above are individu
[OpenCV][Ruby]Webページのデザイン崩れ確認の自動化 - zuqqhi2 Tech Memo
コンピュータビジョンのライブラリOpenCVのアドベントカレンダーです。OpenCVの知られざる機能（マイナーとも言う）、こんなプラットフォームでOpenCVを動かした、分かりづらいバグに遭遇した、こんな便利な機能があるなどの情報を中心に書いてます。http://qiita.com/advent-calendar/2015/opencv (昨年のAdvent Calendar)あと、今年は昨年と違い執筆希望者多数で、以下の記事もAdvent Cale... 他の皆さんの内容とくらべてかなり簡単な内容です。 解決したい問題 仕事でWebサイトの開発・運用をしていたとき、サイトのリニューアル時のデザインがブラウザ間の挙動の違いによって崩れたり崩れなかったりして、何度もデプロイしては目視で確認したりしていました。 そのとき目視で確認するのが大変だったので楽にやりたい自動化したい、というのがやりた
![[OpenCV][Ruby]Webページのデザイン崩れ確認の自動化 - zuqqhi2 Tech Memo](https://cdn-ak-scissors.b.st-hatena.com/image/square/f5ccc2faeaa8d4e4bb39ee57ac3a0d7c9abe8c8c/height=288;version=1;width=512/https%3A%2F%2Fzuqqhi2.com%2Fwp-content%2Fuploads%2F2016%2F12%2Ftemplate_matching_anime.gif)
シンプルでかつ最高のJavaScriptプロファイラ sjsp を作りました！ ― Webアプリケーションが複雑化する中でプロファイラに求められるものとは何か - プログラムモグモグ
あらすじ Web技術が複雑になる中で、JavaScriptのプロファイリングをとる方法とは。 プロファイリングを取るためのコードを手で書いてみましょう。 とてもシンプルで、かつ最高のJavaScriptプロファイラ sjsp を作りました。 本当にあった怖い話 上司 「とにかくJavaScriptのコードを速くしてくれ」 私 「分かりました、速くします」 (次の日) 私 「いいプロファイラがないなら作ればいいじゃない」 同じチームの人 「えっ？」 私 「最高のJavaScriptプロファイラ作ったよ」 同じチームの人 「「えっえっ？？？」」 私 「早速使ってみたらこことここが遅いって分かったよ」 同じチームの人 「「「この子は一体…」」」 JavaScriptのプロファイリングの難しさ 近年、Webブラウザーの処理速度は著しく向上し、その可用性の高さから、アプリケーションのプラットフォーム
テキストエリアをMarkdownエディタに切り替えるGreasemonkeyを書いた
最近GitHubのコメントとかQiitaのコメントなど色々な部分でMarkdownで書くことが出来るようになっていると思います。 しかし、大体はただの<textarea>に絵文字やユーザ名の補完がついただけのものになっていて、 Markdown支援的な機能が入ってるものは意外と多くない印象です。 特に気になるのがタブインデントができなかったり、エディタ上のシンタックスハイライトが無かったりする所なので、 それを適当に解消するGreasemonkeyスクリプトを書きました。 azu/codemirror-anywhere codemirror-anywhere 名前の通り<textarea>をCodeMirrorのエディタに切り替える事が出来るものです。 こんな感じで、Cmd+E or Ctrl+Eで<textarea>とCodeMirrorを切り替え出来ます。 インストール codemir
Fitacular is for sale at Squadhelp.com!
About Fitacular.com Edit Fitacular.com is a short and memorable domain name that conveys a sense of a fitness-related product or service. The combination of "fit" and "spectacular" suggest a feeling of excellence and achievement, and the bright, positive connotations are perfect for any fitness-related business. This domain name could be used by a wide range of fitness-related startups, such as pe
Materialize - マテリアルデザインのためのCSSフレームワーク MOONGIFT
レスポンシブでWebデザインを組むのは当たり前、今のトレンドはマテリアルデザインにあるという時代になってきました。フラットUIを踏襲しつつ、アニメーションを効果的に使うことでさらにユーザビリティ高いデザインを可能にします。 主にモバイルアプリ用に使われていますが、Webデザインにおいても十分利用が可能です。今回はマテリアルデザインを実現するスタイルシートフレームワーク、Materializeを紹介します。 Materializeの使い方 今回はスクリーンショット多めに紹介します。 Materializeはレスポンシブかつマテリアルデザインのフレームワークになっています。開発の高速化、ユーザ体験重視、ドキュメントとサンプルを多めにして学習コストを低くするといった特徴があります。 MaterializeはHTML5/JavaScript/CSS3製のオープンソース・ソフトウェア（MIT Lic
[ヅ] RailGo Webサービス と JAX-WS を試す (2007-07-19)
以前に RailGo Webサービス と Apache Axis2 を試す というのをやったけど必要なライブラリJARファイルが多すぎて(51個！)イヤになったので、今度は JAX-WS のリファレンス実装でやってみる。 RailGoのAPI は RailGoアプリケーションの手引き や ExpService06 Web サービス あたりを参照。 JAX-WS の wsimport でスタブソースコードを生成 JAX-WS のリファレンス実装: jax-ws: JAX-WS Reference Implementation 今回は、バージョン 2.1.2 M1 を使用。 C:\work\jaxws-ri\bin>mkdir railgosrc C:\work\jaxws-ri\bin>wsimport -extension -s railgosrc -p railgo.jaxws http
CodeMirrorでカーソル位置が常に中央になるアドオンを書いた
azu/codemirror-typewriter-scrolling azu/codemirror-typewriter-scrolling という CodeMirrorのアドオンを書きました。 typewriter-scrolling? Typewriter Scrolling というのはタイトルのように入力行が中央になる機能の事らしいです。 FoldingTextに同じ名前の機能があります(これでこの名前を知った) FoldingText 入力位置が中央になる機能がちゃんとある。 TypeWriter Scrollingというのか http://t.co/zAjrlVzrpc — azu (@azu_re) August 16, 2014 また、JetBrains IDEにはShow virtual space at file bottomという名前で同じような機能があります。 要は
Handsontable is a JavaScript data grid that looks and feels like a spreadsheet - Available for React, Angular, and Vue
JavaScript data grid with spreadsheet UI A front-end component that combines data grid features with spreadsheet UX/UI. Professional support included. Works with React, Angular, Vue, and plain JavaScriptGet Started What's new in v14.4.0 of June 11, 2024 → All spreadsheet featuresWhen you work with Handsontable, it's like you're working with Excel or Google Sheets. There's no steep learning curve –
koa入門 - from scratch
さて、2013年12月19日にkoaというフレームワークの0.1.0がリリースされ、Hackers Newsに乗り、それが話題になっています。 これまでNode.jsのWeb Application Frameworkとして最もメジャーなのはExpressだと思いますが、Expressの作者であるTJを筆頭にExpressチームがKoaを積極的にエンハンスし始めているため、今後のNode.jsのフレームワーク勢力図が変わる可能性があります。 作者のメッセージを引用すると Koa is a new web framework designed by the team behind Express, which aims to be a smaller, more expressive, and more robust foundation for web applications and A
日本の全エンジニアに捧ぐ！現在公開されているAPI一覧【2013年版】 | Find Job ! Startup
2013年のいま、API界隈が熱い！ 今年に入り、官公庁の統計データやNHKの番組情報など、今までなかなか利用できなかったデータがAPIとして扱えるようになってきました。このエントリでは現在公開されているAPIを一覧でまとめます。いま使えるAPIはこれだけ読めば大丈夫。2013年の最新マッシュアップ事情をあますとこなく網羅します！ HOT! API 総務省 次世代統計利用システム（国勢調査、人口推計、就業構造、企業統計、物価統計 etc.） NHK番組表（※未公開） 行政・自治体・公共サービス 郵便番号 郵便番号検索API（郵便番号 → 住所） 郵便専門ネット（郵便番号 → 住所、郵便番号の簡易存在チェック） ぽすたん（郵便番号 → 住所、住所 → 郵便番号） IW3 PROJECT（郵便番号 → 住所、住所 → 郵便番号） 宇宙 Google+ JAXA PR（※現在一部の学生に限定公開
C++で作るWebアプリケーション
14 views Boost.勉強会 #12で発表した「C++で作るWebアプリケーション」 ... More… Boost.勉強会 #12で発表した「C++で作るWebアプリケーション」 C++をJavaScriptにコンパイルするコンパイラ Emscriptenを使ってC++でブラウザ上で動くアプリケーションを開発する方法を解説します C++で作るWebアプリケーション Presentation Transcript そんなC++の進出を拒んできた領域C++はとてつもなく汎用的な言語である2013年6月22日土曜日 WEB2013年6月22日土曜日 サーバ クライアントこっちは割とどんな言語でも書ける問題はこっち2013年6月22日土曜日 JavaScriptWEBブラウザで動く物を作るために長らく使われてきた言語近代的な多くのブラウザが共通して対応している唯一の言語2013年6月22
ネイティブとHTML5を スマートに連携させる設計と 実装のノウハウについて
「120分聞けばドヤ顔で語れる Apache Cordova スーパー勉強会」にて発表したCordovaに関する紹介です。 http://atnd.org/events/51539
Webブラウザ上でテキストスタイルをダイナミックに編集·Code Cola MOONGIFT
Code ColaはGoogle Chrome機能拡張として動作するスタイルシート設定ツールです。 Webインスペクタを使うとWebページを表示したままスタイルシートの編集ができます。ただ、数字やテキストを入力する形なので、思った通りの編集が難しいかも知れません。そこで試したいのがCode Cola、Google Chrome用のビジュアルスタイルシート変更ツールです。 立ち上げました。右上にあるウィンドウがCode Colaです。 任意のDOMを選択すると設定項目が表示されます。 スライダーを使ってフォントサイズをダイナミックに変更できます。 テキストのストロークを変更。 HTMLソースの表示。 設定項目を全てオープンしています。 テキストシャドーの設定。 Code Colaの利点は何と言ってもビジュアル的に分かりやすく、ダイナミックにスタイル設定ができることです。表示、非表示などの設定
Flexible BoxでGrowlみたいな通知UIを実装する - slowjet
↑の画像のみたいなGrowlぽい通知UIを作るときに、一筋縄ではいかなそうなところと言えば右上から下へ順に流れていってウィンドウに収まりきらなくなったら、列が変わって左へ流れていくようなレイアウトを作るところでしょうか。言葉が下手すぎたので図を見てください・・・ こういうやつ。 CSS力がめっきり減ってきてるので、確かこういうやつCSSで出来たと思うんやけどなーぐらいの感じだったんですけど、これこそFlexible Boxですね。 Flexibile Boxの詳細はわざわざ説明するのもアレなので以下の仕様書とかサイトを見て把握すればいいと思います。 CSS Flexible Box Layout Module CSS Flexbox Please! Using CSS flexible boxes HTML <div class="mod-notifications"> <div clas
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Web API サーバーとしての Elixir の可能性
Go言語入門者が Webアプリケーション を作ってみた話 #devfest #gdgkyoto
最近の Java Web 開発 : http://qiita.com/monzou/items/9174d0baf08af295e703
渋谷.clj楽しかった - 標高+1m
[Clojure] clj-webdriverでChromeのUser-Agentを変更する方法