印刷用CSSについて - シナプス技術者ブログ
WEBソリューション課の田畑です。 シナプスではお客様専用ページ「サービスカウンター」から、お客様ご自身で支払い方法の変更などの様々な手続きを行うことができます。 お客様専用ページ「サービスカウンター」ではWebページ閲覧のみで請求明細を確認できていたのですが、インボイスに対応するため印刷ボタンを設置しました。 印刷用CSSについては今まであまり触れてこなかったので、これを機会にまとめてみました。 印刷用CSSの指定方法 1.読み込み先のCSSファイルの@mediaで設定する 2.htmlファイルのmedia=“print”で設定する 指定方法の選択 CSSファイルの構成 各指定について print.css：印刷ページ共通CSS 不要な要素の削除 Tableの改ページの指定 Tableのヘッダーフッター要素の指定 印刷時の用紙の指定 その他の指定 billing.css：請求明細専用CSS
アプリアイコン | Apple Developer Documentation
独自性があって記憶に残りやすいアイコンにすると、アプリやゲームの目的や個性がよく伝わります。App Storeやデバイス上でプロダクトを一目で認識してもらえるようにもなります。
「お伺い」に気をつける、デザイナーのコミュニケーション｜大﨑 優｜CONCENT
なかなか抜けない癖がある。 「これで良いでしょうか？」「どれが良いでしょうか？」と、デザイナーがお伺いの姿勢になってしまう。ついついそんな癖が出てしまう。 お伺いは「あれっ？」と不審を走らせ、周りに違和感を発することがある。お伺い自体が悪いわけではありませんが、お伺いが続いてしまうとデザイナーのプレゼンスが下がっていく。もったいないことです。 判断の丸投げはしないたとえば、デザインアウトプットを提示するとき。依頼者側が意思決定するにしても、「これで良いでしょうか？」と全てを相手に委ねてはいけない。デザイナーは「どの部分の判断をお願いするか」を注意深く分けて話す必要があります。 コミュニケーションデザインの場合。あるアウトプットについて、「依頼者が求めるビジネス成果に叶っているか」という点で相手の判断を仰ぎつつも、別の観点、たとえばそれがブランド認知の一貫性を保っているか、感性的価値が十分で
近年進化のソーラーパネルの実用レベルは？3日間自家発電だけで仕事や生活できるかガチ検証してみた（1日目）
近年進化のソーラーパネルの実用レベルは？3日間自家発電だけで仕事や生活できるかガチ検証してみた（1日目） 唐突ですが、電力を自家発電したいと思ったことはありませんか？自家発電ができれば、電気代の節約はもちろん、停電による災害時でも快適な暮らしができるのではないでしょうか。そんな夢のような自家発電を可能にするのが、「ソーラーパネル」です！ いやいや、ソーラーパネルを屋根に取り付けるのには工事費だってかかるし、何より維持費が高いでしょう？そう思うのは無理ありませんが、実はソーラーパネルの発電性能は近年かなり発達しており、持ち歩けるサイズのソーラーパネルでも、家電を使用できるだけの発電が可能になりました。 しかし、晴れていない日が続いた場合や調理用の家電が使用できるのかなど、ソーラーパネルだけで実際に自家発電生活ができるのか、気になりますよね？ そこで今回、自給自足にあこがれあるマイベストのアウ
『エイリアン：ロムルス』ヤバい特撮のメイキング映像が解放される | THE RIVER
『エイリアン：ロムルス』ヤバい特撮のメイキング映像が解放される (c)2024 20th Century Studios. All Rights Reserved. 本当に特撮にこだわってたんだな……。最恐ヒット中の『エイリアン：ロムルス』より、映画がどれだけCGに頼らない特撮を重視していたかがよくわかるメイキング映像が放たれた。 ゼノモーフもフェイスハガーもチェストバスターも、全て撮影現場に実在し、動いている。劇中のキャラクターたちの恐怖演技は何もかもリアルな反応だったとよくわかる、貴重な映像だ。 製作のリドリー・スコット、フェデ・アルバレス監督の元に集まったのは、『エイリアン2』の頃から造形のデザインに携わってきたレジェンド・スタッフたち。彼らは、エイリアンを最新技術を用いたオールCGではなく、あえてアニマトロニクスというロボット技術を使い、その生々しい動きを表現。今にも動き出しそうな
Figmaのレイヤー名を連番で整理！効率アップのための手順
はじめに Figmaで作業をしていて、レイヤーを整理したくなる場面はありませんか？ 今回はFigmaのデフォルトの機能とプラグインを使用して、効率良くレイヤーを整理する方法を解説します。 レイヤー名を一括変更 まずはレイヤー名を一括で変更する機能を使ってみましょう。 変更したいレイヤーを全て選択し、『command』+『R』でウィンドウを開きます。 今回は「box01,box02,box03～」と連番を振っていきます。 「変更後の名前」の箇所に「box」と記入した後に『番号↑』をクリックします。 すると「box$nn」と記入されました。 左側にプレビューがあるので上手く反映されているか確認します。 問題なければ右下の「名前を変更」を選択しましょう。 レイヤーを確認すると、きちんと「box01,box02,box03～」と名前が変更されていますね。 レイヤーの順序整理 次に、先ほど連番を振っ
Figmaのプラグインで、特定のノードを取得する方法
デザインエンジニアのりょーたです。 最近、「FigTodo」というFigmaのプラグインをリリースしました✨ 簡単にいうと、期限や担当者を設定できるタスク管理ツールなのですが、機能の１つに、アンカーリンクの作成があります。外部リンク（figmaファイル内の選択範囲へのリンクでない）であればブラウザでページを開き、ファイル内の特定のノードへのリンクであれば、そのノードの位置に移動します（下記参照） ノードとは Figmaにおけるノード（以降Nodeと記載します）とは、Figmaのドキュメント内の個々のオブジェクトや要素を表現するものであり、図形やテキスト、グループやセクションなど様々なオブジェクトに一意のIDが割り当てられています。 この記事は、取得したNodeの位置に移動させる処理を実装するのに試行錯誤したため、その手順について共有します。 この記事で紹介するのは、デバッグをしつつ考えた方
Figma APIで特定File内の任意のFrame名を全てクリップボードにコピーする - Qiita
@xrxoxcxox さんのcurlでやる方法ではなく、JavaScriptでやる方法です。 やりたいこと 下記のようなことを想定しています。 FigmaのFrame名を画面名やIDにしており、それをスプレッドシート等で管理（一覧化）するために、Figmaから対象のFrame名一覧を取得したい どうやるか DevToolsのConsoleを利用し、JavaScriptで取得する 手順 下記のような手順で実行します。 Figmaの該当ファイルを開く ⌘ + Option + I or Ctrl + Shift + I でDevToolsを開き、Consoleタブを開く 抽出したいFigmaのFrameを選択する 後述するコードをConsoleに貼り付けて実行する クリップボードに選択したFrame名がコピーされるので、それをスプレッドシートなどに貼り付ける let selection = f
【初心者向け】Figmaの便利Tips8選｜セブンデックス
Figmaはコラボレーションツールという通り、デザイナー以外の方にも多く利用されています。 セブンデックスでも、デザイン業務だけでなく様々なフェーズでディレクターやクライアントとFigmaを利用しています。 私は社内でちょこちょこFigma Tipsを流しているので、みなさんから使い方の質問をされることがよくあります。 自分が当たり前に使っていることでも、意外と「早く知りたかったです」と言ってもらえることが多いので、今回は私がよく聞かれる&よく使うTipsをご紹介します！ Tips以外にも、Figmaについて基礎から知りたい場合は以下の記事がおすすめです！ コピペ編 別のフレームの同じ位置に同じオブジェクトを配置したい 「同じところに見出しを入れたい！」という時は、コピー先のフレームを選択してからペースト（⌘command+V）すると、コピー元と同じ位置に配置されます。 また、複数フレーム
ファビコンとは？設定方法や役割と作成するメリットをご紹介
ファビコンとは、Web画面のタブなどに小さく表示されるアイコンのことです。Webサイトを閲覧したことのある方なら、誰しも目にしたことがあるのではないでしょうか。ファビコンを設定すると、ユーザーはもちろんWebサイトを運営する上でもさまざまな利点があります。 本記事では、ファビコンの役割や設定するメリット、作成方法などを詳しくご紹介するので、ぜひWebサイト構築のヒントにしてください。 ファビコンとは ファビコンとは、「favorite icon（お気に入りのアイコン）」の略称で、Webサイトのシンボルマークとなるアイコンを指します。 ファビコンが表示される主な場所は次のとおりです。 検索結果ページで表示されるタイトルの左側 Webページ上部のアドレスバーやタブ Webページをショートカット設定した際に表示されるアイコン ホーム画面のブックマークやお気に入り ファビコンは、閲覧者が複数のWe
Faviconジェネレーター
Faviconジェネレーターは、ブラウザ上で、JPEG, PNG, GIF などの画像ファイルから favicon 用の画像(favicon.ico)を生成・変換するサービスです。透過、マルチアイコン、各種サイズに対応しています。変換はすべてローカルで行われ、高速に変換できます。
IllustratorのPDF書き出し時のハイパーリンクの保持とパラメーター保持しているときのトラブル｜DTP Transit 別館
2023年6月リリースのIllustrator 2023（27.6.1）から、書き出すPDFにハイパーリンクを保持できるようになりました。 ハイパーリンクを保持するには、PDF書き出し時のダイアログボックスにて［ハイパーリンクを保持］オプションをONにします。 このオプションは、〈PDF/X〉や［雑誌広告送稿用］などのプリセットを選択しているときには無効です。 Illustratorでのハイパーリンクの設定方法Illustratorでのハイパーリンクの設定方法は次の手順で行います。 ［属性］パネルを開く ここではテキストに対して設定していますが、図形でもOKです。2. リンクを設定したいオブジェクトを選択して、［イメージマップ］に「長方形」を選択 「長方形」のほか、「多角形」でもOKです。3. ［URL］にリンク先を入力（コピー&ペースト） 地球儀アイコンをクリックするとブラウザーが開き、
五頭岳夫「脳に破片」「40代からエキストラ」Netflix『地面師たち』で脚光の“ライフ俳優”が語る壮絶半生 | 週刊女性PRIME
「あ、えと……え、え……」 老人は干支（えと）を聞かれるも即答できない。自身のことなのに。隣で助け舟を出す“地面師”。 架空の不動産売買の話を持ちかけ、相手から巨額の金をだまし取る詐欺師集団─。ネットフリックスのドラマ『地面師たち』が大きな話題となっている。配信開始からネットフリックスの日本の週間TOP10（シリーズ）で首位を独走、グローバル週間TOP10（非英語作品/シリーズ）でもトップを争う。 『地面師たち』でバズった『ライフのほうが安い爺』 地面師たちの手先として、本当の地主・島崎健一になりすました老人の佐々木役を演じたのが俳優・五頭岳夫（ごづ たけお）。劇中でよく使うスーパーを聞かれ、（最寄りの店ではなく）「ライフへよく行きます。ライフのほうが安いので」と答えるシーンが反響を呼び、『ライフのほうが安い爺』とSNSで人気に。 「リアルに演じたら、バズっちゃって（笑）」 “演技が自然”
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Figmaで作るマイクロインタラクションとアニメーション | C5log
https://x.com/yuuumi_28/status/1837730615531393154
https://x.com/ken_tbdz/status/1837320868646494513?s=12
Text input states
Alleged Lindeloft Draft with all the Engineer dialogue
翔太。 on X: "『#プロメテウス』でカットされた脚本だと終盤のエンジニアとデヴィッドの会話は長く、映画の核心をつくセリフがあった。 人類が唯一の成功例だった、ただ憎しみ合って争いばかり、なので救いとして人間の1人をエンジニアの故郷で教育して送り返したが殺されたと。それはイエス・キリストのこと。 https://t.co/oE3jPYpUex"
https://x.com/wd_jhai/status/1832072528929714574