タグ

ブックマーク / www.webcreatorbox.com (7)

  • 商用利用OK!2020年にリリースされた無料フォント40

    2020年12月23日 フォント 2020年もあとわずか!今年も数多くの素敵フォントがリリースされました!この一年を振り返って、「これは!」と思ったフォントをいくつか紹介します。どれも無料でダウンロードでき、商用利用可能なものです。みなさんのお気に入りが見つかると幸いです。 ↑私が10年以上利用している会計ソフト! 過去の年末フォント紹介記事 2019年にリリースされた無料フォント40 2018年にリリースされた無料フォント40 2017年にリリースされた無料フォント40 2016年にリリースされた無料フォント30 2015年にリリースされた無料フォント35 日フォント プイッコ ぷっくりと丸みのある可愛らしいフォント。見出しやタイトルに良さそうです。 あんずもじ2020 あんずもじ等幅2020 長年愛されているあんずもじがリニューアル。ひらがな・カタカナが漢字よりも少し小さくなって、

    商用利用OK!2020年にリリースされた無料フォント40
  • 個人事業主から法人化までの流れまとめ

    2020年11月17日 Tips, お知らせ, フリーランス 秋になってからちょこちょこ動いていて、無事法人化が終わりました!Webクリエイターボックス株式会社、爆誕!元々は個人事業主としてずっとやってきたんですが、今回法人化するにあたってやってきた流れ・手順をまとめてみたいと思います。 ↑私が10年以上利用している会計ソフト! この記事は動画でも紹介しています。動画派の方はぜひどうぞ! 会社設立するまでにすることは、大きく分けて4つありました。 1. 印鑑作成 まず一つ目は印鑑を作ること、会社の印鑑ですね。発注してから手元に届くまでに時間がかかってしまうので、最初にやっておくといいでしょう。街の印鑑屋さんにお願いしてもいいですし、オンラインで注文してもOK。「会社設立セット」として、実印・銀行印・角印の3点、またはゴム印のついた4点セットで販売しているところが多いです。個別に買うよりお手

    個人事業主から法人化までの流れまとめ
  • SVG形式のファビコンを設置しよう

    2022年4月27日 SVG, Webサイト制作 つ・い・に!ファビコンもSVG形式が対応されるようになりました!SVGを使えばこれまで使われてきたPNGなどのビットマップ形式とは違い、拡大縮小しても画質が劣化しません。つまり、過去記事「クリエイティブなファビコンを設置しよう」で紹介したように多くのサイズを用意する必要はありません!やったね!少し工夫すればダークモードにも対応できますよ!さっそくみていきましょう! ↑私が10年以上利用している会計ソフト! SVGファビコン設置方法 1. SVG形式のファビコン用画像を用意 グラフィックツールでファビコンにしたい画像を用意します。サイズは特に気にしなくてもOK。正方形であればどのサイズでもきれいに表示されます。今回はIllustratorを使って32x32pxのものを用意しました。 SVG形式で保存します。 2. HTMLファイルに記述 あと

    SVG形式のファビコンを設置しよう
  • 商用利用OK!2019年にリリースされた無料フォント30

    2019年12月19日 フォント 2019年もあとわずか!今年も数多くの素敵フォントがリリースされました!この一年を振り返って、「これは!」と思ったフォントをいくつか紹介します。どれも無料でダウンロードでき、商用利用可能なものです。みなさんのお気に入りが見つかると幸いです。 ↑私が10年以上利用している会計ソフト! 過去の年末フォント紹介記事 2018年にリリースされた無料フォント40 2017年にリリースされた無料フォント40 2016年にリリースされた無料フォント30 2015年にリリースされた無料フォント35 日フォント とっぽいゴシック 最高にファンキーでロックな見出し用ゴシック体を目指したフォント。お試し版は漢字が含まれていません。 バナナスリップ 力強くもありつつ、丸みがあって可愛らしいですね。インパクトが欲しい、でも堅苦しくしたくない、そんな時におすすめです。 焔明朝フォ

    商用利用OK!2019年にリリースされた無料フォント30
  • CSSで見出し固定+レスポンシブ対応の表を作成

    2022年4月27日 CSS, HTML, Webサイト制作 料金表やサービスプランの比較、タイムテーブルなどなど、使う場面が多い割には制限も多く、初心者には少しとっつきにくいと思われがちな表。今回はあると便利な表の見出し固定やレスポンシブ対応の方法を紹介します。 ↑私が10年以上利用している会計ソフト! 見出しの行を固定する 表の中の行が増えてくると、スクロールした時に表の見出しが画面から見えなくなり、なんの値だったのかがわかりづらくなります。そんな時のために、行数の多い表では一番上にくる見出しの行を固定しておくといいですね。 まずはベーシックな表を作成します。table タグに border-collapse: collapse; を指定することで、セル間のスペースがなくなってフラットな見た目になりますよ。 HTML <table> <tr class="heading"> <th>車

    CSSで見出し固定+レスポンシブ対応の表を作成
  • 商用利用OK!2018年にリリースされた無料フォント40 | Webクリエイターボックス

    2018年12月19日 フォント 2018年もあとわずか!今年も数多くの素敵フォントがリリースされました!この一年を振り返って、「これは!」と思ったフォントをいくつか紹介します。どれも無料でダウンロードでき、商用利用可能なものです。みなさんのお気に入りが見つかると幸いです。 ↑私が10年以上利用している会計ソフト! 過去の年末フォント紹介記事 2017年にリリースされた無料フォント40 2016年にリリースされた無料フォント30 2015年にリリースされた無料フォント35 日フォント 木漏れ日ゴシック どこかほっとするような、優しい雰囲気のフォント。所々わざと線をつなげていない切れ間があります。手書きの流れを残してカタカナの方が小さめだそうです。 源暎Nuゴシック 漫画の強調セリフとして使える特太モダンゴシック体。漫画でよく使われる「!!」「!?」などの組み合わせが簡単に使え、母音や「

    商用利用OK!2018年にリリースされた無料フォント40 | Webクリエイターボックス
  • CSSすら不要!detailsとsummaryタグで作る簡単アコーディオン

    2018年11月14日 CSS, HTML 長い文章や補足説明をアコーディオン(折りたたみ)にしたい時ってありますよね。そんな時に使える details と summary タグを紹介します。CSSなしでも実装できますが、CSSを加えてより素敵な表現をする方法も挑戦しましょう! detailsとsummaryタグの基的な使い方 details タグで囲んだ部分がアコーディオンとして設定されます。その中に summary タグで最初から表示させておきたい部分を囲めば完成! summary タグの部分をクリックすると、詳細文が表示されます。 HTML <details> <summary>Adobe Photoshop</summary> 画像編集ソフト。写真やイラスト、3Dアートワークの作成、webサイトやモバイルアプリのデザイン、動画編集や描画などはPhotoshopで。 </detai

    CSSすら不要!detailsとsummaryタグで作る簡単アコーディオン
  • 1