AUTOCODING （オートコーディング） | デザインからコーディングを自動生成AUTOCODINGはデザインデータを基に、HTMLを自動で生成するエンジンです。 Photoshopデザインデータをアップロードするだけで、 HTMLとCSS、画像ファイルが出力されます。 SEOに最適化された美しいHTMLを出力します。 セマンティックコーディングを重視したHTMLですので、 その後の運用対応も柔軟に行うことができます。
デザインPSDからコーディングHTMLを自動生成してくれるサービスAUTOCODINGを使ってみた
株式会社プレートさんが、AUTOCODINGというサービスを開始されました。デザインファイルからコーディングを自動生成してくれるというサービスですが、さわりだけ聞くといかにも眉唾な感じです。ほんまにちゃんと作ってくれるんかいな？ ということで試してみました。 試すには無料体験に申し込む必要があります。わたしの場合、入力したメールアドレスが間違っていたらしく、後日プレートの方から電話があり正しいメールアドレスを聞かれるというステップを踏みました。プレートの担当者様、たいへんお手数をおかけしました。ありがとうございます！ 無料体験に申し込むと、ログインページのURLとID、仮パスワードがメールで送られてきます。そのIDでログインしたところがこちら。 チュートリアルは手とり足とり教えてくれるというよりは、管理画面の概要をかんたんに説明してくれるコンテンツです。まずはマニュアルを読んでみました。
ソニー、ブロックの組み合わせで「つながる生活」を実現する「MESH」を発表 - すまほん!!
Sony Mobileは、ブロックを組み合わせて「つながる生活」を実現するプラットフォームとして「MESH」を発表しました。 この「MESH」は、様々な機能を持つブロックを組み合わせることで、ユーザーが求める機能を実現できるとされています。同社はこの「MESH」の具体的な利用例として、ブログ上でこのような例を挙げています。 「モーションセンサー」ブロックと「スピーカー」ブロックを組み合わせ、ぬいぐるみに装着することで、子供が触れるとぬいぐるみが笑う 「カメラ」ブロックを冷蔵庫の向かい側に置き、「モーションセンサー」ブロックを冷蔵庫のドアに設置することで、冷蔵庫が開けられた時に写真を撮影し、常にスマートフォンへ転送することで冷蔵庫の内容を常に確認できる 「LED」ブロックを傘立てに設置し、天気予報をチェックするよう設定することで傘が必要な時にLEDが光り通知してくれる この「MESH」の機能
HTML&CSS フロントエンド 何度も読み直したい資料・ツールまとめ - 酒と泪とRubyとRailsと
HTML5/CSS3などのフロントエンドもWeb上の資料が充実しすぎていて、ついつい今までなんとなく作って体系的な知識が不足していました。知れば知るほど奥が深いフロントエンド・コーディングを少し手も効率的にするために、いくつか書籍を購入したり、ネット上の資料を読み込んでみたので、備忘録がてらまとめていきます。 (02/05 20:10) 定期見直し 🎂 [Style Guide]「Google HTML/CSS Style Guide」の和訳 Googleが作ったStyle Guide『Google HTML/CSS Style Guide』を和訳していただいた『Google HTML/CSS Style Guideを適当に和訳してみた』。HTMLのベーシックな書き方から、CSSの書き方まで一貫している。個人的にはCSSのプロパティがアルファベット順というのは合理的だと思う！ 🐰 [S
Hammer for Mac 6.8
Forget writing front-end code the old way. Hammer will save you time. Built in support for SASS (w/Bourbon), CoffeeScript, Slim, HAML & Markdown, as well as Hammer’s own special tags. This folder is your Project Folder and is the folder that Hammer will watch. All your edits and changes are made in this folder.
Humans TXT: We Are People, Not Machines.
Humans TXT logos You can download the official humansTXT logos and include them in your sites. Please remember you should ask for permission if you are not the owner of the site. How can I use it? We encourage placing the logo in the footer, and don’t forget to add a link to your humans.txt file! About humans.txt What is humans.txt? It's an initiative for knowing the people behind a website. It's
プログラミング初心者でもタッチで手軽にTwitter読み上げHTML5アプリを作れるTouchDevelop
プログラミング初心者でもタッチで手軽にTwitter読み上げHTML5アプリを作れるTouchDevelop：iPad上でアプリ開発は、どこまでできるのか（3）（1/4 ページ） タッチデバイスで手軽にアプリを作れる新しい開発ツ－ルの概要や使い方を解説。プログラミングの基本も学べる連載です。今回は、自分で作らずに公開済み画像が使える「art」機能やTwitter／Facebookの検索、音声読み上げ機能の使い方、HTML5アプリとしてクラウド上に公開する方法を紹介します。 前回の「TouchDevelopでプログラミングを始めるための基礎知識」では、TouchDevelopで、グローバル変数の使い方やイベントハンドラ、カスタムコントロールの作成などをご紹介しました。前回まではTouchDevelopの旨味が少なく、どちらかというとプログラミングの基本を取り扱いました。 今回はTouchDe
Slim - A Fast, Lightweight Template Engine for Ruby
doctype html html head title Slim Examples meta name="keywords" content="template language" meta name="author" content=author javascript: alert('Slim supports embedded javascript!') body h1 Markup examples #content p This example shows you what a basic Slim file looks like. == yield - unless items.empty? table - items.each do |item| tr td.name = item.name td.price = item.price - else p | No items
簡単で便利すぎ！WEB制作を「楽」にする無料ツールまとめ
作成：2013/01/28 更新：2014/11/01 Tool > Webサービス フリーソフト、無料ツールなのにここまで使える 前回、無料素材をご紹介しました。 今回は無料で使える「ツール」をまとめます。フォント、画像、配色、htmlからエディター・アフィリエイトリンク作成補助まで。 エンジニア速報は Twitter の@commteで配信しています。 もくじ １．フォント ２．画像編集 ３．ロゴ作成 / ネタ ４．配色 ５．HTML5 ６．CSS ７．ブラウザチェック ８．エディター ９．アフィリエイトリンク作成 １０．フォーム作成 １．フォント PCにインストールされているフォント一覧をプレビュー Font picker イラスト等に使われているフォントを調べる WhatTheFont Windows上のテキストをくっきり、見やすく表示。 gdipp - ｋ本的に無料ソフト・フリー
Emacsでhtml書いてる人、必見 web-mode.el - Web学び
2012年 10月 9日 出ましたよ！新しくhtmlに特化したEmacsのメジャーモード。 web-mode.el htmlにごちゃごちゃ書き過ぎるのはあれですが、html中のCSS,PHP,JavaScript,Java/JSP,ASPXを色分け出来きて、インデントを統一できるのは便利です。 PHPフレームワークのテンプレートなどに有用ですね。 良いなと思った機能 web-mode-toggle-folding "C-c C-f" HTMLタグを折り畳む機能です。カーソルの位置のタグ内が省略されアンダーラインでマークされます。戻すときも"C-c C-f"です。 web-mode-rename-element "C-c C-r" タグの開始タグと終了タグの名前を変えてくれます。 web-mode-match-tag "C-c C-n" タグの開始タグと終了タグにカーソルを持っていってくれま
ティラノスクリプト｜スマホ対応のノベルゲームエンジン。無料
スマホ対応のノベルゲーム開発ツール。完全無料。 ティラノスクリプトを使えば、幅広い環境に向けてあなたのゲームを公開できます。 マルチプラットフォーム時代のゲーム開発をぜひ体験してください。 幅広い対応環境。Windows、Mac、iphone、アンドロイド、ブラウザゲームで発表できます。 完全無料。商用利用にも制限なし。さらに改造もOK！ ティラノスクリプトの作品数は10,000作品を突破！情報も充実しています。 初心者向けチュートリアルを試してみる あらゆる環境で動作し、多彩な配布方法が用意されています ティラノスクリプトで作られたゲームはあらゆる環境で動作します。 作品の配布方式も「Windowsアプリケーション」「MacOSアプリ」「iphoneアプリ」「Andoroidアプリ」「ブラウザゲーム」「ホームページ埋め込み」 「各種携帯ゲーム機、据え置き機」など、 多くのプレイヤーに作品
次世代HTMLの新仕様「レスポンシブ・イメージ（仮）」についてまとめてみた
レスポンシブWebデザインを実装する際、画像の扱いは一つの課題として残っています。現在、PHPを使用した「Adaptive Images」やJavaScriptを使った「Responsive-Images」などが現実的な対応策としてありますが、どちらもApacheの設定を必要とします。レスポンシブWebデザインが広まって標準的な実装方法の一つになろうとしている今、サーバサイド技術に依存しない解決策が早急に求められています。 そんな中、HTMLの仕様策定の一端を担うWHATWG（Web Hypertext Application Technology Working Group – ワットダブルジーと読む）で、新たな仕様が検討されています。 では、どんな議論がされていて、今どんな状況なのか？ なかなか複雑なことになっているようなので、調べてまとめてみました。 ※この記事は、レスポンシブWeb
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GitHub - BrentNoorda/slfsrv: Create simple, cross-platform GUI applications, or wrap GUIs around command-line applications, using HTML/JS/CSS and your own browser.
すごい無料HTMLテンプレート厳選30個まとめ 2014年5月度PhotoshopVIP |
Bootstrap利用、無料HTMLテンプレート素材まとめPhotoshopVIP |
Engadget | Technology News & Reviews
301 Moved Permanently
Canvas Cycle: True 8-bit Color Cycling with HTML5
HTML2Haml | Convert HTML Snippets to Haml
短期間＋大規模ゲーム開発でも破綻しないHTML・SCSS
