タグ

デザインとメモに関するalcusのブックマーク (6)

  • Bootstrapにとって初めての独自アイコン集「Bootstrap Icons」バージョン1.0が初公開

    プログラマにとって、さまざまなテンプレートが用意されていて、すぐに完成度の高いデザインが手軽に実現できる「Bootstrap」は、非常に便利なフレームワークとして使われています。 そのBootstrapが初めて独自開発したアイコン集「Bootstrap Icons」バージョン1.0がリリースされました。 Bootstrap体は、現在バージョン5に向けて開発が進められています。Bootstrap Iconsはこのバージョン5用に提供される予定で開発がすすめられ、バージョン5よりも一足先に正式版として公開されました。 Bootstrap Iconsは現時点で、さまざまな矢印やショッピングカート、吹き出し、スマイルマーク、ソートを示すアイコンをはじめとする約200種類のアイコンが用意されており、Bootstrapと一緒に、あるいは単独で利用することができます。 ライセンスはMITライセンスのた

    Bootstrapにとって初めての独自アイコン集「Bootstrap Icons」バージョン1.0が初公開
  • 59分割ヤバイ|深津 貴之 (fladdict)

    こばかなさんと、グリッド分割の話をしてるときに出たネタなのだけど。 グリッドの59分割ヤバイよねぇというお話。 画面を59分割すると、様々な比率で端数がでない。汎用的なグリッド分割できて素敵。個人的にはnoteで図表を描く時は、 ・幅620px ・天地左右マージン15px ・グリッド59分割 10pxを意識すると、色々と便利だと思う。 これ全部、ピクセルパーフェクトに分割できる。 1分割 = 590px grid 2分割 = 290px grid 3分割 = 190px grid 4分割 = 140px grid 5分割 = 110px grid 6分割 = 90px grid 8分割 = 65px grid (厳密には10の倍数でないので△) 10分割 = 50px grid 12分割 = 40px grid 15分割 = 30px grid 20分割 = 20px grid 24分割

    59分割ヤバイ|深津 貴之 (fladdict)
  • ベーシックな名刺デザイン覚え書き

    紙のデザインはメインの仕事ではないけれど、ロゴ制作の依頼に合わせて、名刺の依頼もいただくことが多い。頻度は高くないものの、1年に数回はあるので、自分のメモも兼ねて名刺デザインについてまとめてみたいと思う。 この記事は実験的に有料にしていますが、投げ銭制度となっており、購入しなくてもすべて読めます。その代わり購入いただいた方にはオマケでこの記事用につくった名刺のIllustratorデータをダウンロードいただけます。基フォーマットまず基的なこととして、名刺のサイズは「55 × 91mm」 海外だともう一回り小さな名刺が主流で「51 × 89mm」 載せる内容意外と依頼する側は何を載せるのか決まってなかったりする。そのため、まずこちらから項目を渡し、載せたい情報のみを教えてもらうと良い。 名前 フリガナ(ローマ字、平仮名。大抵はローマ字) 肩書 会社名 電話番号 メールアドレス URL S

    ベーシックな名刺デザイン覚え書き
  • Odoo - SVGを使ったオドメーター

    MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました 大きな数字の目標を達成した時、イベントの賞金を表示する際に使われるのがオドメーターを使ったカウントアップの表示です。数字がくるくると回転して100万、1,000万などの数字になるエフェクトは誰もが見たことがあるでしょう。 そんな表示をWeb上で実現できるのがOdooです。SVGで作られており、軽快に動作します。 Odooの使い方 実際に使っているところ。激しく回転しています。 回転している様子です。 円や¥を利用することもできます。フォントはスタイルシートで変更するのが良さそうです。 Odooを使うと回転している時のワクワク感があります。使い方としては最終的な数字(円などの通貨記号があってもOKです)を指定するだけで、簡単に使えます。登録ユーザ数や運営日数など大きな数字を達成する時

    Odoo - SVGを使ったオドメーター
  • レスポンシブに利用できるフリーアイコンセット「Responsive Office Icons」

    解像度が多様化してきてWEB制作の一つの主流となっているレスポンシブデザイン。多くの場合解像度によって画像を出し分けたり、フォントサイズを可変したりと解像度ごとの処理をしていると思います。今日紹介するのはそんなレスポンシブデザインの精度をより高める、レスポンシブに利用できるフリーアイコンセット「Responsive Office Icons」です。 こちらのアイコンは16px、30px、40px、80pxと4段階で制作されており、さらに素晴らしいのが、単純に大きさを変えているだけでは無くて、大きさによって作りこみ度合いを変え視認性を確保しています。 詳しくは以下 全部で150のアイコンがセットされており、サイズバリエーションを含めると600ものアイコンとなっています。 配布形式はSVG、EPS、PDF、透過PNGとなっており非常に使い勝手の良いアイコンセットとなっています。レスポンシブで新

    レスポンシブに利用できるフリーアイコンセット「Responsive Office Icons」
  • システム構成図やプレゼンテーション資料などで自由に使える「さくらのアイコンセット」を公開いたしました。 | さくらのナレッジ

    「さくらのアイコンセット」とは? 「さくらのアイコンセット」は、サーバやストレージなどインフラに関連したアイコンをセットにしたものです。当社サービスをご利用をされている方はもちろん、当社サービスをご利用でない方でも、ホワイトペーパー、システム構成図、プレゼンテーション資料など様々な用途にご利用いただけます。 >>こちらからダウンロードできます。 《ライセンス》 SAKURA internet Inc. クリエイティブ・コモンズの 表示 4.0 国際 ライセンスで提供されています。 《アイコンの紹介》 「さくらのアイコンセット」を含まれるアイコンについては、下記のアイコンとなります。 1 : general 様々な用途でご利用できる汎用的なアイコン集です。 2 : programming PHPPythonなどのプログラミング言語のアイコン集です。 3 : server-parts CPU

    システム構成図やプレゼンテーション資料などで自由に使える「さくらのアイコンセット」を公開いたしました。 | さくらのナレッジ
  • 1