CSSで面倒なコード、アニメーションやグラデーションやボックスシャドウなど、実装の結果を見ながら値を調整してコードを生成でき、HTML5の新要素やよく使うスニペット、FacebookのOGPやTwitterカードやmicrodataやMetaタグなどのコードを簡単に生成できるオンラインツールを紹介します。 コードごとに対応ブラウザも表示されるので、かなり便利です。
![CSSで面倒なコード、HTML5の新要素やスニペット、FacebookのOGPやTwiterカードなどのコードを生成できるオンラインツール](https://cdn-ak-scissors.b.st-hatena.com/image/square/9fc94ecf0309b469dc0543bc36d846c06dec196b/height=288;version=1;width=512/https%3A%2F%2Fcoliss.com%2Fwp-content%2Fuploads-201702%2F2017053002.png)
エキスパートが手がけたプロダクトを題材に技術的な解説を行っていくシリーズ連載、今回は wri.peです。 難しい機能の実装や、先進的なAPIの利用を通じて、執筆者が得たノウハウを余すところなく紹介していきます。 HTML5を活用したメモ帳アプリ [wri.pe] 最近、仕事で作っているミイルが忙しかったり、趣味で作っているMobiRubyがなかなか進まなかったりして、個人でWebサービス的なモノを作っていない事が自分としてちょっと気になっていました。 そこで息抜きとして、ゴールデンウイークに集中してWebサービスを一つ作ろう!と思い立ち、wri.peというWebサービスの開発に着手しました。 wri.peは自分が使いたいと思えるメモ帳を作ったので、下記の様な特徴を持っています。 Markdownフォーマットをサポート Gmailの様なアーカイブ機能 全文検索 カレンダーへのマッピング iP
5月8~10日にかけて開催される展示会「2013 Japan IT Week」の1イベント「スマートフォン&モバイルEXPO」で、HTML5を利用してスマートフォンやWindows 8向けアプリを作ることができる開発プラットフォーム「Monaca」をアシアルが展示している。 「Monaca」は、1つのソースコードからiOS、Android、Windows 8に対応したアプリを作成できる無料ツール。Webブラウザ上のエディタでHTML5、JavaScript、CSSでコーディングし、ビルドする際にそれぞれのアプリ形式に変換する。複数のプラットフォームに対応したアプリを同時に開発できるのが売りだ。 スマートフォンやタブレットに連携アプリ「Monacaデバッガー」をインストールすることで、実機でプレビューできる。Webブラウザ上のコードに変更を加え保存すると即座に反映される。PhoneGap互換
最近、スマホの普及と共に、プログラミングを学習したい人が増えてきているようです。 私の周りでも、プログラミングに興味があり、webサービスをつくってみたいという人が大勢います。 ということで、プログラミングをやった事がない人(または初級者)のために、 プログラミングで何を学べばいいか、 どうやって勉強したらいいかというノウハウを紹介したいと思います。 何を学ぶべきか プログラミングにはいろんな言語があるため、どの言語をやればいいかわからないという声を耳にします。 そこで、初級者でも学びやすい言語を厳選し紹介したいと思います。 1. 何はともあれ「HTML」 こちらは、Webサービスをつくる上で書かせない言語で、 今見ているページ(見た目の部分)はすべてHTMLで書かれています。 HTMLを学ぶ上では以下のサイトが参考になります。 HTMLの基本 HTML入門 ドットインスト
WiXってウェブサービスが日本語化されて良い感じです。 かっこいいテンプレートが初めからいっぱい用意されていて、html一切わからなくても、画像ソフトの感覚で自由にレイアウトして、html5のサイトができてしまいます。 更に、ショッピングカートもできちゃうという。 商品紹介のLPページの作成にはぴったりですね! WiXの特長 ・超おしゃれな&かっこいい無料テンプレートが初めからたくさんある。 ・マウスだけでレイアウトして、htmlがまったくわからなくても、なんとなくかっこいいhtml5のサイトが作れる。 ・ショッピングカートで、ECサイトもできる。 利用料金は? 広告有り、独自ドメインじゃなくて良いなら無料。 広告有り、独自ドメインならConnect Domain プラン。 広告無し、独自ドメインならCombo プラン。 あとは↓↓を見てみて下さい。 サーバー代とか制作費考えるなら、安いで
「HTMLファイ部」のほんだです(・Å・)∫ jsdo.it、nakamap、Paberish、HTML5実力テストといった自社運営Webサービスの HTML5エンジニアをやっているものです。 よろしくお願いします! 「HTMLファイ部」創立1周年! 非常に手前味噌ではございますが、 弊社HTMLファイ部が創立から1年になりましたっ!・u・ HTMLファイ部は、「HTML5」技術を軸に、様々な表現に挑戦していくエンジニアを集めた部署となっています。 今回の記事では、HTMLファイ部の一周年を勝手に記念して、 HTMLファイ部のメンバーからかき集めてきた、HTML5サイト制作ツールをまとめます! ツール系のサイト
mizzz.jp 2018 Copyright. All Rights Reserved. The Sponsored Listings displayed above are served automatically by a third party. Neither the service provider nor the domain owner maintain any relationship with the advertisers. In case of trademark issues please contact the domain owner directly (contact information can be found in whois). Privacy Policy
InitializrっていうHTML5のテンプレ を15秒で作成出来る(らしい)ツール があるんですが、このWebツールが、 話題のTwitter Bootstrap 2にも対応 したみたいです。人気のフレーム ワークなのでありがたいですねー。 土曜日ですし、軽い話題。15秒でHTML5のテンプレが作れる!と謳うWebサービス・・InitializrがBootstrapに対応してます。これは地味に嬉しいんじゃないですかねー。 右側になんか増えてた!Bootstrapやたら人気ですしね。こういうのは嬉しいんじゃないでしょうか?Initializrはその気になれば本当に15秒で作成出来るので使うといいですよ。性能とか特徴は使って実感してください。 作ってみた 試しに15秒で支度してみました。こんな楽でいいのかな・・・LESS版も選べるので設定項目は好みで設定してくださいませ。 因みに・・・ B
少し前に聞いてくれた方がいたのでついで にシェアしてみます。個人的に最近よく好ん で使っている、Web制作に役立つWebサー ビスみたいなものをご紹介。全部既出で 珍しいものは無いんですけど、一覧にする のもたまにはいいかもですね。 というわけで、場合によっては誰得な記事ですけどご了承下さい。僕がここ最近でよく使ってるWebツールを古いのから新しいのまで、順不同でご紹介していきます。 web計。 → 黄金比・白銀比をサクサク計算 計算が面倒な黄金比や白銀比を、数値を入力するだけでサクサク出してくれます。動作も軽くてストレス無しです。 web計。 simplelib → よく使うjQueryコードをパッケージで配布 めっちゃ楽です。jQueryで作りたい機能だけを選択して、1つのjsファイルにパッケージにしてくれますよ。ページスクロールとかタブとか需要の高いものが揃っています。ちょっと機能を
iPhoneやiPadはFlashが動かないため、Flashでできたサイトの閲覧が不可能でしたが、この「FL2HTML5(仮)」はFlashで構築されたサイトを解析してHTMLファイルを生成、Flashサイトにおけるサイト構成を再現してくれるとのこと。これによって作成されたHTMLファイルはiPhoneやiPadなどで閲覧可能になるそうです。 実際にどういうように動くのかというムービーは以下から。 Flash で制作されたファイルを HTML5 形式に変換することが出来る『FL2HTML5(仮)』の技術開発に成功 [開発] Flash to HTML5 変換サービスを開発成功 | blog.progression.jp YouTube - Flash で制作されたファイルを HTML5 形式に変換して実機動作 これがFlashのデモサイト 右クリックすると確かにFlashでできているとわか
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く