GitHub Pagesの使い方 – 複数ページのホームページの作り方【無料】
静的なサイトを作成したいけどサーバとか考えるの面倒。そんな方はGitHubのサービスGitHub Pagesがおすすめです。 GitHubのアカウントがあればmasterブランチにファイルを置くだけでホームページとして公開することができてしまいます。 この記事では、GitHub Pagesでホームページを作成する基本的な方法について解説します。ローカルリポジトリの操作はWindows用のGit Bashを利用しています。 GitHub PagesとはGitHub Pagesとは、GitHubが提供しているホスティングサービスです。 masterブランチのHTML, CSS, JavaScript, 画像ファイル等を使って静的なWebページを無料で作成し、公開することができます。従来とは異なりWebサーバを用意しなくてもよい点が魅力です。 GitHub Pagesでホームページを作る方法Gi
LambdaでサーバーレスにhtmlをPDFに変換しよう - Qiita
ヴァル研究所アドベントカレンダー2018の2日目です。 PDF帳票が必要な場合、どんな方法で作成していますか？ html・cssで書いてそれをPDFに変換できると便利ですよね。html・cssでのレイアウトにはみんな慣れていますし、テーブルや文字のセンタリング等も簡単です。cssでは長さの単位に mm や cm も使えるので、物理的なサイズをそのまま指定できます。 html-pdfというNode.jsライブラリ・CLIツールを使うとhtmlをPDFに変換できます。内部ではPhantomJSを使っているので、htmlのレンダリングにも安心感があります。 当方ではサーバーレスで開発していたので、この変換をLambdaで行いたいと考えました。そうなるとネックになるのがLambdaのデフォルト環境には日本語フォントが入っていないという問題。結局そこは、フォントをzipパッケージに含めて、実行時に
Ubuntu日本語フォーラム / apache2の基本的な設定
利用規約を守って投稿してください。また、よくある質問および投稿の手引きも参照してください。 メッセージの投稿にはアカウントが必要です。未登録の方は、ユーザ登録ページからアカウントを作成することができます。 自分用に、serverを構築しようと思い、VirtualBox上にUbuntu10.04serverをインストールしました。 GUI操作ができるよう、desktopを追加インストールして、その後自分のIPアドレスにブラウザからアクセスしてみると、 /var/wwwのindex.htmlが表示されました。 ここで質問なのですが、このindex.htmlは編集できないのでしょうか？ パーミッションでロックされています。 いろいろと文献を検索しましたが、見つからなかったので以下もお願いします。 1.DocumentRootを変更したい場合は、どのファイルを変更すればよいのですか？ いろいろなフ
Excelで読めるHTMLを書く | ぺんラボブログ
Webサービスなどから、Excelで読めるHTMLを出力する場合、 以下の2行をヘッダで出力すればいいのは有名な話。 Content-Type: application/vnd.ms-excel Content-Disposition: attachment; filename="file.xls" しかし、今回も同じ技を使おうと思って困ったことになった。 それは、改行が反映されない。 Officeは2000までしか持ってないので、他のバージョンはどうなのかわからないけれど、 MSのことなので、この仕様（不具合）は2007でも継承されているに違いない（かもしれない）。 tdセル内に<br>を書くと行が分離してしまう。 純粋にプレーンなtableを書くとこうなってしまうらしい。 仕方が無いので、ExcelでHTMLを出力させ、改行が反映できるHTMLファイルのテンプレートを作ることにした。
これは期待！Visual Studio Codeでページやアプリなど、フロントエンドの実装が楽になる機能拡張 -Gimli
Visual Studio Codeが、Webページやアプリのフロントエンド開発用ビジュアルツールになる機能拡張「Gimli」がリリース予定なので紹介します。 CSS GridやFlexboxの実装が単純化されるビジュアルツールで、React、VueJS、Angularなど、さまざまなフレームワークやライブラリもサポートされています。 Gimli Gimliはフロントエンド開発者を対象にしたVisual Studio Codeの機能拡張です。多くのビジュアルツールがリリースされており、それらは「コード無し」を売りにしていますが、Gimliは「コード有り」を特徴にしています。 Visual Studioのコード開発環境とビジュアルツールの融合です。 Gimliのデモ Gimliは複雑なレイアウトを作成するプロセスを非常に単純化するビジュアルツールが用意されています。もちろん、CSS Grid
W3Cで現在公開されているHTMLとDOM仕様は将来廃止されます - 水底の血
まえがき W3C（とWHATWG）からの公式なアナウンスはまだ確認していませんが、何度目かに結成されるW3C HTML WorkingのDraft Charterと、このCharterから辿れるDRAFT Memorandum of Understanding Between W3C and WHATWG（Memorandumは日本語で覚書などと訳されるので、ここでも覚書と呼びます）がブログエントリーのタイトルのソースになります。もっとも、今確認できる覚書もドラフトですから、変更があるかもしれません。しかしながらURLで観測できるわけですから、大筋でW3CとWHATWGとの間で合意が取れているのではないかと推測します。あとは、覚書だけでなくCharterもドラフトということになっていますが、以下の文章では面倒なので省略します。最後にお約束ですが、このブログエントリーは「だいたいあってる」感
制作者のためのHTML
主にユーザー側の視点から語られることが多いアクセシビリティですが、制作という側からはどのように捉えることができるのでしょうか。2つの切り口から考えてみます。 # アクセシビリティという文脈において、何のためにHTMLを書くかという話になると マシンリーダビリティのため スクリーンリーダーのアクセシビリティのため というように、ユーザーが利用するため、というところにフォーカスした語られ方が多いように感じています もちろんユーザーのために作るというのは正しいのですが、今回はあえて視点を変えて、制作者自身の作るというところに視点を合わせて話してみたいと思っています 僕がどういうものなのかというと、 # 参照: 全部入りHTML太郎(@_yuheiy)さん | Twitter ツイッターでは「全部入りHTML太郎」という名前でやっています # 参照: シフトブレイン／スタンダードデザインユニット
5000兆円欲しい！.css
About HTML Preprocessors HTML preprocessors can make writing HTML more powerful or convenient. For instance, Markdown is designed to be easier to write and read for text documents and you could write a loop in Pug. Learn more · Versions Adding Classes In CodePen, whatever you write in the HTML editor is what goes within the <body> tags in a basic HTML5 template. So you don't have access to higher-
ラジオボタンをUIに用いる時のポイントを解説！より良いサイト、アプリの利用環境のために
ラジオボタンはフォームにおける必須要素です。互いに相容れない２つ以上のオプションがある時に使用され、ユーザーは正確に１つの選択肢を選ばなければなりません。言い換えれば、選ばれていないラジオボタンをクリックすることによって、選んでいた他のどんなボタンも選ばないということになります。 ラジオボタンは正しく使用されれば素晴らしいものです。ユーザーが間違ったデータを入力するのを防ぎます。キーボード・ナビゲーションやプラットフォームを通じた信頼できるレンダリングなど、多くの選択肢を提示してくれます。 本稿では、ユーザビリティ・テストによって巧みにつくられたラジオボタンに関する実用的なガイドラインをご紹介します。 ラジオボタンの名前の由来 古いカーラジオにおいて放送局を変えるために使われたことにちなんでラジオボタンと呼ばれるようになりましたが、このボタンは１つ押された時、別の１つは飛び出すようになって
Another HTML-lint : How to use htmllint.cgi
htmllint.cgi の使い方 簡単な応用 ゲートウェイCGIスクリプト htmllint.cgi はどのHTMLからでも呼び出すことができます。 あなたのHTMLを、ボタンを押すだけで簡単に採点することができるようにしてみましょう。次のようなコードをあなたのHTMLに含めるだけです。 <FORM action="http://openlab.ring.gr.jp/k16/htmllint/htmllint.cgi" method="POST"> <INPUT type="HIDDEN" name="ViewSource" value="on"> <INPUT type="SUBMIT" value="Check This HTML"> </FORM> 次のボタンはこのHTMLをチェックします。 デフォルトでMozillaのHTMLでチェックしたい、というときは <INPUT type
JavaScript で現在表示されているブラウザのHTMLソースコードを取得するためのソースコードを教えてたいただけないでしょうか。
JavaScript で現在表示されているブラウザのHTMLソースコードを取得するためのソースコードを教えてたいただけないでしょうか。
WAI-ARIA の基礎知識 | Accessible & Usable
公開日 : 2014年4月15日 (2018年1月20日 更新) カテゴリー : アクセシビリティ / 情報設計 (IA) WAI-ARIA 1.0 が、2014年3月20日付で W3C の勧告 (Recommendation) になりました。 WAI-ARIA とは、Web Accessibility Initiative (W3C の中で、Web アクセシビリティに関する仕様を検討する部会) が策定した、Accessible (アクセシブル) な Rich Internet Applications (リッチインターネットアプリケーション : RIA) に関する仕様です。この仕様で定められた記述をソースコードに加えることによって、JavaScript などでインタラクティブに動くユーザーインターフェース (UI) であっても、その状況の変化を、マシンリーダブルな形で支援技術 (スクリー
2016年のまんがタイムきららアニメを振り返る
まんがタイムきらら Advent Calendar 2016 - Adventar 5日目の記事にようこそ！ 今日は2016年のまんがタイムきらら作品を振り返ってみよう！ 2016年のアニメ放送されたまんがタイムきらら作品たち 今年は冬に0作というスタートを切り、少々不安がありましたが計4作が地上波で放映されました。 三者三葉 あんハピ♪ NEW GAME! ステラのまほう それぞれ思い入れの強い作品もあると思いますが、それぞれの作品のいい点悪い点を評価していきます。 評価といってもストーリーや作画などの主観が大きく影響するようなものではなく、 公開されている情報から客観的に図れる値を使う振り返り方をしてみます。 目次 Open 目次 まとめ まとめ かわいい女の子も中身は汚い心を持っているということがありますが、アニメのWebサイトにも同様ということがわかりました。 とにもかくにも、この
StatSVN - Repository Statistics - Introduction
StatSVN News Grab this Headline Animator 2010-01-01: release of 0.7.0 is released, see changes. 2009-08-06: release of 0.6.0 is released 2009-05-22: release of 0.5.0 is released 2009-03-16: release of 0.5.0 beta. 2008-06-20: release of 0.4.1, re-launch of the Wiki site and inclusion of the forums as embedded pages: User Forum and Developers Forum. Enjoy! 2008-05-04 Appendium Ltd and LavaBlast are
スクショ添えられただけのツイートはもしかしたら改変されてるモノかもしれないよというお話
話題になるツイートをスクショで並べて一言添えて…というツイートがバズってRTで回ってくるというのはそう珍しくないカンジになっているかと思いますが、実はそのツイート改変されてるかもしれないよというのをGIF画像で示しております。 今後とも元を確認する事を怠らない様にしたいモノですね。
そろそろ真面目に、HTMLで帳票を描く話をしようか - Qiita
帳票といえばPDFとして生成するのが一般的でしょうか? でも、2015年の今、あえてHTMLで描くのがホットです(個人的に)。ミリ単位で設定された高度な帳票も、CSSを駆使して簡単に作ることができます。業務システムでもモダンブラウザを選択することが増え、@pageなども積極的に使えるようになったこと、SPA(Single Page Application)の台頭、いろいろと条件が揃ってきました。 書いてたら結構長くなっちゃったので、さくっとコードだけ見たい方は、Paper CSSリポジトリをどうぞ。 はじめに HTML帳票のメリット 2015年現在、HTML帳票を選択する幾つかのメリットがあります。 ライブリロードで、リアルタイムなスタイル調整 バックエンドではなくフロントエンドで生成できる 前者は、gulpやGruntの普及で、CSSにしろHTMLにしろ、リアルタイムにプレビューできる環
)
Netscape Bookmark File Format (Internet Explorer)
The Windows Internet Explorer Favorites file format is exactly the same as the Netscape Bookmark file format. Netscape usually stores its bookmarks in an HTML file called Bookmark.htm. File Format The file starts with the following text: <!DOCTYPE NETSCAPE-Bookmark-file-1> <!--This is an automatically generated file. It will be read and overwritten. Do Not Edit! --> <Title>Bookmarks</Title> <H1>Bo
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Charming Python: Functional programming in Python, Part 3
https://codeday.me/jp/qa/20190511/799106.html
親に向かってなんだそのz-indexは
