CSSの便利ツールが登場！ レスポンシブ対応のフォントサイズを超簡単に定義できる -Modern Fluid Typography Editor
Webサイトをレスポンシブ対応にする時、フォントサイズをさまざまなスクリーンに最適なサイズにします。スマホ用のfont-size、デスクトップ用のfont-sizeを定義するのも一つの方法ですが、font-sizeの最小値と最大値とその間の値を流動的にするclamp()を使用すると簡単に定義できます。 CSSでレスポンシブ対応のフォントサイズを超簡単に定義できるオンラインツールを紹介します。 最近のやり方としてはvw, calc()を使用したフォントサイズの定義などがありますが、clamp()を使用するとかなり簡単です。最小値と最大値を決め、その間の変化の度合いも変更でき、もちろん日本語フォントのfont-sizeでも大丈夫です。 Modern Fluid Typography Editor Modern Fluid Typography Editor -GitHub Modern Flu
史上初、ブラックホールの撮影に成功 ― 地球サイズの電波望遠鏡で、楕円銀河M87に潜む巨大ブラックホールに迫る｜国立天文台(NAOJ)
研究成果 2019年4月10日 史上初、ブラックホールの撮影に成功 ― 地球サイズの電波望遠鏡で、楕円銀河M87に潜む巨大ブラックホールに迫る イベント・ホライズン・テレスコープで撮影された、銀河M87中心の巨大ブラックホールシャドウ。リング状の明るい部分の大きさはおよそ42マイクロ秒角であり、月面に置いた野球のボールを地球から見た時の大きさに相当します。（Credit: EHT Collaboration） 画像（643KB） イベント・ホライズン・テレスコープは、地球上の8つの電波望遠鏡を結合させた国際協力プロジェクトであり、ブラックホールの画像を撮影することを目標としています。2019年4月10日、研究チームは世界6か所で同時に行われた記者会見において、巨大ブラックホールとその影の存在を初めて画像で直接証明することに成功したことを発表しました。 この成果は、アメリカの天文学専門誌『ア
h1やpなどブロック要素にボーダーや背景をつけると、通常はその要素のコンテナボックスいっぱいに適用されます。要素やコンテナのサイズに関係なく、ボーダーや背景を拡張させるCSSのテクニックを紹介します。 入れ子で実装？ と思いましたが、全然違いました。h1要素は1つだけ、他の要素はなし、疑似要素もなし、複数行になっても問題なし、CSSのプロパティ1つで実装できます。しかもすべてのブラウザにサポートされています。 下記のようにボーダーや背景をボックスからはみ出して配置できます。
Ayano AKIYAMA on Twitter: "ちょっと待って、「史上初となるはずだった女性チームによる船外活動」というのは2019年3月のアン・マクレイン、クリスティーナ・コック両宇宙飛行士によるEVA延期のことですか？ ならばそれは「女性に合うサイズの宇宙服が無」かったため… https://t.co/Otf1sfMMdw"
ちょっと待って、「史上初となるはずだった女性チームによる船外活動」というのは2019年3月のアン・マクレイン、クリスティーナ・コック両宇宙飛行士によるEVA延期のことですか？ ならばそれは「女性に合うサイズの宇宙服が無」かったため… https://t.co/Otf1sfMMdw
はじめに 以前からユニットテスト/単体テストという言葉は使いづらい、と感じており今回も旧Twitterで「テストを実行時間ベースで分類する良い言葉ないかなー」と呟いていたところ、「テストサイズのSMLって考え方があるよ」と教えて戴きました。 だいたいは教えてもらったt_wadaさんの記事にすべて書いてあるのですが、自分の整理も含めて動画にしたので、その補完記事となります。 TL;DR 単体テストのバベルの塔は既に崩壊 CI/CDでの継続的テストには時間ベースのテスト分類が重要 UT/IT/E2EではなくSMLによるテストサイズがCI/CDには合う それは単体テストか結合テストなのか？ 自動テスト、手動テストに関わらずテストの分類として単体テストと結合テストという言葉は一般的です。 ITQBではTest Levelsという言葉で定義されていますし、以下のようなV字モデルの対応表はみんな知って
A Simple jQuery Stylesheet Switcher 5分で実装可能なページの文字サイズ変更＋クッキーに保存サンプルが公開。 ページで、小・中・大のように文字サイズを変えられるようにしておくと便利ですね。 asahi.com の導入例 実装方法が、微妙に面倒という場合もこのサンプルを使えば簡単に実装できる筈です。 文字サイズに限らず、CSSを丸ごと変えてしまえるので、スタイルを変更して保存ということも簡単に出来ます。 デモページ HTMLは、次のように、href は # ですが、rel属性に付け替えたいcssを指定しておきます。 <ul id="nav"> <li><a href="#" rel="/path/to/style1.css">Default CSS</a></li> <li><a href="#" rel="/path/to/style2.css">Larg
水素社会の実現のための大切な要素が 「造る」「運ぶ」「使う」の3つです。 今回は手のひらサイズの「水素を運ぶ」画期的な技術を紹介します。 手のひらサイズの小さな石のようなもの。これは、水素燃料のもとになる水素とマグネシウムで作った「水素化マグネシウム」です。実は、車の動力源になるんです！ 【動画】持ち運べる水素で自動車のミライが変わる！？マグネシウムに水素を閉じ込める技術 クルマとミライ その水素化マグネシウムを水に入れると、ぶくぶくと泡が発生。この化学反応をボンネットの中で起こせば、車の中で水素を生み出せるのです。 とはいえ、それなら気体の水素をボンベに詰めて走れば良いのでは？ と思いますよね。 「ボンベの代わりがマグネシウムになります。軽くて、たくさんの水素を貯蔵できます」（バイオコーク技研 上杉堅一さん）
【追記 2023/06/26】 テックリードに求める役割と適切なチームサイズについて - pospomeのプログラミング日記
自分はDMMプラットフォーム内のマイクロサービスアーキテクトグループという組織の責任者をしているが、 最初に比べると組織がそれっぽく拡大したこともあり、 ここ最近テックリードを立てる機会が増えてきた。 一度自分がテックリードに求める役割と適切なチームサイズについてアウトプットしてみようと思う。 DMMプラットフォームのマイクロサービスアーキテクトグループとは? pospomeがテックリードに求める役割 技術領域をリードする プロジェクトマネージメント 他チームとのコミュニケーション チームメンバーの評価 なんだかんだで総合力 pospomeがテックリードに求めない役割 ピープルマネージメント よく分からない政治的なコミュニケーション 適切なチームサイズについて 新規チーム設立を考慮する場合 おまけ：テックリードに求める役割と適切なチームサイズ以外のあれこれ No.2 の重要性 立場が人を作
用紙サイズの規格には、A判とB判があり、それぞれの縦横比は1:1.4となっています。 また、A4判、B5判などのように、後に続く数字によって紙の大きさを表しています。 数字は、サイズが1/2になる毎に1ずつ増えていきます。 また、解像度は、1inch（25mm）あたりのドット数を、DPI（Dot Per Inch）という単位で表します。 以下に、各解像度毎の用紙サイズと画面サイズの対応表を示します。 A判用紙サイズ対応表 用紙 種類 用紙サイズ （mm） 画面サイズ（dot） 72DPI 144DPI 300DPI 600DPI
骨なし一口サイズの“四角いお魚”をイオンが発売…キューブ状のメリットを担当者に聞いた（FNNプライムオンライン） - Yahoo!ニュース
さばいたり、骨があったりと調理の際に手間がかかる魚。そんな魚料理の悩みを解消する商品を、イオンが5月12日にプライベートブランド「トップバリュ」から発売した。 【画像】キューブ状の魚のメリットとは? それが、こちら。 「なんだ、これは!?」という言葉と共に画像に写っているのは、白色の四角い物体。魚と言われても、魚らしき形状が全く見当たらない。 しかしこれが、魚料理の概念を覆す“キューブ型”の冷凍魚素材「トップバリュ パパッとできるお魚おかず」なのだ。 魚は骨を取り除き、約15グラムのキューブ状にカット。さらに打ち粉をすることで下ごしらえの手間が省けるとともに、魚の旨みや水分を逃しにくく加熱後も食感を保ってくれる。 これまで一切れ単位で調理していた魚を少量で使うこともでき、また子供が食べやすいようにこのような形状となったという。 和洋中さまざまな料理で登場することの多い、たら・あじ・サーモン
ロゴ画像のようにさまざまなサイズ、さまざまな形の画像を美しく揃えて配置するスタイルシートのテクニックを紹介します。 CSSのテクニックだけでなく、デザイン上の注意点も解説されており、実装時の参考になります。 Aligning Logo Images in CSS by Ahmad Shadeed 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに ロゴを配置する時のデザイン上の注意点 ロゴを配置するグリッドの実装 CSSブレンドモードを使用してホワイトの背景を削除する ロゴの最後の行の中央揃え 実装時の注意点 終わりに はじめに フロントエンドのデベロッパーとして、複数のロゴを配置したことがあるでしょう。この実装は最初は簡単に思えるかもしれませんが、ロゴを揃えたり、中央配置にする時に悩ますかもしれません。さらに、ロゴにはさ
最近、MySQLのパラメータの調整をする機会があったのですが、特定のパラメータを変更した際に、メモリの消費量にどう影響するのか、というのを調査する際に、インターネッツを彷徨ったところ、サイトによって書いてあることにバラつきがあったので、自分でもまとめてみることにした。 結論から書くと、参考にしたのは以下のオライリーの書籍「MySQLトラブルシューティング」で、記述が一番わかりやすく書かれていた。 このエントリは、この書籍の 「3.9.3 オプションの安全値を計算する」 にて記載がある内容をまとめたものになる。 MySQLトラブルシューティング 作者:Sveta SmirnovaオライリージャパンAmazon 著者について Sveta Smirnova(スヴェータ・スミルノヴァ): Oracle社MySQLサポートグループ・バグ検証グループの主席テクニカルサポートエンジニアとして毎日MySQ
ファイルシステムサイズの拡張時にデータベースアクセスがスローダウンする問題の解決 - Cybozu Inside Out | サイボウズエンジニアのブログ
はじめに こんにちは、技術顧問のsatです。 サイボウズでは、ファイルシステムサイズ拡張時にデータベースアクセスがスローダウンするという問題に長年悩まされてきました。本記事では運用本部の藤田と深谷がこの問題を解決した流れについて報告いたします。問題を解決するために2人はLinuxカーネルを修正しました。修正は社内に閉じたものではなく、執筆当時の最新 Linuxカーネルであるv4.17にマージされています。 問題 以下の操作の後にデータベースへのアクセスが一時的にスローダウンする ブロックデバイスのサイズを拡張する 上記デバイス上にあるファイルシステムのサイズを拡張する 原因 linuxカーネルはブロックデバイスのサイズ変更(縮小および拡張)時に、当該デバイス上にあるファイルシステムのページキャッシュ(後述)を無効化する*1 解決方法 ブロックデバイスのサイズ拡張時にはページキャッシュを無効
まぁるく @zplo380 今日、バイトでお客さんに「デカフェください」と注文を受けました。私は"デカフェ"の意味を知らなかったため、困惑しながら3回くらい聞き直した後、"デカフェ"を"デカいカフェオーレ"の略であると解釈しました。私はお客さんに「たっぷりサイズのカフェオーレでお間違いないですか？」とお客さんに聞 2023-03-21 22:37:07 まぁるく @zplo380 くとお客さんは真剣な顔で「デカフェはカフェインを除いた飲み物の事ですけど…」と私に言いました。私は"デカフェ"を"デカいカフェオーレ"の略だと信じて疑わなかった自分自身の知能の低さに笑いを堪えながら「すみません…べ、勉強になりました。」と言い、逃げるようにその場から離れました。 2023-03-21 22:37:08 まぁるく @zplo380 たくさんの反応ありがとうございます🙇🏻♀️´- その方は"デカ
AWSの仮想プライベートサーバ（VPS）「Amazon Lightsail」が料金改定でほぼ半額に。メモリ16GB、32GBのインスタンスサイズも新設
AWSの仮想プライベートサーバ（VPS）「Amazon Lightsail」が料金改定でほぼ半額に。メモリ16GB、32GBのインスタンスサイズも新設 Amazon Web Services（AWS）の「Amazon Lightsail」は、クラウド上で仮想プライベートサーバを（VPS）を簡単に立ち上げて利用できるサービスです。 通常、クラウド上で仮想サーバを立ち上げて利用できるようにするには、ネットワークやストレージなどの構成を済ませ、OSやアプリケーションをインストールするといった手間が必要です。 Amazon Lightsailはそうした手間を省略し、レンタルサーバのように数クリックで簡単にサーバが利用可能になるサービスです。
VMware 仮想ディスクマネーシャ（VMware Disk Manager）を使用する事で、コマンドラインから、仮想ディスクファイルの作成、管理、変更が可能です。 1) コマンドシンタックス vmware-vdiskmanager.exe -x <拡張後のサイズ> 仮想ディスクファイル.vmdk これで仮想ディスク容量の変更はOKです。これで、仮想環境上からみれる物理ディスクの容量は増えます。 仮想ディスク容量を増やした後どうする？ 上記のコマンドで仮想ディスクを増やしただけでは OS 上から使用可能な容量は増えません。パーティション情報も変更してやる必要があります。商用の Partition Magic とか持っていなくても、GParted Live CD を使えば、パーティション情報を変更することができます。ISOイメージをダウンロードして、VMware の仮想 CD-ROM の「I
1987年埼玉生まれの栃木育ち・群馬県在住。 週末は群馬の温泉を巡っています。 漫画やイラストを描いたり、それに付随した講師もたまにしております。（動画インタビュー） 前の記事：ファイルボックスがビルに見える ＞ 個人サイト Nuki そこには静かに鬼がいた ベッドマットを購入したのは群馬に引っ越してきた６年前。引っ越す前は埼玉に住んでおり、住んでいる市のゴミ処理場へ持っていけば大体は無料、一部は有料でゴミを引き取ってもらえました。 そこが私を油断させた。 ごみかわらばん（ゴミの捨て方が書いてある紙）を何度も確認します。夢でありますように、と。 『そのままでは処理できません。分解すれば、スプリング（粗大ごみ）と、布や綿など（袋に入れて燃やせるごみ）で処分できます。』 ……夢ではありませんでした。 この文章を見た瞬間、大きめの「チクショウ！」が出た。 私が住んでいるのは高崎市。高崎市は持ち込
これで、とうとう３度目の小さいサイズのアイコンシリーズです。 『リストに使える小さいサイズのアイコン Part2』でもご紹介しております。その前の記事はリンク先からどうぞ…。 小さいサイズのアイコンは、リストに使ったり、タイトルの横に添えてみたりと使い道はいろいろありますね。 今回は、幅広いデザインに対応できそうなシンプルなアイコンをまとめてみました。 mIcons – Kostenlose Icons 種類も豊富で、なにかと使えそうなアイコンが公開されています。 bwpx.icns : Paul Armstrong Designs こちらもモノクロのアイコンがいっぱいですね。色を付けて使っても良いかもしれませんね。 Bitcons | SOME RANDOM DUDE 赤がきれいなアイコンいろいろです。 ShopDev Website Design Blog ショッピングサイトに使えそう
Linux は fork で子プロセスを作成した場合、親の仮想メモリ空間の内容を子へコピーする必要があります。しかしまともに全空間をコピーしていたのでは fork のコストが高くなってしまいますし、子が親と同じようなプロセスとして動作し続ける場合は、内容の重複したページが多数できてしまい、効率がよくありません。 そこで、Linux の仮想メモリは、メモリ空間を舐めてコピーするのではなく、はじめは親子でメモリ領域を共有しておいて、書き込みがあった時点で、その書き込みのあったページだけを親子で個別に持つという仕組みでこの問題を回避します。Copy-On-Write (CoW) と呼ばれる戦略です。共有メモリページは、親子それぞれの仮想メモリ空間を同一の物理メモリにマッピングすることで実現されます。より詳しくは コピーオンライト - Wikipedia などを参照してください。 この CoW に
代理店営業から「600dpiでくれ！」と言われたから「印刷サイズは？」と聞いたところ「だから600dpiと言ったろ？お前プロじゃないのか？」と高圧的に言われたので…
長月みそか @misoka09 以前、代理店営業から「600dpiでください！」と言われたので、「印刷サイズはどれくらいですか？」と聞いたところ、「だから600dpiだと言っただろ？お前プロじゃないのか？！」と高圧的にでられたので、「600dpiにはちがいありませんよ？」とアイコンサイズぐらいの画像を渡したことがある。 2023-01-19 17:17:52 長月みそか @misoka09 🌿 漫画家 📔連載中「オーバーリミット・スキルホルダー」（電撃大王） 🏅 代表作「少女素数」「のぞむのぞみ」「ＨＲ～ほーむ・るーむ」「あでい・いんざ・らいふ」 「でいとりっぱー」「そこテストにでます！」 🏈 好きなもの：少女、猫、ＮＦＬ 🦀 ファンティア fantia.jp/misoka09
カンタさん @shangri_la1321 山の民。フリーデザイナーとか言う商売で日銭を稼ぐ日々。古民家2棟(築80年/築152年)を購入してのんびりDIYリノベ中。空間デザイン/リノベーション/DIY/ジムニー/林道探検/旅行/日本酒とワイン
全部まとめられていて便利！iPhone, iPadなど、Appleデバイスのスクリーンサイズ・解像度のまとめ -Screen Sizes
Webサイト制作者・スマホアプリ開発者向け、Appleデバイスのスクリーンサイズ、各サイズを採用しているモデル、解像度、PPI、表示タイプ、比率、最後にサポートされたOS、セーフエリア、サイズクラス、ウィジェットのサイズ情報など、実装時に役立つ情報がまとめられたScreen Sizesを紹介します。 先週ローンチされたばかりのサイトで、2021年最新モデルのiPad Proから、2007年のiPhoneまで、最新機種から初代までのデバイスのサイズが網羅されています。 Screen Sizes サイトを利用するのは簡単、登録など面倒なことは一切不要です。 サイドバーからデバイスを選択し、スクリーンサイズあるいはモデルを選択します。 私が使用しているiPhone 12 Proを見てみました。 サイトはキーボードショートカットも用意されており、shiftキーを押すとショートカットの一覧が表示・非
喪服のサイズが変わる前に - 竹内佐千子 / 【モーニング・ツー読み切り】喪服のサイズが変わる前に | モーニング・ツー
喪服のサイズが変わる前に 竹内佐千子 【モーニング・ツー読み切り】私はどこにでもいる中年女性。結婚し、子供に恵まれ、幸せな日々を送っている。ある夏の日、かつての友人の訃報が届く。
アボリジニの民族楽器ディジュリドゥが謎のテクノロジでＢ５サイズになった「DDG-BOX-2」、良すぎ - nomolkのブログ
この記事ではＢ５サイズの箱型ディジュリドゥ、DDG-BOX-2を紹介します。すでに琴線に触れた方はこの先を読まずに買っても差し支えないでしょう。 MEINL Percussion マイネル ディジュリドゥ Stereo Didgeridoo Tuning/C DDG-BOX-2 【国内正規品】 出版社/メーカー: MEINLメディア: エレクトロニクスこの商品を含むブログを見る ※以下、音や楽器についての評価は全体に、趣味でちょっとかじっただけの素人によるものなのでご了承ください。 はじめに みなさん趣味ありますか。僕は趣味をきかれたら電子工作とかインディーゲームとかワールドミュージック収集とか答えていたのですが、実は過去にもういっこ趣味があったのを最近になって思い出しました。ディジュリドゥ演奏です。なぜかここ10年ほど完全に忘れており、2週間前に突然思い出して、ハッとしました。今日はそん
SmartNewsのUI/UXエンジニアが語る！「iPhoneの画面サイズと室町時代の違い棚」 | Find Job ! Startup
FINDJOB! 終了のお知らせ 2023年9月29日にFINDJOB!を終了いたしました。 これまでFINDJOB!をご利用いただいた企業様、求職者様、様々なご関係者様。 大変長らくFINDJOB!をご愛顧いただき、誠にありがとうございました。 IT/Web系の仕事や求人がまだ広く普及していない頃にFind Job!をリリースしてから 約26年間、多くの方々に支えていただき、運営を続けてまいりました。 転職成功のお声、採用成功のお声など、嬉しい言葉もたくさんいただきました。 またFINDJOB!経由で入社された方が人事担当になり、 FINDJOB!を通じて、新たな人材に出会うことができたなど、 たくさんのご縁をつくることができたのではないかと思っております。 2023年9月29日をもって、FINDJOB!はその歴史の幕を下ろすこととなりましたが、 今後も、IT/Web業界やクリエイティブ
ファーストリテイリングと傘下のユニクロ、ジーユー（GU）は5月13日、ユニクロ・ジーユーの公式オンラインストアがリスト型アカウントハッキング攻撃を受け、約46万件のIDに不正ログインされたと発表した。不正ログインを受けたユーザーの氏名や住所、電話番号などの個人情報が第三者に閲覧された可能性があるという。対象のIDのパスワードを同日中に無効化し、ユーザーにパスワード変更を依頼している。 不正ログインを受けたことを確認したアカウントは46万1091件。氏名や住所、電話番号、メールアドレス、性別、生年月日、購入履歴、クレジットカード番号の一部（上4ケタと下4ケタ）とカード名義人、有効期限などに加え、自身や家族の身体のヌードサイズを登録できる「マイサイズ」に登録した氏名・サイズが第三者に閲覧された可能性があるという。クレジットカードのセキュリティコードは保存していないため、漏えいの可能性はない。
ばらけてきたのでこちらにまとめます。 索引 位置の設定 css(name,value) 位置の取得 css(name) offset() position() scrollTop() / scrollLeft() event.pageY / event.pageX サイズの設定 css(name,value) / height(value) / width(value) サイズの取得 css(name) / height() / width() attr(clientHeight / offsetHeight / scrollHeight) outerHeight() / innerHeight() コンテナ要素の取得 offsetParent() 解説 位置の設定 css(name,value) 対象要素を指定した位置に配置できます。単位を省略した場合はピクセル単位となります。 $('#
レスポンシブの確認が簡単に！ iPhone, iPad, Androidなど各モデルのサイズ、操作や動画にも対応した優れもの -モバイルシミュレーター
iPhoneをはじめ、PixelやGalaxyのAndroidスマホ、iPadやGalaxyのタブレット、ラップトップ、ワイドスクリーンなど各モデルのサイズでWebページを表示して確認ができるChromeの機能拡張を紹介します。 デベロッパーツールのデバイスモード（command+shift+M）で各デバイスの表示を確認できますが、モバイルシミュレーターはさらに多くのデバイス、スクリーンショット・動画撮影など機能も充実しています。また、モバイルシミュレーターでデベロッパーツールを使用することも可能です。 無料で、多くのデバイスをサポートしているのがいいですね。 WinでもMacでも、ツールバーと右クリックから1クリックで簡単に起動できます！ Mobile FIRST レスポンシブの確認を簡単にできます。 スクロール・スワイプなどの操作をはじめ、リンクをクリックしてのページ移動もできます。
sectionやdivやpなど、ブロック要素をボーダーで囲うと、全幅（親要素の幅）になります。そのブロック要素の中のコンテンツが少なく、ボーダーの幅をコンテンツのサイズに合わせたい場合は、どう実装していますか？ ブロック要素のままでは親要素の幅になってしまうので、通常はdisplay: inline;やdisplay: inline-block;を加えると思います。 しかし、ブロック要素のwidthにfit-content値を使用すると、ブロック要素のまま（displayの値を変更せずに）コンテンツのサイズに合わせることができます。 「古い方法」「より良い方法」としたのは、上記画像の直訳です。古いからダメということではなく、より良い方法が使えるようになり、ケースバイケースで使用するのがお勧めです。 古い方法
災害時に懐中電灯を使おうとしたら単１電池がない――。そんな時に役立つこけしを、山形県尾花沢市の「伊豆こけし工房」が開発した。単３を入れると単１や単２として使える「電池変換こけし」だ。飾りと実用の「一石二鳥」をＰＲする。 同工房は１９８３年度のＮＨＫ連続テレビ小説「おしん」で、主人公のおしんに「母親代わりに」と贈られたこけしを作った工房だ。 ３代目の伊豆徹代表（６３）は東日本大震災後、「防災に役立つこけしを」と考え始めた。友人から電池変換器の話を聞き、震災の時にラジオや懐中電灯用に使われる単１電池が売り切れていたのを思い出し、開発を決めたという。単１と単２の大きさのこけしの中に穴を開け、単３を差し込めば、それぞれ単１、単２として使える仕組みで、６月に売り出した。 「ただの変換器だと、しまったまま行方が分からなくなる。平時も見えるところに飾っておけるので、緊急時にすぐ使える」と伊豆さん。手軽な
テキストのサイズを調整し、両端をピッタリと揃えて表示するスクリプト・slabTextをWPプラグインとして日本語環境に対応・WP slabText
ご連絡頂いて、良さ気だったので ご紹介。以前記事にした、テキスト の両端を揃えるタイポグラフィ系 のスクリプト・slabTextを日本語 でも利用出来るようにし、且つWP で利用出来るようにしてくれました。 今年の1月くらいにご紹介したslabTextをWPで、且つ日本語で利用出来る、というプラグインです。slabTextに関しては以前の記事をご参照下さい。 テキストのサイズを自動調整して幅一杯に広げるレスポンシブWebデザイン対応のjQueryプラグイン・SLABTEXT 過去記事でも書いたように、普通に使っても日本語環境で使うのは若干微妙でした。（単語単位で半角スペースを入れる必要があった）これをうまく解消してくれているので需要も結構あるのでは無いかなと思います。 もともと目をつけていたスクリプトだったので日本語環境で利用出来るようになったのはとても嬉しいです。スクリプトの開発者さんは
【2016年9月28日 15時00分 追記】 下記に記載されております音声エンコードの不具合ですが、 9月28日(水)の定期メンテナンスで復旧いたしました。 該当期間に投稿した動画の音声エンコードが正常に行われなかった方は、 お手数ですが再度投稿をお試し頂きますようお願い申し上げます。 ユーザーの皆様にはご不便、ご迷惑おかけし大変申し訳ございません。 【2016年8月26日 16時20分 追記】 一部誤りがあったため、修正いたしました。 ▼動画フォーマットにつきまして （修正前）動画尺：15分 ＞30分 ＞30分以上 （修正後）動画尺：15分 ＞30分 ＞60分 ＞60分以上 【2016年8月19日 23時20分 追記】 8月18日より一部のユーザーに提供を開始いたしましたサービスにつきまして、 情報を補足してお伝えいたします。 ▼サーバーエンコードにつきまして ・投稿容量に関わらず全てn
div要素やp要素に画像やテキストなどを配置した高さや幅のサイズが分からない要素を外側の容器の高さが不明でも天地左右の中央、ビューポートの中央に配置するスタイルシートのテクニックを紹介します。 Centering horizontally and vertically in CSS float, transform, position, display:flex;などを使ったテクニックが紹介されており、ページの実装に合わせて、実装方法を決めるとよいでしょう。 デモではsection要素がコンテナに、div要素が中央に配置されています。
![[CSS]レスポンシブ対応の最新版！サイズが不明な要素を天地左右の中央に配置するスタイルシートのまとめ](https://cdn-ak-scissors.b.st-hatena.com/image/square/b46fb0222c516388a0be1ca6e64e87199e362865/height=288;version=1;width=512/https%3A%2F%2Fcoliss.com%2Fwp-content%2Fuploads-201703%2F2017073001.png)
アクセス解析サービスの「BROWSIZE.ORG」は 2016年10月20日 にサービス提供を終了しました。 ご利用ありがとうございました。 akiyan.com+browsize at gmail.com
巨大なファイルを使ってディスクやネットワークの速度を測定する ディスクやネットワークなどの性能（速度）がどのくらい出ているかを手っ取り早く調べるには、ある程度大きなデータファイルを用意しておいて、その読み書き速度や送受信速度を調べると簡単だ。 厳密なベンチマークツールがなくても、ファイルをコピーさせながら、その速度をタスクマネージャーやパフォーマンスモニターで見たり、完了するまでの時間を測定したりするだけでも大まかな速度は計測できる。 これを行うには、数十～数百GB以上のサイズのテストファイルが必要になる。本Tech TIPSでは、「fsutil.exe」というコマンドを利用して、こうした巨大なファイルを簡単かつ素早く作成する方法を紹介する。 fsutilコマンドで巨大なファイルを作成する Windows OSで巨大なファイルを作成するには「fsutil.exe」というコマンドがとても便利
体積が50万倍大きいカメラ用レンズと同じくらい鮮明なフルカラー画像を撮影できるとうたう塩粒サイズの極小カメラを、米プリンストン大学と米ワシントン大学の研究チームが開発。11月29日（現地時間）に発表した。 このカメラは、病気を診断・治療する医療用ロボットを使った内視鏡検査など、大きさと重量に制約を持つロボットのイメージング技術の向上など医療分野への活用に期待できる。他にも、スマートフォンの背面に数千のカメラを配列することで、背面全体を1つの巨大なカメラとして使うこともできるという。 電磁波を任意の方向に反射できる「メタサーフェス」と呼ばれるシート状の人工物質で製作しており、表面には小さな円柱状の杭が160万本埋め込まれている。この光学系と画像を生成する信号処理アルゴリズムを統合的に設計したことで高画質撮影を実現した。従来のメタサーフェスカメラでは実験室環境など特定の条件下でしか撮影できなか
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
CSSでこんなことができるの知ってた？ 要素・コンテナのサイズに関係なく、ボーダーや背景をはみ出して配置するテクニック
ユニットテストってもう言わない！ CI/CD時代のテスト分類に最適なテストサイズという考え方
5分で実装可能なページの文字サイズ変更＋クッキーに保存サンプル:phpspot開発日誌
持ち運べる水素 コンビニで水素が買える時代の到来？ 手のひらサイズで40リットル分 脱炭素化に向けて
用紙サイズと画面サイズ
CSSでロゴのようにサイズが異なる画像を美しく揃えて配置するスタイルシートの実装テクニック
MySQL で使用するメモリサイズの見積もり - 元RX-7乗りの適当な日々
ユニクロ、カメラで体を採寸してサイズを提案する「MySize CAMERA」
お客さんに「デカフェください」と言われ「たっぷりサイズのカフェオーレで間違いないですか？」と聞き返してしまった人の話
VMware で仮想ディスクのサイズを変更したくなったとき :: Drk7jp
ダブルサイズベッドマットレスの解体は10日かかる。頑張れば5日
【特集】 サイズ違いでモニターの見え方はどう変わる？23.8/27/31.5/37.5型の4機種で使い勝手を比較
小さいサイズのアイコン Part3 | | DesignWalker
Linux のプロセスが Copy on Write で共有しているメモリのサイズを調べる
隣町まで牛乳を買いに行こうとしたらちょうどいいサイズの絶望感を味わった→まさかの結末に「思わず声出た」
ユニクロ・GUの通販サイトにリスト型攻撃、不正ログイン46万件 氏名や住所、身体のサイズなど流出
jQuery の位置・サイズ関連メソッドまとめ - Cyokodog :: Diary
【特集】 注目の「小型PC」5機種を一斉比較！サイズ感・性能・消費電力など知りたい特長が丸分かり
CSSでブロック要素の幅をコンテンツのサイズぴったりにしたい時のこれからの記述方法
こけし、実は電池サイズ変換器 単３が単１や単２に：朝日新聞デジタル
【西川和久の不定期コラム】 ACアダプタサイズのLinuxマシン! 玄人志向「玄柴」
【追記(8/19)】投稿可能な動画ファイルのサイズが増加します‐ニコニコインフォ
[CSS]レスポンシブ対応の最新版！サイズが不明な要素を天地左右の中央に配置するスタイルシートのまとめ
BROWSIZE.ORG：ユーザーの本当の画面サイズ、知りたくないですか？
＠IT：Windows TIPS -- Tips：巨大なサイズのファイルを簡単に作る方法
塩粒サイズの極小カメラ、米研究チームが開発 「体積50万倍のカメラ用レンズと同等画質」