そろそろ真面目に、HTMLで帳票を描く話をしようか - Qiita
帳票といえばPDFとして生成するのが一般的でしょうか? でも、2015年の今、あえてHTMLで描くのがホットです(個人的に)。ミリ単位で設定された高度な帳票も、CSSを駆使して簡単に作ることができます。業務システムでもモダンブラウザを選択することが増え、@pageなども積極的に使えるようになったこと、SPA(Single Page Application)の台頭、いろいろと条件が揃ってきました。 書いてたら結構長くなっちゃったので、さくっとコードだけ見たい方は、Paper CSSリポジトリをどうぞ。 はじめに HTML帳票のメリット 2015年現在、HTML帳票を選択する幾つかのメリットがあります。 ライブリロードで、リアルタイムなスタイル調整 バックエンドではなくフロントエンドで生成できる 前者は、gulpやGruntの普及で、CSSにしろHTMLにしろ、リアルタイムにプレビューできる環
「単純作業は機械に任せて、人間は創造的な仕事を」自動コーディングはWeb制作の世界を変えるのか？—AUTOCODINGインタビュー | SEKAI LAB TIMES（セカイラボタイムス）
デザインデータをもとに自動でHTMLを生成してくれる、自動コーディングツールのAUTOCODING。通常4時間程かかるようなコーディングもたった5分程度で仕上がってしまうと言います。しかもクオリティは人間がやった場合と比べて遜色ないとか。このIT業界を揺るがしそうなAUTOCODINGの生まれた背景と、今後の展開等についてお伺いしました。 マニュアル化できれば機械化できる？AUTOCODING誕生の背景 山本氏：弊社はもともとSEOを中心としたプロモーション支援の会社ですが、プロモーションのトレンドも変化していく中で、サイト自体の改善提案および制作業務も担うようになりました。制作の依頼が増えるにつれ、社内で体制を整えていくのですが、コーディングのリソースが不足している状況でした。 特に、納期がタイトなプロジェクトや、スクリプトを利用したサイト制作を対応するため、コーダーの負荷は高まる一方で
Wordの文書を綺麗なHTMLに変換してくれる「word2clean html」
Wordで作成した文書をリッチテキストエディタに貼り付けて、ウェブサイトを作成している人もまだまだいらっしゃると思います。 しかし、Wordをそのままリッチテキストエディタに貼り付けると、どうしても綺麗とはいえないHTMLになってしまいます。そんなデメリットを解決してくれるツールを、今回はご紹介します。 組織のマインドマップツールをマインドマイスターにすべき理由 伸びてる産業、会社、事業を紹介しまくるStrainerのニュースレターに登録!! Word文書を綺麗なHTMLタグに変換する「word2cleanhtml」 「word2cleanhtml.com」は、Wordの文書をクリーンなHTMLに変換してくれるオンラインツール。 コピーしてそのままリッチテキストエディタなどに貼り付けると、不要なタグが多く含まれてしまうWord文書のテキストを、きれいなHTMLタグにしてくれます。 Word
Responsive Web Css
HTMLとCSSのファイルは「page.zip」として一つのファイルで、自動ダウンロードされます。 ファイルの中身は、下記のようになりました。 HTML HTMLのスケルトンです。 必要最小限のもののみの構成です。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title></title> <meta name="generator" content="Responsive Web Css (www.responsivewebcss.com)" /> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="Stylesheet" href="index.html.css" /> </head> <bod
モックアップが手軽に作れるサービス「FROONT」*二十歳街道まっしぐら
FROONTはレスポンシブなウェブサイトを簡単に作成できるサービスです。 レスポンシブなサイトのモックを作るときに便利そうです。 ドラッグ＆ドロップで絵を描くようにしてサイトを作っていくだけ。 その場でウィンドウサイズを変えたときの表示の変化も確認できます。 作成したモックのHTML, CSSはダウンロード可能です。 以下に使ってみた様子を載せておきます。 まず「FROONT」にアクセスしましょう。 利用するには無料登録が必要です。すぐに終わるので登録してみましょう。 こちらが作成画面。 左側にコンテンツのメニューがあります。 画像をいれたり枠をいれたり。 右側はそのコンテンツの詳細メニューですね。 最上部にウィンドウサイズを切り替えられるバーがあります。 先ほどのデザインをスマートフォン用のサイズにすると、上記のようにデザインが変わりました。 レスポンシブデザインの確認が容易にできるのは
GoogleドライブでWEBサイト(HTML/CSS)が公開できるようになりました。 | TechMemo
Tweet TweetGoogleドライブにHTMLやCSSファイルをアップロードして、WEBサイトの公開ができるようになったみたいですね。 試しに簡単にやってみたので、WEBサイトの公開方法をご紹介いたします。 HTMLやCSSの用意 WEBサイトを公開するためのHTMLやCSSなどを用意しましょう。 Googleアカウントにログイン Googleドライブを利用するには、Googleアカウントにログインする必要がありますので、まずはGoogleアカウントにログインしましょう。 フォルダの作成 Googleアカウントにログインしたら、Googleドライブにアクセスします。まずは、Googleドライブに公開用のフォルダを作成しましょう。 フォルダ名は「WEB」とかなんでもいいです。わかりやすい名前をつけておきましょう。 フォルダの共有設定 作成したフォルダを公開できるように共有設定を一般公開
1ランク上の「HTML5」制作に欠かせないサイト・ツール・アプリのまとめ21個！
「HTMLファイ部」のほんだです(・Å・)∫ jsdo.it、nakamap、Paberish、HTML5実力テストといった自社運営Webサービスの HTML5エンジニアをやっているものです。 よろしくお願いします！ 「HTMLファイ部」創立1周年！ 非常に手前味噌ではございますが、 弊社HTMLファイ部が創立から1年になりましたっ！・u・ HTMLファイ部は、「HTML5」技術を軸に、様々な表現に挑戦していくエンジニアを集めた部署となっています。 今回の記事では、HTMLファイ部の一周年を勝手に記念して、 HTMLファイ部のメンバーからかき集めてきた、HTML5サイト制作ツールをまとめます！ ツール系のサイト
YouTube人気急上昇
急上昇 🍁髪型何種類あるの？【#Shorts/ゆっくり実況/マイクラ】 2022.08.23 急上昇 急上昇 無料のチートグライダーの性能がヤバすぎる！！【フォートナイト/ゆっくり実況/Fortnite】 2022.08.23 急上昇 急上昇 あつ森 総額１３０万ベル？案内所裏に豪華な和風商店街を作る！島クリ【ゆっくり実況】 2022.08.23 急上昇 急上昇 【ゆっくり解説】野手ドラフトのチャンス！？DeNAの22年ドラフト戦略考察第2弾 2022.08.23 急上昇 急上昇 【ゆっくり解説】【ゆっくり解説】宇宙の謎や疑問質問にお答えします 2022年夏休み子ども宇宙相談 その2 2022.08.23 急上昇 急上昇 【ゆっくり解説】ヤバすぎるドラえもんの炎上したシーン＆エピソード9選 2022.08.23 急上昇 急上昇 【ゆっくり解説】絶滅は嘘だった! ?ディノスクスの生存説と恐
私がウェブサイト作成時にお世話になっているサイトをご紹介
こういうのを集めだすときりがないのですが、個人的に本当によくお世話になっているサイトに絞って紹介してみます。 有名なサイトばかりですがサイトを作るにあたってお世話になる順に紹介していきます。参考になればうれしいです。 Webデザインギャラリー | I/O 3000 まず、ギャラリーサイトでサイトのイメージを膨らませます。カテゴリ、タグ、カラーで整理されており、とても探しやすいです。 このようなギャラリーサイトは他にもありますが、ページ変遷なしで次を読み込むのでとても見やすいです。 他にはこんなサイトをよく見ます。 WEBデザインの見本帳 Web Design Clip 【Webデザインクリップ】 【HTMLタグの簡単検索】TAG index - ホームページ作成情報 プロの方はPhotoshopで描いてからコードを書いていくみたいですが、私は最初からHTMLを書いていきます。 一応Drea
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
HTMLファイルをアップロードすると、使われているclassやidを取り出してcssの雛形にしてくれるWebサービス・Bear CSS - かちびと.net
日曜日です。如何お過ごしでしょうか。 さて、今日も軽い話題・・HTMLファイル を送信するとそのページで利用している classやidを抽出、cssの雛形としてDL 出来るようにするWebサービスです。 用途が思い浮かばない・・と、思ったんですけど、良く考えたらリニューアル案件なんかで地味に便利かも。 HTMLファイルを送信したらその中で使われてるclass名とかが書かれたcssを吐き出すってだけのサービスです。 PHPとjQueryプラグインのUploadifyが使われています。アイルランドの学生さんが作ったそうですよ。 送信するとcssの雛形を作ってくれます。 まぁそんだけなんですけどデザインの訴求力があったのでなんとなくご紹介しました。・・でも、なんで熊なんだろ。 以下よりどぞ。 Bear CSS
Webサービスの埋め込み用HTMLを手軽に取得するためのWebAPI『QuoteIt』を作りました - みずぴー日記
# この記事は名古屋クリスマスハッカソン2011で書いてます。メリークリスマス! GistとかTwitterとかの最近のWebサービスは他のページに埋め込めるようになっていますね。ただ、サービスごとに埋め込むためのHTMLコードが違うので、いちいち調べるのが面倒ですよね。 そこで各種Webサービスの埋め込み用HTMLを統一的に取得できるWebAPI『QuoteIt』を作りました。しかも、誰でも引用元を簡単に追加することができます。 http://quoteit.heroku.com/ 使い方 URLを指定すると、埋め込み用のHTMLを取得できます。 例えば、 http://twitpic.com/73wiodを埋め込みたい場合は、 http://quoteit.heroku.com/clip.html?u=http%3A%2F%2Ftwitpic.com%2F73wiod にアクセスするこ
HTML5やCSS、jQueryなど、Web制作に関する日本語スライドを集約したSlideFinderが便利っぽい - かちびと.net
結構便利だったのでシェア。Web制作 に関する日本語スライドを集約している フォロワーさん作のWebサービスです。 話題のHTML5やCSS、iPhoneの事や jQueryからPHPやRubyと幅広くサポート してあります。 人気のスライド共有サイト、SlideShareで日本語のスライドのみを集めています。スライドはその場でLightbox風にポップアップして見れます。英語が苦手な方も探す手間が省けるのでは。 @deeekiさん作のWebサービスです。クックパッドのエンジニア向け「第2回 開発コンテスト24」に応募する予定だったようで、数時間で作成されたみたいで見た目はシンプルですね。 カテゴリもHTML5やjQuery、PHPやiPhone、WordPressなど多岐にわたりサポートされていますので全Web屋さん向けと言えそうです。 日本語のスライドのみを集約 集められたスライドは全
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
https://jp.techcrunch.com/2013/05/04/20130503with-over-15m-sites-built-weebly-launches-new-planner-and-mobile-editor-brings-website-creation-service-to-android/
TechCrunch | Startup and Technology News
IDEA * IDEA
Mozilla、「普通の人」がウェブページを作れるブラウザーツール「Thimble」 “使う人”から“作る人”へ
TechCrunch | Startup and Technology News
https://jp.techcrunch.com/2011/12/22/20111221guide-to-html5-14-predictions-2012/