並び順

ブックマーク数

期間指定

  • から
  • まで

1 - 35 件 / 35件

新着順 人気順

calcの検索結果1 - 35 件 / 35件

タグ検索の該当結果が少ないため、タイトル検索結果を表示しています。

calcに関するエントリは35件あります。 cssCSSデザイン などが関連タグです。 人気エントリには 『CSS で絶対に最前面に表示したい要素には z-index:calc(infinity) を指定する』などがあります。
  • CSS で絶対に最前面に表示したい要素には z-index:calc(infinity) を指定する

    いつの時代にも z-index の管理には頭を悩ませます。z-index の値には 1 以外の値を許可しないなどの管理方法がありますが、外部のライブラリを使用してる場合に勝つことができません。 そこで z-index の値に calc(infinity) を指定すると、絶対に最前面に表示させることができます。 infinity は calc() の中で使用できる特殊な値です。名前の通り最も大きな値を表します。 そのため、どんなに大きな z-index の値を指定されても、calc(infinity) が最も大きな値になるため、最前面に表示されるわけですね。

      CSS で絶対に最前面に表示したい要素には z-index:calc(infinity) を指定する
    • CSSだけでスクリーンサイズやフォントサイズを取得、CSSの三角関数tan(atan2())はcalc()ではできない計算もできる

      CSSで便利な機能の1つがcalc()、ページのレイアウト、要素やフォントのサイズ設定に活躍します。特に異なる単位で加算減算(calc(1rem + 1px))できることが便利ですが、乗算除算(calc(1rem / 1px)はできません。 そこでCSSの三角関数です。すべてのブラウザにサポートされているatan2()を使用すれば、異なる単位で計算ができます。tan(atan2())を使用して、スクリーンサイズやフォントサイズを取得するテクニックを紹介します。 CSS Type Casting to Numeric: tan(atan2()) Scalars br Jane Ori (@Jane0ri) 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに tan(atan2())は単なる数値である 追記: 三角関数を学び直

        CSSだけでスクリーンサイズやフォントサイズを取得、CSSの三角関数tan(atan2())はcalc()ではできない計算もできる
      • マイクロソフト、Calc.exe(電卓)をオープンソースとしてGitHubで公開

        マイクロソフトは、Windows 10に標準で含まれているCalc.exe(日本語版では「電卓」)のソースコードをオープンソースとしてGitHubで公開したことを明らかにしました(追記:オープンソース化は3月に行われていました。ちょっと記事にするのが遅かったようです。すいません)。 Calc.exeのオープンソース化の狙いは、最新のWindowsアプリケーションを開発するための見本として使ってもらうことにあるようです。 というのも右の画面を見ていただくと分かるように、電卓は半透明のウィンドウやウィンドウの横幅に合わせてコントロールの大きさが変化するなど、Windowsの最新のユーザーインターフェイス技術などを用いて作られているのです。 「Announcing the Open Sourcing of Windows Calculator」では次のように説明されています。 Reviewing

          マイクロソフト、Calc.exe(電卓)をオープンソースとしてGitHubで公開
        • CSSのcalc()関数で、レスポンシブ対応のfont-sizeを可変にするスタイルシートを簡単に生成できる無料ツール

          レスポンシブ対応で、可変のfont-sizeを定義するスタイルシートを記述するのは、なかなか面倒です。 スマホ表示での最小値、ワイドスクリーンでの最大値を決め、その間は可変サイズで表示されるfont-sizeのスタイルシートを簡単に生成できる無料オンラインツールを紹介します。 font-sizeは自由に定義できるので、日本語のフォントでも最適に利用できます。 Fluid-responsive font-size calculator Fluid-responsive font-size calculatorは、レスポンシブ対応のfont-sizeを可変にするスタイルシートもこの計算機で簡単に生成できます。font-sizeは最小値と最大値を決め、その間のサイズはcalc()関数でスムーズに変更させます。例えば、スマホなどの小さいスクリーンでは16px(最小値)に、ワイドスクリーンでは24p

            CSSのcalc()関数で、レスポンシブ対応のfont-sizeを可変にするスタイルシートを簡単に生成できる無料ツール
          • CSSのレイアウトで、ラッパーが異なるコンテンツのツラをcalc()関数のパディングで揃える

            メインのヘッダは固定幅、記事のヘッダは流動幅、ラッパーが異なるコンテンツのツラを揃えるCSSのテクニックを紹介します。 下記のようにヘッダのロゴと記事のタイトルを揃えたい時はありませんか? CSSのcalc()関数を使用した動的なパディングを使用すると、簡単に実装できます。デスクトップの大きいスクリーン、スマホなどの小さいスクリーン、記事が長くてスクロールバーが表示される場合などにも対応しています。 Aligning Content In Different Wrappers by Ahmad Shadeed 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 固定幅と流動幅でツラを揃える 動的なパディングを実装するテクニック スマホでのパディングの処理 このCSSをどこにでも使用できるようにする スクロールバーで位置がずれる問題を

              CSSのレイアウトで、ラッパーが異なるコンテンツのツラをcalc()関数のパディングで揃える
            • 無料で使える『Microsoft Office Excel』の互換ソフト『Libre Office Calc』を使ってみた

              Libre OfficeとはLibreOfficeは強力なオフィススイートです クリーンなインターフェイスと強力なツールであなたの創造性を解き放ち生産性を高めLibreOfficeはその市場において最も強力なフリーかつオープンなオフィススイートとなっています。 これは次のようなさまざまなアプリケーションのためです ワードプロセッサのWriter、表計算アプリケーションのCalc、プレゼンテーションエンジンのImpress、ドローイングおよびフローチャートのためのDraw、データベースおよびそのフロントエンドとなるBase、そして数式を編集するためのMathです。 公式サイトより引用ja.libreoffice.org ↑こちらからダウンロードできます

                無料で使える『Microsoft Office Excel』の互換ソフト『Libre Office Calc』を使ってみた
              • LibreOffice CalcとExcelの計算結果誤差をみなさんで検証していただいた結果まとめ

                LibreOffice CalcとExcelでフィボナッチ数列を計算すると結果に違いが生じたそうです。 丸め誤差の処理の差では?という予想はつきましたが、調べられなかったので検証をお願いをしたところ、いろんな事がわかったのでまとめました。 最後、奥村先生の話の中で、以前のExcelの誤差の丸め方が少し違うようなので注意が必要そうです

                  LibreOffice CalcとExcelの計算結果誤差をみなさんで検証していただいた結果まとめ
                • CSSのcalcで片側だけグリッドガイドライン外へ飛び出したカラム | Tips Note by TAM

                  中央揃えになっている固定グリッド(Fixed grids)から片側だけ外へ飛び出させた装飾のカラムを リキッドレイアウトのレスポンシブデザインでスタイリングする方法です。 IE11も対応している CSSの calc() で相対値と絶対値をかけあわせたサイズを設定するので 画面幅がかわっても、片側は中央揃えのカラムとツラをあわせたまま(端をそろえたまま) もう片側は画面端までのびたサイズをキープできます。 ※IEはpaddingの仕様に落とし穴があったので、最終的にはIEバグ対策のJavaScriptも併用しています。 INDEX よくある中央揃えのレスポンシブなカラム アシンメトリーなカラム まとめ サンプルソース とりあえず実物から見てみたい方は、CodePenのサンプルソースからどうぞ! See the Pen Asymmetry Column by webdev (@webdev-j

                    CSSのcalcで片側だけグリッドガイドライン外へ飛び出したカラム | Tips Note by TAM
                  • A Complete Guide to calc() in CSS | CSS-Tricks

                    CSS has a special calc() function for doing basic math. In this guide, let’s cover just about everything there is to know about this very useful function. Here’s an example: .main-content { /* Subtract 80px from 100vh */ height: calc(100vh - 80px); } In this guide, let’s cover just about everything there is to know about this very useful function. calc() is for values The only place you can use th

                      A Complete Guide to calc() in CSS | CSS-Tricks
                    • 週刊Railsウォッチ(20190722-1/2前編)Rails 6エラー画面の改良点、Dateを四捨五入できるtime_calc、Rackミドルウェアのデザインパターンほか|TechRacho by BPS株式会社

                      2019.07.22 週刊Railsウォッチ(20190722-1/2前編)Rails 6エラー画面の改良点、Dateを四捨五入できるtime_calc、Rackミドルウェアのデザインパターンほか こんにちは、hachi8833です。7年近く肌身離さず使い続けたMacbook Pro 2013 LateのSSDのメインパーティションが、先週金曜日に天に召されました😇。 各記事冒頭には⚓でパーマリンクを置いてあります: 社内やTwitterでの議論などにどうぞ 「つっつきボイス」はRailsウォッチ公開前ドラフトを(鍋のように)社内有志でつっついたときの会話の再構成です👄 毎月第一木曜日に「公開つっつき会」を開催しています: お気軽にご応募ください ⚓お知らせ2件 ⚓「出張Railsウォッチ in 銀座Rails」のお知らせ morimorihogeからのお知らせ: 7/24開催予定の銀

                        週刊Railsウォッチ(20190722-1/2前編)Rails 6エラー画面の改良点、Dateを四捨五入できるtime_calc、Rackミドルウェアのデザインパターンほか|TechRacho by BPS株式会社
                      • IE11でflexプロパティに書いたcalcが機能しないバグ

                        先日遭遇したIE11のflexbox関連のバグをメモっておきます。周知のバグだと思いますが、自分で書くと脳に定着しそうだしw バグの詳細 以下のように、flexショートハンド・プロパティのflex-basisにcalcを使って値を記述すると、IE11で機能しないため無視されてしまいます(IE10も同様)。 flex: 1 1 calc(25% - 1rem); 対処法 IE11の場合は、以下のようにflexプロパティをロングハンドで記述すればなおります。 flex-grow: 1; flex-shrink: 1; flex-basis: calc(25% - 1rem); IE10に対応したい場合、flex-basisをautoにしてwidthでcalcを使うと良いらしいです(すみません、テストしてません)。 メモ Edgeでも同様のバグがあったそうですが修正されています。 MS Edge

                          IE11でflexプロパティに書いたcalcが機能しないバグ
                        • LibreOfficeのcalcで先頭の文字が勝手に大文字に変換されるのを解除する方法

                          「オートコレクトオプション」の「すべての文を大文字で始める」という機能を解除すれば、勝手に大文字化する現象が発生しなくなります LibreOfficeのcalcで先頭の文字が勝手に大文字に変換されるのを解除する方法 頭文字が勝手に大文字にされてしまう LibreOffice calc 先頭が勝手に大文字にされる LibreOfficeのcalcでアルファベットの小文字を入力したのに勝手に大文字に変換されるときがあります 「aiko」「hitomi」「miwa」などアルファベットの小文字表記が正式名称となっている女性アーティストがいるんですが セルに「miwa」だけ入力すると小文字のままでいてくれるんですが 1つのセルに改行を含む形で入力をすると2行目以降は「Miwa」みたいに勝手に頭文字を大文字にされてしまいます 大文字自動変換を解除する方法 LibreOffice calc ツール オー

                            LibreOfficeのcalcで先頭の文字が勝手に大文字に変換されるのを解除する方法
                          • LibreOfficeのCalcでの印刷が1ページに収まらない

                            2017年09月06日 2023年05月31日 MicrosoftのExcelで作ったブックを、LibreOfficeのCalcで開くとシート上では問題なくレイアウトが再現されますが、印刷しようとすると本来1ページで収まっていたシートが、LibreOfficeでは2ページにまたがってしまう…このようなとき簡単に1ページに収める方法を説明します。 今回説明している方法はExcelのページ設定で「次のページ数に合わせて印刷」を行うと同じようなイメージです。 Excelで作ったシートの内容。今回使ったExcelは2016です。 Excelでは1ページに収まるようにシートを編集したので、印刷プレビューでも問題なく1ページで表示されています。 LibreOfficeのCalcでのシートの内容。特にレイアウト崩れは発生してません(LibreOfficeのバージョンは5.4.1) LibreOffice

                              LibreOfficeのCalcでの印刷が1ページに収まらない
                            • LibreOfficeのcalcで一括して改行を追加する方法

                              「検索」欄に .+ 「置換」欄に =SUBSTITUTE("&", "(", CONCAT(CHAR(10), "(")) 「他のオプション」の 「現在の選択範囲のみ」にチェック 「正規表現」にチェック 「検索場所」を 「値」に設定 上記の設定をしてから 「すべて置換」 置換結果の確認(その1) 置換を行った結果、目的通りに対象のすべてのセルで「(」の前に改行がされています 今回の例では「置換」欄に 「=SUBSTITUTE(“&”, “(“, CONCAT(CHAR(10), “(“))」 と書きましたが 「=SUBSTITUTE(“&”, “,“, CONCAT(CHAR(10), “,“))」 と書いてやれば カンマの前で改行 「=SUBSTITUTE(“&”, “ ”, CONCAT(CHAR(10), “ ”))」 と書いてやれば 全角スペースの前で改行 のように任意の位置に改行

                                LibreOfficeのcalcで一括して改行を追加する方法
                              • LibreOfficeのcalcでハイパーリンクを一括削除する方法

                                ネットから表などをコピーして貼り付けると、一部のテキストが青くなってハイパーリンクが自動的に埋め込まれた状態になることがあります これを一括で解除する方法を紹介します 直接設定した書式の解除 ハイパーリンクを解除したいセルを範囲選択した状態で メニューバーの 書式 > 「直接設定した書式の解除」を選択 ショートカットキーの(Ctrl + M)でもOK これでハイパーリンク付きのテキストを、プレーンなテキストに一括変換することができます

                                  LibreOfficeのcalcでハイパーリンクを一括削除する方法
                                • 無料で使えるExcelの互換性ソフトLibre Office Calcを使ってみた - みことの引きこもりblog引きこもり講座

                                  上 こんにちはMikotoです Windows7のサポートが終了するのが2020年1月14日で残り3ヶ月半位になりました。ゲームをしたり動画編集をしているメインのパソコンはWindows10にしたのですがネットやYou Tubeたまに書類作成に使っているサブ用のノートパソコンはまだWindows7です。低スペックな為ゲームをしたり動画編集も出来なくはないですがノートパソコンではたいした作業はしないのでWindows10のライセンス料は15000円~20000円位掛るし最近では無料で使えるLinuxを使えば良いのでは?と悩んでいます。 Linuxってなに? LinuxとはWindowsやMacなどと同じOS(オペレーティングシステム)の事で無料で使えるOSですWindowsやMacは1種類しか有りませんがLinuxにはいろいろな種類が有り最近人気のあるUbuntuや当時ニート時代にネットワー

                                    無料で使えるExcelの互換性ソフトLibre Office Calcを使ってみた - みことの引きこもりblog引きこもり講座
                                  • Ruby+PyCall.rbでLibreOffice Calcのオートメーションをやってみた(Ubuntu 18.04) - Qiita

                                    これは LibreOffice Advent Calendar 2020 の20日目の記事です。 前の記事は nogajun さんの「XMLを表で編集したりCSVに書き出したいときはLibreoffice Calcの「XMLソース」を使えば一撃です」です。 PyCall.rb は Ruby から Python を利用するためのブリッジライブラリです。詳しくは下記を参照してください。 mrkn/pycall.rb: Calling Python functions from the Ruby language (2017) Ruby-Pythonブリッジライブラリ「PyCall」を使ってRubyでデータ分析をしよう! (1/3):CodeZine(コードジン) PyCall.rb 作者の mrkn さんによる解説記事 「Ruby PyCall LibreOffice」でググってみたところ、ま

                                      Ruby+PyCall.rbでLibreOffice Calcのオートメーションをやってみた(Ubuntu 18.04) - Qiita
                                    • 第623回 LibreOffice 6.4 CalcとMicrosoft Excel 365の関数比較 | gihyo.jp

                                      具体的どのような変更があったかは次項で説明します。 Calc 5.3から6.4までの間に変更があった関数 Calc 5.3から6.4までの間に変更があった関数は17個でした。具体的にどのような変更があったのか個別に見ていきましょう。 DURATION・DURATION_ADD・CONVERT・CONVERT_OOO・CONVERT_ADD Calc 5.3よりExcelに準じ、DURATION関数をPDURATION関数に、DURATION_ADD関数をDURATION関数に変更しました。 また従来のCONVERT関数をCONVERT_OOO関数に、CONVERT_ADD関数をCONVERT関数に変更しました。すなわちCONVERT_OOO関数とCONVERT_ADD関数は別物なので気をつけください。 EFFECT EFFECTIVE関数はCalc 5.3よりExcelと同じEFFECT関

                                        第623回 LibreOffice 6.4 CalcとMicrosoft Excel 365の関数比較 | gihyo.jp
                                      • 【CSS】使いそうで使わない?いや、結構使えるcalc()関数! | スタッフブログ | 株式会社クーネルワーク

                                        「あ〜、夏も終わるな〜。リキッドレイアウトなんだけどサイドバーの幅は固定でメインコンテンツ幅だけ可変にできないかな〜。」 って思ったこと、皆さんありますよね?夏ですしね。 どうもこんにちは、制作部の崎本です。 固定要素と可変要素が組み合わさるとめんどくさい!通常、cssのプロパティ値はpx, %, em, rem, vw, vhなど単一の単位を以って値の指定をします。 pxで絶対指定したり .hoge { width: 100px; }%などで相対指定したり .hoge { width: 70%; }色々な指定が可能なのは基本のキですよね。 基本的なレイアウトであればこれらの単位指定の使い分けでレスポンシブ対応含め実装可能かと思います。 では、冒頭のような場合はどうでしょうか? 例えば以下のようなレイアウトを想定してみましょう。 コンテンツ全体(#container)最大幅 1000px左

                                          【CSS】使いそうで使わない?いや、結構使えるcalc()関数! | スタッフブログ | 株式会社クーネルワーク
                                        • 【SASS、SCSS】calcの計算式で変数を使うときの記述方法

                                          このページをご覧になられたということは、SCSSでcalc()関数をご使用になられた方でしょうか。 そしてcalcの計算式に変数を入れたものの、上手く計算されないという状況でしょうか。 ご安心下さい、変数が含まれてても無事に計算できます。 以下の例はヘッダーの高さを80pxに固定し、メイン要素の高さをブラウザの高さに合わせて可変にしたい場合の計算式です。 赤線のcalcの計算式に、そのまま「$header-height」の変数を入れても、計算が上手くいきません。 それもそのはず、calcの計算式でSCSSの変数を使う場合、#{$変数名}と入力する必要があります。 以下ご確認ください。 See the Pen wvwrNNr by DoGgy (@DoGgy12) on CodePen. これで無事に計算が出来ました。 calcの四則演算のルール 実は上と別のパターンでも、calcの計算でハ

                                            【SASS、SCSS】calcの計算式で変数を使うときの記述方法
                                          • 【CSS】Flexboxとcalc()で簡単レスポンシブ対応3カラムカードレイアウト! | JunJunWeb.Net

                                            CSSのFlexboxとcalc()関数を使って簡単にレスポンシブ対応3カラムカードレイアウトを作成する方法を備忘録としてまとめておきます。デスクトップ表示時は3カラム、タブレット表示時は2カラム、モバイル表示は1カラムにするなどのレイアウトをいちいち幅やマージンを細かく計算して実装する必要がないので、自分的には重宝しています。※注)calc()関数はモダンブラウザにサポートされていて使いやすいですが、FlexboxはIE6-9(IE10はベンダープレフィックスで対応)には対応していないので旧IE6-9をサポートするサイトを構築する場合は注意が必要です。

                                              【CSS】Flexboxとcalc()で簡単レスポンシブ対応3カラムカードレイアウト! | JunJunWeb.Net
                                            • calcでフォントサイズを自動計算する方法(レスポンシブデザイン必須)

                                              font-sizeはCSSのcalcとvwを使った公式にあてはめて、画面枠に応じた最適なサイズを自動計算できます。 必要なのはフォントの最小値と最大値、画面枠の最大値と最小値の4つの数値です。 calcの公式自体を丸覚えしてfont-sizeやpaddingの算出に流用できるようにしておきましょう。 レスポンシブルデザインの見やすさを決める「フォント」 レスポンシブデザインは、WEBの世界において必須のレイアウトになっていますよね。 その中でユーザー目線の優れたサイト作りをするための要因の一つが、「文字の見やすさ」を保つ事でしょう。 常に見やすいページを作るためには、表示デバイスごとに最適な大きさの文字を表示する必要があります。 ユーザーのデバイスはコントロールできない ただ、ユーザーがどんなデバイスで閲覧するかを制限する事はできませんよね。 となれば理想とするのは臨機応変に対応できる仕組

                                                calcでフォントサイズを自動計算する方法(レスポンシブデザイン必須)
                                              • JRubyでLibreOffice Calcのfodsファイルを読み書きするサンプル 2021 - Qiita

                                                sonota88/libreoffice-jruby-sample (tag: 20210102) https://github.com/sonota88/libreoffice-jruby-sample/tree/20210102 以前書いた↓これのアップデートと、「2021年初でも動きましたよ」という動作報告です。 JRubyでLibreOffice Calcのfodsファイルを読み書きするサンプル 2019 変更点 JRuby のバージョンアップ 9.2.9.0 → 9.2.14.0 機能追加: Sheet#used_row_index_max , Sheet#used_column_index_max 使用している範囲内の行・列の最大インデックスを取得 XDesktop.terminate() を使って終了するようにした サンプルファイルもリポジトリに追加 Docker 対応 その

                                                  JRubyでLibreOffice Calcのfodsファイルを読み書きするサンプル 2021 - Qiita
                                                • 表計算ソフトとプログラミングのいいとこどりを狙おう、table-calc

                                                  何か計算をしたい時、表計算ソフトを使うか、プログラムを組むかで迷います。 万能なプログラミングに表計算ソフト分を混ぜてみることで、より早く計算できるかも?試作してみました。 「table-calc」 表内のデータをget関数を使って取得し、set関数で設定する、プログラムを書いておくと、表内に更新があったら即座に反映されます。 これでも割と汎用的に使えます。 外部の関数や、API呼び出し、作成したフォームの保存や、整形、データインポートエクスポートなど、改良の余地も大いにあって楽しめそうです。 「table-calc src on GitHub」 input-tableタグと、monaco-editorコンポーネントを使ったシンプルなオープンソースです。 「input-table tag」 CSVの表形式による設定・取得が可能な入力コンポーネント、input-tableにセル毎の設定・取得

                                                    表計算ソフトとプログラミングのいいとこどりを狙おう、table-calc
                                                  • calc関数で指定をした際に、IEでカラム落ちしてしまった時の対処法 | インソースマーケティングデザイン | ホームページ制作・リニューアル・運用改善で課題を解決

                                                    2019.5.8HTML/CSS Webクリエイター I.M 2021年8月1日「マリンロード」は「インソースマーケティングデザイン」へ社名を変更いたしました calc関数で指定をした際に、IEでカラム落ちしてしまった時の対処法 IEでのみカラム落ちが起きる 200pxのボックス(親要素)の中に3つの要素(子要素)が均等に並ぶようにcalc関数を使用し下記のように指定を行いました。 Chrome、Firefox、Safari、Edgeでは正常に表示されることが確認できましたが、IEでのみカラム落ちが起きました。 ※IEでの表示を推奨します。 See the Pen 190425_01 by o (@oioi_oioi) on CodePen. カラム落ちの原因 結論から言いますと子要素のwidthの数値の「100% / 3」に問題がありました。 どう考えても「100% / 3」の商は「33

                                                      calc関数で指定をした際に、IEでカラム落ちしてしまった時の対処法 | インソースマーケティングデザイン | ホームページ制作・リニューアル・運用改善で課題を解決
                                                    • Chrome 88やEdge 88でのfont-size: calc(2ch)

                                                      利用しているフォントの「0」のグリフ幅によって変わるch単位は、実装されて久しい。これを、font-sizeプロパティーでcalc()やclamp()など計算するCSS関数を通して使うと、Chrome 88やEdge 88で想定より大きくなってしまうバグがあるようだ。Firefox 85やSafari 14では問題なく、またwidthプロパティーなどでなら発生しない。 .test .raw { font-size: 2ch; } .test .calc { font-size: calc(2ch); } このようなコードで再現する。同じ大きさ(16px前後)になるはずだが、Chrome 88やEdge 88で.calcの方が倍の大きさになってしまう。例えばNoto Sans CJK JPだと、17.76pxのはずが35.52pxになった。 2度計算してしまっているような気がするが、3chに

                                                      • 【CSS】calcとvwを併用して最大・最小フォントサイズを設定する方法【IE11対応】 | WebDev Tech

                                                        レスポンシブ対応をする中で、文字サイズの最大値・最小値を設定できたらいいなと思ったことはありませんか? 横幅の最大値や最小値を指定できるmax-width min-widthのように、max-font-sizeやmin-font-sizeがあればすごく便利ですよね。 残念ながらそういったプロパティは現状ありませんが、CSSのcalcとvwという単位を使えば、最大・最小フォントサイズを設定することができます! 今回の記事では、このcalcとvwの合わせ技の使い方を紹介しようと思います。 IE11を含め主要ブラウザ全てでサポートされていますので、安心してお使いいただけます。

                                                          【CSS】calcとvwを併用して最大・最小フォントサイズを設定する方法【IE11対応】 | WebDev Tech
                                                        • LibreOffice Calc でVBAマクロを使う(始め方) - Qiita

                                                          1.環境 使用するLibreOfficeのバージョンは以下の通り。(安定版のはず) バージョン: 6.3.5.2 (x64) 2.目指すところ まずはLibreOfficeにおけるマクロの記述方法を学ぶべく、以下をVBA書式でコードを記述し実現する。 シートにボタンを配置して、そのボタンを押したらメッセージボックスを表示する。 3.やってみよう シート上にボタンを配置する Calcを立ち上げた。メニューから表示-ツールバー-フォームコントロールで、フォームコントロールのツールバーを表示している(画像赤枠)。 フォームコントロールツールバーのデザインモードをONにする。 フォームコントロールツールバーでボタンを選択し、シート上の任意の場所にボタンを適当に配置。Excelだとデザインモード状態でボタンをダブルクリックするとVBE(Visual Basic Editor)が立ち上がって、Subが

                                                            LibreOffice Calc でVBAマクロを使う(始め方) - Qiita
                                                          • LibreOffice Calc のファイルがロックされる/弥生会計のファイルが開かない/売弥会計のバックアップが出来ない

                                                            という経歴を持つ。 このような経歴を持つPC環境の場合、 もう一度ローカルアカウントに戻す または Microsoftアカウントでマイドキュメントフォルダを作り直す このいずれかで問題が解決するケースが多いと思われる。 ※ただしこの解決方法では「Microsoftアカウントに移行後インストールしたアプリ」が、逆に問題を起こす可能性があるかもしれない。 ちなみに、アカウントの切り替え場所は以下である。 ▲クリックで拡大 以下、問題発生の経緯から、順を追って紹介する。 問題が発生した経緯 キッカケは、PCがハングした事だった。 余談:ハングの理由は、LibreOffice Calc のファイルを超大量に開き、Google Chrome のタブも超大量に開き・・・・ という、ちょっと無茶な使い方をしていたためだ。 PCを再起動させると、上記の問題「弥生会計と LibreOffice Calc に

                                                              LibreOffice Calc のファイルがロックされる/弥生会計のファイルが開かない/売弥会計のバックアップが出来ない
                                                            • 【css】段組みレイアウトは、flexbox、calc、nth-childでつくろう | 名古屋でホームページ制作、Web制作なら株式会社エッコ

                                                              制作の久保田です。 今回は、段組みレイアウトの書き方に関してご紹介します。 段組みレイアウトは、flexboxが使えるようになってすごく簡単になりました。 flexboxで段組みレイアウトと一言で言っても、書き方が幾通りもあるので、これがベストじゃない?って書き方をご紹介したいと思います。ポイントはcalcとnth-childを組み合わせて使うことです。 flexbox、calc、nth-childでつくる段組みレイアウト 上記のような、よくある3カラムレイアウトの場合を見ていきます。 コンテンツ幅は可変、各要素は幅に応じて伸縮するけど、要素間は30pxの余白をつけます。 短いので最初に全コード掲載します。 flexbox、calc、nth-child の基本的な使い方がわからないって場合は先に次章からご覧ください。 <!DOCTYPE html> <html> <head> <style

                                                                【css】段組みレイアウトは、flexbox、calc、nth-childでつくろう | 名古屋でホームページ制作、Web制作なら株式会社エッコ
                                                              • calc()関数がわからない

                                                                関数(ファンクション・メソッド・サブルーチンとも呼ばれる)は、はプログラムのコードの一部であり、ある特定のタスクを処理するように設計されたものです。 HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

                                                                  calc()関数がわからない
                                                                • CSSのCalc()と100vwだけでfont-sizeをレスポンシブ対応する方法|Webデザインの教科書

                                                                  現在ではレスポンシブデザインが当たり前になっています。 フォントサイズはどうでしょう? 画面の大きさでフォントサイズを分けて設定していませんか? 今回はフォントサイズは自動で調節するようにするテクニックを紹介します。

                                                                    CSSのCalc()と100vwだけでfont-sizeをレスポンシブ対応する方法|Webデザインの教科書
                                                                  • CSS { In Real Life } | Quick Tip: You Might Not Need Calc()

                                                                    Did you know, if you use CSS math functions like min(), max() and clamp() and you’re calculating any one of the arguments, you don’t need calc()? I think it was Ahmad Shadeed who mentioned this on Twitter the other day, but I could be wrong. So if you want to use clamp() for some fluid typography, say, with a calc() function for the middle value, instead of doing this: h1 { font-size: clamp(1.5rem

                                                                      CSS { In Real Life } | Quick Tip: You Might Not Need Calc()
                                                                    • LibreOffice Calcの入ったDockerイメージを作ってヘッドレスで動かす - memo486

                                                                      とりあえず自分が使いやすいようにポータブルにしておくとよいかも? くらいの思いつきでやってみましたが、たとえば開発チームのメンバーにちょっとしたツールを渡したいとき(そのためだけに LibreOffice をインストールしてもらわなくて済む)とか、サーバの環境を汚さずに使いたいときに都合が良いかもしれませんね。 下記では例として Calc が入ったイメージを作って fods ファイルを ods ファイルに変換します。 Writer とかでも同じようにできるのではないでしょうか。 Dockerfile 書く。 関連しそうなパッケージはいくつかあるのですが、とりあえず libreoffice-calc をインストールすれば変換処理は動きました。 FROM ubuntu:18.04 RUN apt-get update \ && apt-get -y install --no-install-r

                                                                        LibreOffice Calcの入ったDockerイメージを作ってヘッドレスで動かす - memo486
                                                                      • Practical Uses of CSS Math Functions: calc, clamp, min, max | Modern CSS Solutions

                                                                        Practical Uses of CSS Math Functions: calc, clamp, min, max Posted on: Aug 15, 2021 Written by Stephanie Eckles There are currently four well-supported math functions in CSS. I've found each of them to be extremely useful in my daily work. These CSS functions can be used in perhaps unexpected ways, such as within gradients and color functions and in combination with CSS custom properties. We'll le

                                                                          Practical Uses of CSS Math Functions: calc, clamp, min, max | Modern CSS Solutions
                                                                        1

                                                                        新着記事