タグ HTMLコード
人気順 5 users 10 users 50 users 500 users 1000 usersマイクロソフト、手描きスケッチからHTMLコードを自動生成する「Sketch2Code」 - CNET Japan
Microsoftは、手描きしたWebアプリ用ユーザーインターフェイス(UI)デザインのスケッチ画像を読み込み、実際に動くHTMLコードを自動生成する技術「Sketch2Code」を開発した。 この技術を使えば、ブレインストーミングで出されたアイデアを整理してホワイトボードに描いたUIデザイン案を撮影し、その場で実動プロトタイ... 続きを読む
Microsoft、手書きのUIスケッチをHTMLに変換する「Sketch2Code」を発表:AIで手書きの図形と文字を認識 - @IT
AIで手書きの図形と文字を認識:Microsoft、手書きのUIスケッチをHTMLに変換する「Sketch2Code」を発表 Microsoftは、手書きでスケッチしたUI画面をHTMLコードに自動変換するWebベースソリューション「Sketch2Code」を発表した。 Microsoftは2018年8月30日(米国時間)、ホワイトボードなどに手書きでスケッチしたユーザ... 続きを読む
web制作の自動化が進む! 画像から自動コーディングする深層学習プログラムが公開 | Ledge.ai
web制作業界において、自動化ができそうで なかなか自動化できなかったのが、コーディング作業。 HTMLは確固に構造化されているので、コーディングの多くは単純作業でしたが、これまで自動化の手段がなく、煩わしかったのが正直なところ。 そんななか1月に、 画像のみからHTMLコードを自動生成するというプログラム とその解説が、 Floydhubのブログ上 で、公開されました。 こちらのプログラムは、p... 続きを読む
web制作の自動化が進む! 画像から自動コーディングする深層学習プログラムが公開 | Ledge.ai
web制作業界において、自動化ができそうで なかなか自動化できなかったのが、コーディング作業。 HTMLは確固に構造化されているので、コーディングの多くは単純作業でしたが、これまで自動化の手段がなく、煩わしかったのが正直なところ。 そんななか1月に、 画像のみからHTMLコードを自動生成するというプログラム とその解説が、 Floydhubのブログ上 で、公開されました。 こちらのプログラムは、p... 続きを読む
日本にいるWeb制作者に必要な英語力は「英会話」ではない | Webクリエイターボックス
私達Webサイトの制作者は、常に英語と関わっています。なぜならHTMLコードやプログラミング言語は英語をベースに作られているからです。そのため、Web業界界隈では英会話上達方法についてのブログ記事がよく話題になります。しかし、本当に英会話って必要なんでしょうか?海外の企業に就職するのであれば、英会話は必須ですが、日本にいるWeb業界の人達はどうでしょう? Web制作者にとって英語ができることのメリ... 続きを読む
OneClickCSS
OneClickCSSはHTMLコードを元に、様々なStyleSheetを自動生成するサービスです。子孫セレクタ、小セレクタ、Less、Sacc、Scssを1クリックで自動生成します。What's this? HTMLソースをもとに、id,class名CSS、子孫セレクタCSS、子セレクタCSS、LESS、SASS、SCSSを自動生成するオンラインサービスです。 従来のHTMLコーディグを強力にサ... 続きを読む
HTMLコードを解析して問題箇所と理由を知らせてくれるブックマークレット・HTML_CodeSniffer - かちびと.net
HTMLの構文チェックをその場で できるブックマークレットです。 問題箇所の数や、問題箇所もお しえてくれます。割と便利そう だったのでご紹介してみます。 HTMLのlintです。ブックマークレットを起動させてその場で解析、問題箇所も教えてくれます。 HTML_CodeSniffer OSSとしてGithubでも公開されてますので日本語に直しての利用も出来ますね。 ↑ 起動させるとすぐに解析してく... 続きを読む
ウェブページ作成の学習目的に作られたMozilla製HTMLエディタ「Mozilla Thimble」*二十歳街道まっしぐら
Mozilla Thimble HTMLの学習や作成に便利 Mozilla ThimbleはHTMLの学習や作成に便利なMozilla製のサービスです。 左側にHTMLコードを書くと、右側にプレビューが表示されます。 ウェブページ作成の学習を目的に作られたそうです。 文法ミスや推奨されるタグの提案もしてくれるので便利ですよ。 以下に使ってみた様子を載せておきます。 HTMLエディタとして使ってみる... 続きを読む
これは驚きの、CSSだけで作れる吹き出しボックス:phpspot開発日誌
Fun With CSS Shapes - Nettuts これは驚き!CSSだけで作れる吹き出しボックス。 次のような吹き出しが、画像を一切使わずにCSSだけで実現できてしまうようです。 HTMLコードをちょっと分かりやすいようにダイエットしてみたものが以下。 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www... 続きを読む
ブラウザだけでHTMLをPDFに変換してくれる『html2pdf』 | IDEA*IDEA
ブラウザだけでHTMLをPDFに変換してくれる『html2pdf』 March 10, 2008 9:58 AM written by Gen Taguchi ちょっと便利そうだったのでご紹介。ブラウザだけでHTMLをPDFにしてくれるツールです。URLを指定してもいいですし、HTMLコードを直接貼り付けてもいいようです。 ↑ ここで変換したいHTMLを指定。FLASHも埋め込めるようですね。 ↑... 続きを読む
エクスプローラ風Treeを表示するJavaScript (dTree) - youmos
Windowsを使っていると良く目にするTree表示。デレクトリ、フォルダ階層など表示に利用されることが多い。ブログなどではカテゴリ表示などで利用されているのを目にする。そんなTreeをJavaScriptで簡単に作成できるのがdTree。 Tree階層構造を表示する際にはJavaScriptコードのみで、HTMLタグの出力は必要が無くなる。HTMLコードに影響を受けなくなる為、JavaScrip... 続きを読む
CSSオンリーでクールなグラフを書くサンプル集:phpspot開発日誌
Apples To Oranges ? San Francisco Bay Area Visual and Experience Design Studio CSSオンリーでクールなグラフを書くサンプル集。 3つほど紹介されていてどれもクールで実用的。 1. まず、次のようなグラフを書くサンプル。 実際のHTMLコード <style> .graph { position: ... 続きを読む
SEO業者ですら感動する驚異のCSSテクニック - 不定期更新 SEOコラム
SEO対策講座 - 検索エンジン事情 - 独自ドメインはSEOに有利か? fseeker.jpが実践している最短距離のSEO対策。SEOコラムをお届けします。 SEO業者といえば HTML コードに日々気を遣い、検索エンジン対策のために無駄なコードは省略しようと躍起になるのが常です。 つまり出来るだけスッキリしたHTMLコードを目指すあまり、CSSにも詳しくなるわけですね。 そういったことからSE... 続きを読む