HTML形式でプレゼン用のスライドが簡単に作成できる「WebSlides」
HTMLの基礎的な知識さえ持っていればテンプレートをいじるだけで簡単にプレゼンテーション用のスライドを作成できるのが「WebSlides」です。PCの矢印キーを押すだけでサクサクスライドを切り替え可能で、HTML形式なので特定のパーマリンクへ飛ばしたり閲覧者数をカウントしたり500種類以上のSVGアイコンを使用することもできます。 WebSlides: Create Beautiful HTML Presentations https://webslides.tv/ 実際にWebSlidesで作成したプレゼンテーションをそのままウェブページにしたのが以下の4つ。矢印キーで手軽にスライドを移動でき、読みたい内容が「何枚目のスライドに書かれているか？」がわかればURL末尾に「#slide=(スライドの番号)」を付け加えればお目当てのスライドまでジャンプすることもできます。 上下の矢印キーでスラ
はてなブログのidとclassのツリーと図解を作ってみた - cBlog
更新：2018-05-07 カスタマイズやテーマ作成が捗るよう、はてなブログのid、classをツリーと図に表してみました。自分用ですが、せっかくなので公開します。 取り上げるid、classの選定や画面上への表示には、以下で紹介されているサンプルテーマ「Boilerplate」を利用しています。 help.hatenablog.com ツリー トップページ、記事ページなど #2018/05/07 <body>付与クラスをより詳しく。ツリーに公式関連記事等追加。 xxxがHTMLタグ、#xxxがCSSのid、.xxxがCSSのクラスです。 html ┣head ┗body ┣div#globalheader-container ┣div#container ┃ ┗div#container-inner ┃ ┣header#blog-title ┃ ┃ ┗div#blog-title
プログラミング不要で、マウスオーバー時にポップアップ表示ができる超軽量CSSライブラリ「Hint.css」を使ってみた！ : うえぶはっく
今すぐ、自分のWebサイトやブログなどにポップアップ表示を導入できる超軽量なCSSライブラリ「Hint.css」のご紹介！ HTMLの好きな要素に、専用のクラス名を指定するだけで誰でもすぐに利用できるのが特徴で、メッセージやインフォメーション、ヒントなどを表示させるのに最適です。 そこで、スマホでの利用シーンも踏まえて、サンプル例と一緒にご紹介しようと思います！ 使い方！ 利用方法はシンプルで、GitHubからファイルをダウンロードするか、以下のCDN経由でCSSライブラリを取得します。 https://cdnjs.cloudflare.com/ajax/libs/hint.css/2.0.0/hint.min.css HTMLの骨組みはこんな感じになるでしょう。 // index.html <!doctype html> <html> <head> <meta charset="utf-
『Riot超入門』
こんにちは。タクスタでフロントエンジニアをしている今井(@imakei_)です。 現在リニューアルしている"宅スタ"、あたらめ"takusuta"でweb開発を行っております。 (リニューアル詳細はこちら) 今回はtakusuta(https://takusuta.com)で用いてるJavaScriptライブラリーRiot(http://riotjs.com/)をテーマに書きたいと思います。 Riotとは A React-like user interface micro-library
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
