Weblancer - ウェブランサー本サイトは、ウェブ制作やインターネットの活用に役立つ情報を発信するウェブサイトです。掲載中のコンテンツは、HTMLやCSSの入門用リファレンス、HTMLタグ、CSSプロパティの一覧表、特殊文字やカラーコードの早見表、その他ブログになります。
社内でやったHTML(5?)プチ勉強会の資料 - Born Neet
昨日社内でHTML(一応5)のプチ勉強会をやったので、資料を一応公開。 当日作った資料＆超入門ということでかなり省略している部分や不正確なところもありますのでご了承下さい。 いやー社内勉強会の資料をブログで公開できるとか超幸せ！ HTML5 超入門 おまけ 今回HTMLのプレゼンツールを使ってみようと思い、一番良さげだった、deck.jsを使って見ました。 勉強会中ローカルのサーバにアップして、資料からソースをコピペしてもらうようにしたので、間違いがあった時、リアルタイムで直して更新とかできたのが便利でした。 ただ、資料作成という観点ではやはりkeynoteとかの方が断然早いっす。 （HTMLで書くのは時間かかる…） 適材適所ですね。
HTML/CSS/JS製の小さなスライドツール『kyubey』をつくったよ - ✘╹◡╹✘
説明 タイトルはほとんど釣りです。奇跡も魔法もありません。最近よく勉強会をしているという話を前回のエントリで少ししましたが、プレゼンするのにいちいちKeynoteやPowerPointを開いていては骨が折れるし、参加出来なかったメンバーが後からWeb上でスライドを見たいということもあるので、自分でHTMLで手早くスライドを作るためにツールを作りました。jQueryやその他ライブラリが頑張って働いてくれたのでJS部分は実質100行弱のコード量でした。*1 kyubeyはjQueryを利用して作った小さなスライドツールです。作ったばかりなので機能はほとんどありませんが、小さいが故にコードの理解や拡張がしやすいかと思います。Githubに公開しているので良ければお使いください。ちなみに下記サンプルとソースコードを見て頂ければ大体理解出来るかと思います。機能要望があれば今後拡張していくつもりです。
はてなグループの終了日を2020年1月31日(金)に決定しました - はてなの告知
はてなグループの終了日を2020年1月31日(金)に決定しました 以下のエントリの通り、今年末を目処にはてなグループを終了予定である旨をお知らせしておりました。 2019年末を目処に、はてなグループの提供を終了する予定です - はてなグループ日記 このたび、正式に終了日を決定いたしましたので、以下の通りご確認ください。 終了日: 2020年1月31日(金) エクスポート希望申請期限:2020年1月31日(金) 終了日以降は、はてなグループの閲覧および投稿は行えません。日記のエクスポートが必要な方は以下の記事にしたがって手続きをしてください。 はてなグループに投稿された日記データのエクスポートについて - はてなグループ日記 ご利用のみなさまにはご迷惑をおかけいたしますが、どうぞよろしくお願いいたします。 2020-06-25 追記 はてなグループ日記のエクスポートデータは2020年2月28
OperaでHTMLをスライドショー する。お手軽テクニック - それマグで！
Operaのスライドショー機能をm61kに教えて貰いました。Operaのスライドショー機能の存在は知ってたけど、まともに動いているのを間近に見たのは初めてでした。 Operaにはスライドショー機能がありまして。Styleシートを定義するだけで使える。 JavaScriptもいらない。 使い方は簡単 @media projection page-break-after: always; を使ったHTMLを作る F11 を押して全画面表示にする。 表示サンプル Operaスライドショーつかいかた 原理は簡単。印刷プレビューと同じ。CSSで改ページをDIVに指定する。 media projectionを指定するだけ。全画面表示は projectionのCSSが有効になります。 改ページの指定方法 CSSの属性に改ページを指定する属性値があります。 page-break-after: always
マークアップ効率化 - zen-codingでコーディングを倍速に
HTMLの記法について 基本的には「div」の様に要素を省略せずに記述して、それを展開すると「<div></div>」という形に展開されます。 このときに展開できる要素は以下の公式ドキュメントに明記されていますのでそちらを見るとよいです。 Zen HTML Elements Zen HTML Selectors Zen CheatSheets 基本的な記法 ひとつずつ順番に記述して説明していきます。しばらく初歩的な説明になるのである程度知っている方は飛ばしていただいて良いかと思います。 まずものすごく基本的な記法である、単独タグの記法について説明を行います。 cssのセレクタをイメージしながら見ていくと納得しやすいと思います。 タグだけ変換 変換前 div 変換後 <div></div> デモ 文末でtabを押してください div 変換後、div要素の間にカーソルが移動するので、すぐにテキ
Web Developer Menu より - Shishimushi
');c.document.close();})()" title="Dynamically Add CSS Styles">Bookmarklet - Dynamically Add CSS Styles ページ内の画像を抽出 Images » Show All Images in new page ページ内のIMG要素を抽出して別タブで表示。これ、ちょっと弄ったらFirefoxのLinkyみたいにリンク先画像も抽出できそうなんだけどなぁ……というのは素人考えですかね。 menu - Show All Images in new page Bookmarklet - Show All Images in new page DOM/CSS Inspector Page Info » DOM/CSS Inspector DOM Inspector。実はこれが一番嬉しかったりする。UserJS
スタイルシートによる崩れない 2カラム 3カラム・レイアウト
このウェブサイトは販売用です！ desperadoes.biz は、あなたがお探しの情報の全ての最新かつ最適なソースです。一般トピックからここから検索できる内容は、desperadoes.bizが全てとなります。あなたがお探しの内容が見つかることを願っています！
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
IPA、ブラウザ間の互換性問題をチェックできる無料ツール 
ashikunep.org
脱初心者をめざす人のためのホームページ作成講座