Excelブックの「シート目次」を，自動的に作成するバッチ （WSH/JScriptで，各シートへのリンク付きの目次を自動生成） - 主に言語とシステム開発に関して
バッチのまとめTOPへ Excelブックの目次を，自動生成するバッチ。 目次の作り方としては，下記のバッチに対してExcelブックのファイル名を渡すだけ。 ワンクリックで，１枚目のシートに目次情報が書き込まれる。 書きこまれる目次情報は，全シートの… シート名 シート番号 シートへのハイパーリンク ハイパーリンクつきなので，目次が「リンク集」の役目も果たす。 バッチのソースコード /* Excelファイルに目次を作成するWSHバッチ 使い方： ・jsファイルをExcelファイルと同一フォルダに設置 ・対象ブックは閉じてあること ・下記のコマンドを実行 cscript create_excel_index.js ファイル名 備考： ・Excel 2003, 2007両方対応 */ /* --------------- 設定項目 --------------- */ // 目次シートは１シート
テキスト、ボーダー、背景、アクセント、エラーなど、カラーをCSSでどのように定義すると効率的に管理できるのか、保守が簡単になるのか、そのテクニックを紹介します。 Create your design system, part 3: Colors by CodyHouse 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに カラーをCSSで効率的に管理するために セマンティックにするか、宣言型にするか 基本的なカラーパレットの作成 セマンティックカラーの追加 このアプローチを採用する理由 テーマに使用するカラー はじめに 元々は、近日公開予定の「Web Components」のために作成したものですが、グローバルのCSSとして利用できるので、一足先に公開します。 Web Components|CodyHouse カラーをCS
No.8 ワークシートの最終行、最終列を取得する
ワークシートの最終セル（最終行、最終列）を取得する… VBAをはじめた人は誰しも最初に引っかかる問題ではありますが、幸いにもインターネットで検索するといくつもの解決法が見つかります。 ところが…動いたり動かなかったり、想定外の動作をすることがあります。そもそもいくつもの解決法があること自体おかしい、いったい本当の答えはどれ？この際、白黒はっきりさせようじゃないかというのがこのページの趣旨です。 <S1> ワークシートの最大行、最大列を取得する MaxRow = Rows.Count MaxCol = Columns.Count まず基本からですが、ワークシートの最大行、最大列を取得するコードです。もちろんこれ自体は最終行、最終列を取得するものではありません。 Rowsはワークシートの行全体をあらわすオブジェクトで、Columnsは列全体をあらわすオブジェクトです。そのメソッドCountは数
2016年1月12日にIEの古いバージョンのサポートが終了して半年が過ぎ、IEの対象バージョンをIE11とEdgeに、そしてFlexboxの導入をしている制作者も多いと思います。 Flexboxを使って、最近のレイアウトやコンポーネントが簡単に実装できるスタイルシートやフレームワークを紹介します。
[CSS]フォームのボタンのクリック時の点線を消去するスタイルシート
Firefoxで、フォームのボタン（submit, button）のクリック時に表示される点線を消去するスタイルシートを紹介します。 Remove Dotted Outline For Buttons in Firefox Using CSS デモページ（当方作成） [ad#ad-2] この中途半端な点線はFirefox固有のもので、Chrome, Safari, Operaでは表示されず、IEではボタンの内側に表示されるものです。 スタイルシートのスタディ HTML シンプルにsubmitボタンを使用します。 <input type="submit" />
スタイルシートスタイルブック
PG WALLET สล็อตออนไลน์พร้อมเงินฝากอัตโนมัติ pg slot วอเลท ผู้ให้บริการสล็อตออนไลน์ระดมทุนผ่าน True Money Wallet บริการสล็อตฟรีที่พร้อมมอบประสบการณ์การเล่นเกมสล็อตออนไลน์และบริการฝากเงินให้กับคุณ ง่ายๆ ด้วยวิธีการฝากเงินยอดนิยมในปัจจุบัน บัญชีทรูมันนี่ หรือ ทรูมันนี่วอลเล็ท PGWALLET ครบวงจร แนะนำสมาชิกใหม่ ส่วนลด 50% ข้อเสนอพิเศษสำหรับสมาชิกใหม่ โบนัสฟรี 50% ฝากครั้งแรกเพียง 100 บาท slot pg รับวอลเ
シンプルなHTMLで、レスポンシブ対応の六角形のヘキサゴン レイアウトを簡単に実装できるスタイルシートを紹介します。 JavaScriptは完全に不要で、CSS Gridを使用してdiv要素にclassを付与するだけで実装できます。 Hexi-Flexi Grid Hexi-Flexi Grid -GitHub Hexi-Flexi Gridの特徴 Hexi-Flexi Gridのデモ Hexi-Flexi Gridの使い方 Hexi-Flexi Gridの特徴 JavaScriptは必要なし、CSSのみで実装。 六角形のアイテムの高さ・幅、列・行は自由に設定。 セル、列、行のモジュラー形式。 背景画像を自動入力する機能をサポート。 サポートブラウザ CSS Gridで実装するため、サポートブラウザは下記の通りです。 Firefox 56+ Chrome 61+ Safari 10.1+
World & Sociery 伊丹万作「戦争責任者の問題」を読む last modified on 2024-06-10 伊丹万作氏の評論である「戦争責任者の問題」をご紹介して、批評します。 On “Google’s Ideological Echo Chamber” last modified on 2021-04-03 Google の元技術者であるジェイムズ・ダモーアが回覧用に社内で発表した “Google’s Ideological Echo Chamber” という文書を発端にして展開している論点をとりあげています。 「街場」なんて存在するのか last modified on 2015-10-27 以下の文章は、何度か途中まで書いて「くだらない」と思いながらも、再び書き直してきたものである。どうして書き直すたびに「くだらない」と感じてしまうのか。その話から切り出した方が、却っ
[CSS]便利なのが登場！レイアウトやUIコンポーネント用のスタイルシートが簡単にまとめて利用できる -Tailwind CSS | コリス
既存のページに外部CSSを加えるだけで、最近のWebサイトやブログで見かけるさまざまなコンポーネントやエレメント、Flexboxベースの柔軟なレイアウトをカスタマイズできるスタイルをまとめたCSSのフレームワークを紹介します。 Flexboxを使ってみたい、天地の中央に配置したい、シャドウを加えたい、レスポンシブ対応のナビゲーションを備えたいなど、簡単に利用できます。 デザインにも幅広く対応しているので、自分のオリジナルのデザインで利用できます。 Tailwind CSS Tailwind CSS -GitHub Tailwind CSSの特徴 Tailwind CSSの使い方 Tailwind CSSで用意されているスタイル Tailwind CSSの実装例 Tailwind CSSの特徴 Tailwind CSSはMITライセンスで、個人でも商用でも無料で利用できます。 ボタン、フォー
![[CSS]便利なのが登場！レイアウトやUIコンポーネント用のスタイルシートが簡単にまとめて利用できる -Tailwind CSS | コリス](https://cdn-ak-scissors.b.st-hatena.com/image/square/2d34cdd6f924a706cf29bd75ff95cedf76093a2f/height=288;version=1;width=512/https%3A%2F%2Fcoliss.com%2Fwp-content%2Fuploads-201704%2F2017110601.png)
サイト内検索 この記事は、html5doctor に掲載されている記事「HTML5 Reset Stylesheet」を日本語訳したものです。この記事では、HTML5 でマークアップしたページにも対応した、リセット・スタイルシートについて解説しています。最後に、HTML5 向けのリセット・スタイルシートもダウンロードできます。 原文タイトル HTML5 Reset Stylesheet 原文ページ URL http://html5doctor.com/html-5-reset-stylesheet/ 著者 Richard Clark 氏 原文投稿日 2009-07-27 一部、直訳ではなく意訳した部分がございます。原文と表現が異なることがございますので、ご了承ください。この本日本語訳には、翻訳上の誤りがある可能性があります。したがって、内容について一切保証をするものではありません。正確さを
千葉市長「被災屋根のブルーシート養生をしていただけるボランティアの方を募集します」 1 名前：みつを ★：2019/09/15(日) 01:52:07.99 ID:asZntdkb9 【千葉市】熊谷市長、ツイートで訴え「被災屋根のブルーシート養生をしていただけるボランティアの方を募集します」 https://twitter.com/kumagai_chiba/status/1172711172279128064?s=21 千葉市長 熊谷俊人氏ツイート https://twitter.com/kumagai_chiba/status/1172711172279128064?s=21 被災屋根のブルーシート養生をしていただけるボランティアの方を募集します。連休後半が雨の予報で、ブルーシート貸出しもかなりの件数になっていますが、養生ができる職人が圧倒的に不足しています。高所作業の経験があり、はし
[CSS]さまざまなデザインのチェックボックス・ラジオボタンを美しく実装するスタイルシート -Pretty Checkbox
チェックボックスやラジオボタンのスタイルを苦手にしている人も少なくないと思います。シンプルなHTMLにclassを加えるだけで、さまざまなデザインのチェックボックスとラジオボタンが実装できるスタイルシートを紹介します。 角を丸くしたり、カラーをつけたり、といったシンプルなものだけでなく、アニメーションを使ったものもclassを加えるだけで簡単に実装できます。
![[CSS]さまざまなデザインのチェックボックス・ラジオボタンを美しく実装するスタイルシート -Pretty Checkbox](https://cdn-ak-scissors.b.st-hatena.com/image/square/1dd910b325a6cc2c3c080f26dc7ac70824dc0015/height=288;version=1;width=512/https%3A%2F%2Fcoliss.com%2Fwp-content%2Fuploads-201704%2F2017110701.png)
CSSの知識は必要なく、そして時間もない時に、簡単にいい感じのデザインになるCSSのフレームワークを紹介します。 CSSが苦手な人に、バックエンドで作業する用の即席プロトタイプにも最適です。 既存のHTMLに一行、もしくは二行追加するだけで簡単に利用できます。 sakura sakura -GitHub sakuraの特徴 sakuraのデモ sakuraの使い方 sakuraの特徴 かなり古くさいデザインのページでも、モダンなページでも、わずか数秒で見栄えのよいページにすることができます。 使い方は簡単。外部ファイルを加えるだけで、既存のHTMLでさえも見栄えのよいデザインを適用できます。 即席のプロトタイプにも最適。特にバックエンドで作業する時に、簡単にスタイルを適用できます。 友達や叔母さんなど、CSSが難しいという人にも美しいブログが構築できます。 他のすべてのCSSフレームワーク
勤怠管理なんかをGoogleカレンダーでやっている人も多いだろう。 そこで使いたいのがgtimereportだ。 このサイトでは、GoogleカレンダーをタイムシートよろしくExcel風に加工してくれる。データはExcel形式ではき出すこともできるし、Googleドキュメントと連動させることもできる。 ちょっと試してみたが、変換したいカレンダーと期間を指定すればさくっと作ってくれた。また予定にメモがあればちゃんとそれもエクスポートしてくれる。 Googleカレンダーからちまちまマニュアルでデータを作っている人は試してみるといいだろう。
ども！てみたーず。のともぞう(@tomozo_1975)です。 今日は以前アップスにてご紹介した、塗るだけで液晶を保護してくれるという「Fusso SmartPhone」を実際に試してみました。 １週間使ってみたのですが、本当に塗るだけで効果を発揮してくれるスゴイ奴だったのでご紹介したいと思います。 塗るだけで液晶を保護してくれる商品こちら！ スマートフォン用耐指紋性撥油コーティング Fusso SmartPhone(1,575円） これを塗るだけでテフロン加工のフライパンのように油を弾いたり汚れが付きにくくなり、滑りまでよくなるのだからすごい技術ですね。 塗った後はコート剤が定着するまでに８～１２時間かかるので、その間iPhoneはお預けです。寝る前にやりましょー。
a要素に余白をpaddingで設定し、カラーを指定します。 a.foo { padding: 5px 10px; background: #9c3; } a.foo:hover { background: #690; } [ad#ad-2] 繊細なアニメーションを与えるスタイルシート CSS3 Transitionsを使用して、ふわっと繊細なアニメーションを与えます。 デモページ（当方作成） 追加するのは、L4-7です。 ※デモページではpaddingなどの値を若干変更しています。 a.foo { padding: 5px 10px; background: #9c3; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: al
最初からブラウザに設定されているスタイルシートを、「User Agent Style Sheets」といいます。(以下、UA Style Sheets) ここ数年でUA Style Sheetsに変化があり、どのような変化があるのか知っておくと、リセットCSSの見直しなどに役立ちます。 UA Style Sheets の margin p要素に定義されているUA Style Sheetsを例にすると、IE8などは私たちがいつも利用しているmarginによって指定されています。しかしGoogle ChromeやFirefoxなどのUA Style Shteetsでは、margin-start, margin-endなどの論理プロパティが利用されています。 IE8: p要素のUA Style Sheets p { display: block; margin: 1em 0; } Webkit:
コンテンツを見直すための魔法のシートが必要な理由
マーケティングとデザインの共通点 2015年6月27日大阪 Re:Creator’s Kansai 主催のイベント「基礎からきちんとマーケティング」に登壇しました。デザイナーとして働いているのでマーケティングは畑違いのように見えますが、以前からマーケティングを扱った記事をたくさん書いています。カスタマージャーニーマップのようなマーケティングの手法がデザインプロセスの一部として採用されていたり、デザイン思考がマーケティングに取り込まれているなど、共通するところが幾つかあります。 例えば UX を学んでいるうちに行動経済学に興味を持つ方もいるでしょう。行動経済学はデザインにも取り込める興味深い学問ですが、マーケッティングを深く知る上でも役立ちます。デザインとマーケティング両方に興味をもつことは、デザイナーとしてごく自然のことではないでしょうか。人のこと、市場のこと、社会のことを知らないとデザイ
CSS3のMedia Queriesを使用して同様のことができますが、CSS3非対応ブラウザでも動作し、且つjQueryなど他のスクリプトに依存しないでブラウザの幅をチェックし、そのサイズに最適化されたスタイルシートのみをロードさせる超軽量（894bytes）のスクリプトを紹介します。 Adapt.js - Adaptive CSS 左：ファイル名、右：スクリーンサイズ [ad#ad-2] スクリプトの制作は「960 Grid System」と同じNathan Smith氏なので、960 Grid Systemとの相性がよいのではないでしょうか。 また、対応ブラウザの表記は見あたりませんでしたが、IE6でも動作しました。 スクリプトでは、上記キャプチャのようにサイズごとに異なるスタイルシートを指定し、ユーザーの環境に合わせて最適なレイアウトで表示することができます。 下記は、同サイトをブラ
ウェブページを表示するブラウザのウィンドウサイズは、閲覧環境によってさまざまだ。特定のウィンドウサイズを想定してウェブページを作成すると、それ以外の大きさのウィンドウではコンテンツが読みづらくなるなどの問題が発生する。最近ではiPhoneのような携帯端末からのアクセスも考慮する必要性が出てきているが、サイズ別にページを用意するのは制作にも管理にも手間がかかってしまう。 こんなとき、CSS3の「Media Query（メディアクエリ）」の機能を利用すれば、ウィンドウサイズに応じて適用するスタイルシートを切り替えて、ユーザーの環境ごとに最適なデザインでページを表示することができる。 現在、Media Queryの規格はW3Cの勧告候補（Candidate Recommendation）となっており、Firefox 3.5以上、Safari、Google Chrome、Operaが対応している。
Twitterのデザインが大きくリニューアルされ、ランダムで徐々にユーザーに公開されています。 Download the free Twitter app | Twitter http://blog.twitter.jp/2010/09/twitter.html Twitter.comの新しいユーザインタフェースを早速紹介（スクリーンショット多数） | TechCrunch Japan 新Twitterの右カラムはミニプラットフォームだ―参加各社の思惑を探ってみた | TechCrunch Japan 新しいTwitterでは機能が増え、 例えばツイートの中に（Twitpicのような）対応した画像投稿サービスのURLが含まれていれば クリックで 右カラムに表示するなんて機能もあります。 他にも、 このマークがあればリプライの発言元がどのツイートか見れる、など色々と便利になっていますね。 …
スマホで表示すると三本線のアイコンになるハンバーガーメニューは、確かに小さい画面の問題を解決する方法の一つですが、ベストな選択ではありません。 ハンバーガーメニューの良い点を利用し、悪い点を改善した、スクリプト無しでレスポンシブ対応のナビゲーションを実装するスタイルシートを紹介します。 Paradeiser Paradeiser -GitHub Paradeiserの特徴 Paradeiserのデモ Paradeiserの使い方 Paradeiserの特徴 実装は簡単で、超軽量 Paradeiserは1.3KBのスタイルシート1つだけで、簡単に実装できます。 CSS Only jQueryやスクリプトは使用しません。 レスポンシブ対応 スマホ、タブレット、デスクトップのそれぞれで快適に操作できます。 オーバーフロー ナビゲーションはコンテンツにオーバーフローで表示されます。 スクロール時の
![[CSS]軽量のスタイルシートで、スマホにもデスクトップにも快適で分かりやすいナビゲーション -Paradeiser](https://cdn-ak-scissors.b.st-hatena.com/image/square/9850202ae54d8b12231ce802211ae82aaab9800d/height=288;version=1;width=512/https%3A%2F%2Fcoliss.com%2Fwp-content%2Fuploads-201502%2F2015091601.png)
ページ全体を角丸のボーダーで囲み、そのページがスクロールするくらい長くても全体を囲むスタイルシートのテクニックを紹介します。 Body Border, Rounded Inside Step 1: ページ全体を角丸で囲む（スクロール非対応） Step 2: ページ全体を角丸で囲む（スクロール対応） Step 3: ページ全体を角丸で囲む（スクロールバーを変更） Step 1: ページ全体を角丸で囲む（スクロール非対応） まずはシンプルなスタイルシートで、ページ全体を角丸のボーダーで囲んでみましょう。 基本的な考え方は、body要素にborder-imageを使い、4つの角を角丸にします。使用するのは下記の画像です。 角丸用の画像 コードを見てみましょう。 HTML HTMLは、bodyだけで構いません。 <body> <h1>Rounded inside body border</h1>
大阪北部地震から1年、屋根にはブルーシートとは言うが
大阪北部っていって地震被害が酷かったの北摂周辺だと思う。 当日の東京のメディアは「大阪北部」と聞いて「大阪のキタ！つまり梅田のことだな！」と思ったらしく変な報道をしていたが 実際は京都寄りの大阪では少し田舎の方。高槻や茨木付近ということになる。勿論この地域には支援が必要だ。 ただあの時は大阪の他地域が元気だったため、大阪行政は自分たちでなんとかすることにしたのだ。 しかしその後起こったのが台風21号だ。 大阪北部の震源地以外の地域でブルーシートがあるのは完全に台風21号のせいだ。 大阪だけではなく関西圏全体に台風で地震の何倍も被害が出たことをないがしろにしてはいけない。 関空が取り上げられたが、「空港だけ」が報道されてしまったのがなんとも悔しい。 なんなら北摂周辺だって地震＋台風でめちゃくちゃだった。 さらに台風のあと北海道地震があって北海道の停電、復旧までがニュースに取り上げられてた中で
これはかなり気になる！スタイルシートの可能性が広がるReact.jsのCSS版のようなスクリプト -Descartes | コリス
「React: CSS in JS」からインスピレーションを得て、CSSをJavaScriptで記述し、スタイルの定義、変数・関数の利用、レスポンシブやスクロールなどのイベントに動的に値を生成できるスクリプトを紹介します。 Descartes Descartes -GitHub 上記ページではクリックする度に、背景色の値が動的に適用されています。 Descartesの特徴 Descartesの使い方 Descartesの特徴 DescartesはSassやLessのようなCSSプリプロセッサの良い点を取り入れ、CSSをJSONとして記述するとどうだろうと始めたオープンソースのプロジェクトです。スタイルのセットだけでなく、DOMへのアクセスや基本的なイベントリスナーに対応しています。 Descartesの書式は、SassやLessに似ています。 Descartesの基本スタイル パフォーマン
JavaScriptは使用しないで、CSS3アニメーションでタイプライターのように一文字ずつ表示するスタイルシートを紹介します。 デモページ 実装 両デモの実装方法を紹介します。 HTML HTMLは共通で、h1要素でテキストを実装するだけです。 <h1>Typing animation by Lea Verou.</h1> CSS:モダンブラウザ対応版 CSS3のsteps()を使用して一文字ずつ順番に表示します。 フォントはアニメーションのタイミングを同じにするため等幅（monospaceなど）で。 Pure CSS3 typing animation with steps() @-webkit-keyframes typing { from { width: 0 } to { width:16.3em } } @-moz-keyframes typing { from { width
[CSS]Safariで見かける角丸のにじみを解消するスタイルシート
Webkit系ブラウザのSafariでよく見かける、角丸のにじみを解消するスタイルシートを紹介します。 Fixing the background 'bleed' Safariでborderとborder-radiusを使用した際に背景色が角丸の箇所でにじむのを解消するには、下記のスタイルシートを該当箇所に追記します。
Excelでテンプレートシートを作り、予算申請などを各部署に依頼することがよくある。でも、各担当者がシートを編集する際、誤って変更されては困る情報もある。そこで、データ入力を依頼したいセルだけを編集可能にし、他のセルは保護する、という方法を説明する。 例えば全社予算を立てる場合、各部署から売上予想や経費予想などの情報を収集する必要がある。この際、入力テンプレート用のExcelシートを作成し、それを各部署に配布して、情報を入力して戻してもらう、といったことが一般に行われている。 このExcelシートのテンプレートには、あらかじめ決まったデータ（参考となる過去の実績値など）や数式を挿入しておき、マクロ（VBA）などの機能を使って入力支援や誤入力防止を図ったり、以後の集計処理を容易にしたりするケースが多いだろう。 しかし、あらかじめテンプレートに入力されたデータや数式を、入力者が誤って変更してし
一生iPhone 4Sを使い続けるかは別として。保護シートのパイオニア、ビザビさんから『OverLay Magic』新登場です。 私は憤りを隠せない。iPhone用に限らずですが、この世に保護シートの粗悪品がナント多いこと！ 以前、『iPhone 4シート選びにご注意を』でも書きましたが、そこそこ名の知れたメーカー製の保護シートですら、隅までキレイに貼れずスグ浮き上がってきたり、簡単に表面に傷が付いてしまうんです。アナタの保護シートは大丈夫？ PDA時代からの老舗モバイルショップ、ビザビさんのシートに関しては、M谷社長の病的なこだわりでつくられており、浮くだのといった心配は一切無用！（社長は浮いた方ではありますが）、オッペンハイマーの保証付きでございます。そしてこのたび、新しい素材を採用した保護シート『OverLay Magic』のご案内をいただきました。
デスクトップ用のブラウザだけでなく、iPhoneなどスマートフォンにも対応した、表示サイズに最適なレイアウトを適用するResponsive Web Design用のシンプルなグリッドシステムを紹介します。 ～720px ※画像クリックで拡大 [ad#ad-2] SimpleGrid 3つの特徴 Responsive Web Design SimpleGridは4種類のスクリーンサイズで最適なレイアウトを提供します。 水平スクロールバーとは、さよならです。 ～720px 720px～ 985px～ 1235px～ 効率的なclass管理 同様のグリッドシステムの多くは、同じサイズのグリッドを一つのclassで管理します。SimpleGridではユニットの最初・中央・最後を個別のclassで管理します。 スタイルシートはシンプルに SimpleGridは管理のしやすいシンプルなclass名を採
新型コロナウイルス対策で、店舗のレジなどで導入が進む、飛まつ防止用のシート。 このシートに火が燃え移り、火災が発生したことを受けて、総務省消防庁は、火の元となるようなものから距離をとるなど、設置する際の注意点をまとめ、全国の消防機関に通知しました。 火はシート全体に燃え広がりましたが、ほかの物に燃え移ることはなく、客や店員にけがもありませんでした。 これを受けて総務省消防庁は、シートでの火災を防ぐため、設置にあたっての注意点をまとめ、各都道府県の消防機関などに通知しました。 ▽レジ付近の調理器具のほか、白熱電球など火の元となるようなものから一定の距離をとること、 ▽仮に火災になった場合に備え、スプリンクラーによる散水や自動火災報知設備の感知の妨げにならない位置に設置すること、 ▽必要に応じて燃えにくい素材のシートを使うこと、 などが必要だとしています。 総務省消防庁は、シートの設置方法で迷
[CSS]軽快に動作するタブコンテンツを実装するスタイルシート
クロスブラウザ対応の、軽快に動作するタブコンテンツを実装するスタイルシートをCSSplayから紹介します。 Cross browser tabbed pages with embedded links version 2 demo タブで表示される各パネルはリスト要素で実装されており、テキストや画像、リンク要素などを配置できます。 タブの高さは、固定タイプと可変タイプの2種類あり、固定タイプではスクロールバーで領域内に表示します。 また、デフォルトでタブ箇所のみの表示で、マウスをフォーカスするとパネルが表示されるタイプもあります。
東京大学の染谷隆夫准教授らの研究グループは７日、上に置いた電子機器間を自動的に配線し、電力供給やデータ送信を可能にする「インテリジェント通信シート」を開発したと発表した。机の上にパソコンやプリンター、キーボードなどを配線せずにすっきりと配置できる。数年かけて耐久性の向上を図り、量産技術を確立する計画だ。 新シートは、内部に有機半導体を用いたトランジスタや、メモリーを利用したスイッチ機能を持ち、内蔵したチップなどで最適な回路を形成したという。 配線せずに電力供給とデータ送信を可能にする技術は、シート内の狭い空間に電磁波を流す方式で、東大の篠田裕之准教授らの研究グループが今年６月に発表したが、供給される電力はスピーカーが動く程度にとどまっていた。 新技術では有機半導体などを使用するため、コスト的に割高になるが、「ノートパソコンが使える程度の電力を供給できるほか、ケーブル接続と同じため、送
HTML 画像とキャプションのテキストをfigure要素で配置し、divで内包します。 <div class="flip-3d"> <figure> <img src="yacht.jpg" alt=""> <figcaption>Yacht</figcaption> </figure> </div> <div class="flip-3d"> <figure> <img src="bee.jpg" alt=""> <figcaption>Bee</figcaption> </figure> </div> シャドウ用の余分なマークアップは、必要ありません。 CSS まずはfigure要素を3Dにし、各画像をfloatで配置します。 div.flip-3d { perspective: 1200px; width: 30%; float: left; } div.flip-3d figure
＜独自＞JAF、チャイルドシート推奨基準を150センチ未満に引き上げへ 事故多発受け（産経新聞） - Yahoo!ニュース
ＪＡＦの衝突実験。シートベルトをしていない後部座席のダミー人形が前方に飛び出した。チャイルドシートの使用推奨を150センチ未満に引き上げる（ＪＡＦ提供） チャイルドシートを使わず、シートベルトをした子供が死傷する事故の増加を受け、日本自動車連盟（JAF）がチャイルドシートの使用を推奨する基準を見直すことが21日、わかった。これまでチャイルドシートの使用は身長140センチ未満を推奨していたが、安全性を重視し、来年に150センチ未満に引き上げる。 【イラストで解説】児童用チャイルドシートを使うことでシートベルトが適切に使えるように 国内では法律で6歳未満の乳幼児はチャイルドシートの使用が義務付けられている。一方、JAFは6歳以上でも140センチに満たない場合は児童用チャイルドシートの着用を推奨している。 大人の体格に達していない子供がシートベルトを使用すると、鎖骨の中心付近ではなく、首にかかっ
はてなダイアリーのデザインには二つの方法があります。一つは自分でスタイルシートを作ること。二つ目はてなが用意したテーマ使うことです。ほとんどの人たちがスタイルシートなんて知らなくて後者を選んでいると思います。僕もそうです。でも人気のあるデザインは使っている人が多くてひとと被りがちだし、せっかくのデザインなのにここをもうちょっとこうしたい、なんて思うひとも多いかもしれません。そんな人たちのためにスタイルシートなんてほとんどわからない僕がオリジナルデザインのダイアリーを作る方法教えちゃいます！ とりあえず僕がFirefox使ってるんでそれ前提にお話しますが、違う人は各々対応してください。 CSSをぶっこ抜こう とりあえず大本になるデザインテーマを選んでください。今回は「hatena_cinnamon」のテーマを使用します。 テーマを変更したトップページからページのソースを抜き出します。 デフォ
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
カオス化したスタイルシートから卒業！CSSでカラーを管理する効率的な方法
Flexboxはすごい便利！最近のレイアウトやコンポーネントが簡単に実装できるスタイルシートのまとめ
CSSの進化がすごい！レスポンシブ対応の六角形のヘキサゴン レイアウトを簡単に実装できるスタイルシート
MarkupDancing ? スタイルシートによるデザインは過渡期なのかも
HTML5 のリセット・スタイルシート - html5doctor - HTML5.JP
千葉市長「被災屋根のブルーシート養生をしていただけるボランティアの方を募集します」 : 痛いニュース(ﾉ∀`)
CSSが苦手な人、CSSを書く時間がない人に最適！見栄えのよいページを簡単に作成できるスタイルシート -sakura
【ブログリンク集】CSS・スタイルシート − ブログのカスタマイズ
Googleカレンダーからタイムシートを自動生成してくれる『GTimeReport』 | 100SHIKI
液晶保護シートはもういらない！「Fusso SmartPhone」の実力は本物だったぞ | カミアプ
[CSS]CSS3 Transitionsを使用して、ホバー時に繊細なアニメーションを与えるスタイルシート
ここ数年のブラウザのデフォルトスタイルシート。縦書きとかHTML5とか。 - kojika17
[JS]IE6でもブラウザのサイズに合わせて最適なスタイルシートを適用するスクリプト -Adapt.js
ウィンドウサイズによってスタイルシートを変える - builder by ZDNet Japan
私が新Twitterに指定してるユーザースタイルシート - 聴く耳を持たない(片方しか)
[CSS]軽量のスタイルシートで、スマホにもデスクトップにも快適で分かりやすいナビゲーション -Paradeiser
[CSS]ページが長くても、ページ全体を角丸のボーダーで囲むスタイルシートのテクニック | コリス
[CSS]タイプライターのように一文字ずつアニメーションで表示するスタイルシート
Excelシートの特定のセルを編集禁止にする
iPhone 4Sの表裏を一生守る！ キズ修復＆耐指紋の新素材保護シート - 週刊アスキー
[CSS]表示サイズに合わせて最適なグリッドを構築するスタイルシート -SimpleGrid
飛まつ防止用シートに火が 総務省消防庁が設置の注意点 | NHKニュース
zkさんはTwitterを使っています: 「大谷翔平の目標達成シートと特殊詐欺で捕まった男の子の夢を書いたメモをみると、どうにもたまらない気持ちになるな……。 https://t.co/202wwDUWbJ」 / Twitter
配線しないでパソコン使える“不思議シート” 東大が試作 :ニュース - CNET Japan
「Excel」のセル結合はやはり悪……見た目は同じなのに結果が違うシートを作れてしまう／「Excel 2000」の時代からある不具合【やじうまの杜】
[CSS]シャドウもくるっと！ふわりと浮かせた画像をくるっと回転させるスタイルシート
モダニティ、コックピット型のPCチェア ～電動のリクライニングシートやディスプレイアーム×3を装備
ダイナミック大熊信士 - スタイルシートなんか知らなくたって簡単！ はてなオリジナルデザイン！！