「常に最前面で透過度とuserAgentが変更できる」ブラウザを、Electronで作ってみた | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、フロントエンドエンジニアのいなばです。 コーディングのときの、「デザインとピッタリ合っているか」確認する作業って面倒ですよね。 最近はHeliumとMaptureという便利なデスクトップアプリを組み合わせてコーディングをしています。 先日、モバイルサイトのコーディングをする際に、HeliumがuserAgentを変更できなかったので、『Electron』を、透過とuserAgentの変更ができるブラウザにするべく試行錯誤してみました。 今回の記事では、その過程と方法をご紹介します。 １画面でもピクセルパーフェクトを効率化したい 先日、弊社フロントエンドエンジニアのほりでーが、こんな感じで（↓）コーディングをしているのを見かけて、超便利そうだったので真似してみることにしました。 Web制作でデザインカンプを徹底再現する為の便利なアプリ 1画面でHTMLをプレビューしつつ、カンプと
このブログのコーディングガイドライン[旧] : Web Design KOJIKA17
このブログのコーディングガイドライン[旧] 2012-04-30 今まで5回ほどブログのデザインを変更し、その度にHTMLのソースなどに、簡単な解説を入れてきました。 最近、Google Style Guideが流行ってる(?)ので、それっぽくゆるく書いてみます。 この記事について このコーディングガイドラインは、旧デザイン・ソースについてのものです。 現在のコーディングルールとは異なります。 旧デザインを参照したい方は、こちらをご覧下さい。 インデント インデントはしません。 URL URLが_(アンダースコア)の場合、リンクなどで下線が入るとアンダーバーが認識しにくくなるので、-(ハイフン)を使用しています。 HTMLについて DOCTYPE HTML5で記述。 IE9以下でも、ある程度スタイルを保てるように「html5.shiv」をCDNで挿入。 <!--[if lt IE 9]>
![このブログのコーディングガイドライン[旧] : Web Design KOJIKA17](https://cdn-ak-scissors.b.st-hatena.com/image/square/abaa13c8e836b378977eb131ef5a4f6d726842c6/height=288;version=1;width=512/https%3A%2F%2Fkojika17.com%2Fog.png)
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
re-dzine.net situs togel online toto 2023 -
HTML/CSS/JavaScript マークアップルール
