yumeyumepopi0718のブックマーク (9)

  • 【CSS】おしゃれなボックスデザイン(囲み枠)のサンプル30

    使い方 HTMLCSSの編集方法をご存知の方は読み飛ばしてくださいませ。 スキップ 手順1:CSSをコピペ のちほど紹介するボックスデザインのうち、気に入ったものがあればCSSをコピーします。これをブログやWebサイトのCSSファイルに貼り付けます。貼付け先はブログサービス別に以下のようになります。 link rel〜を貼る場所 WordPress[ダッシュボード][外観][テーマエディター]右側のバーの[style.css]※もちろんFTPソフトを使ってもOK はてなブログ[デザイン][][デザインCSS]スマホ用はの[フッタ]に<style></style>と入力、この中に貼付け アメブロ[マイページ][デザインの変更][CSSの編集] Livedoorブログ[ブログ設定][PC][カスタマイズ][CSS] FC2ブログ[設定][テンプレートの設定][スタイルシートの編集] Blog

    【CSS】おしゃれなボックスデザイン(囲み枠)のサンプル30
    yumeyumepopi0718
    yumeyumepopi0718 2020/12/15
    css,
  • Bootstrapのグリッドシステムについてまとめてみた - Qiita

    Bootstrapバージョン 3.3.6 グリッドシステムとは レイアウトを格子状に分解して配置するデザイン手法 Bootstrapでは横幅を12分割したグリッドシステムを採用 基原則 あくまでも原則であり、これとは違った形で指定することもありますが、大枠はこのようなルールに則って記述します。 class = “container”(固定枠)または”container-fluid”(流動枠)の中に書く class = “row”の中に書く class = “col-{prefix}-{columns}”の形で書く class = {columns}は合計が12になるようにする prefixとブレークポイント 表では「スマホ」「タブレット」などという表記をしていますが、基準はブラウザの表示サイズになります。そのため、タブレットでも機種によってはmd(PC)と同じ挙動をする可能性がありますし

    Bootstrapのグリッドシステムについてまとめてみた - Qiita
    yumeyumepopi0718
    yumeyumepopi0718 2020/11/27
    ブレイクポイント
  • コピペで使えるリストデザイン34選:CSSで箇条書きをおしゃれに

    今回はul/ol/liを使った箇条書き(リスト)のデザイン例を紹介します。どれも画像は必要なく、CSSだけで作ることができます。メニューリストとして使っても、記事内でポイントをまとめるときに使っても良いでしょう。それぞれCSSコードを載せていますので、コピペしてご自由にお使いください。

    コピペで使えるリストデザイン34選:CSSで箇条書きをおしゃれに
    yumeyumepopi0718
    yumeyumepopi0718 2020/09/15
    css デザイン 装飾
  • 文字を太字にする方法

    Photoshopで文字を太くする方法で丸ゴシック文字を太字にするには、文字パレットを太字にする方法と境界線を文字の回りに同じ色で描画する以外に方法はありませんか? 文字にグラデーションをつけたいです。 どなたか教えてください。

    文字を太字にする方法
    yumeyumepopi0718
    yumeyumepopi0718 2020/09/14
    Photoshop 文字を太字にする
  • 文字ツールで描画した文字を太くする (Illustratorの操作方法・使い方)

    Adobe Illustratorでは、文字ツールで文字を描画できますが、描画した文字をさらに太くしたい場合があります。この記事では文字ツールで描画した文字をさらに太くする方法を紹介します。 文字ツールでの文字描画 Illustratorでは文字ツールを用いて文字を描画できます。文字の描画手順はこちらの記事を参照してください。 文字のフォントサイズや書式は[文字]ウィンドウで編集できます。フォントに複数のウェイトがある場合は文字の太さもこのウィンドウで変更できます。下図はフォントウェイトのコンボボックスを開いた画面です。EL, L, R, M, B, H の6種類のフォントウェイトが存在しています。 フォントウェイトを変更すると文字の太さが変わります。 ただし、フォントの種類によってはフォントウェイトが1つしか存在しないものもあります。 フォントで描画された文字をより太くする場合 フォント

    文字ツールで描画した文字を太くする (Illustratorの操作方法・使い方)
    yumeyumepopi0718
    yumeyumepopi0718 2020/08/31
    イラレ
  • [Git] .gitignoreの仕様詳解 - Qiita

    対応バージョン この記事の内容は、少なくともGitのバージョン2.19.1までは対応している。 もし最新のGitで新しい動きがあれば随時更新する。 基 .gitignoreを使うと無視する(Gitのトラッキングの対象外とする)ファイル or ディレクトリを指定できる。 .gitignoreは複数のディレクトリに置くことができる。 深い階層の.gitignoreに書かれた指定の方が優先順位が高い。(後に解釈される) .gitignore内の記述は上の行から順に以下のように解釈される。 /を含まない行(fileなど) .gitignore以下の全サブディレクトリ下にあるこの名前のファイル or ディレクトリを無視する 末尾以外にのみ/を含む行(/file, /path/to/file, path/to/fileなど) .gitignoreが置いてあるディレクトリをカレントディレクトリとする相

    [Git] .gitignoreの仕様詳解 - Qiita
    yumeyumepopi0718
    yumeyumepopi0718 2020/08/27
    .gitignore
  • <nav>-HTML5タグリファレンス

    <nav>は、ナビゲーションであることを示す際に使用します。 ナビゲーションとは、ウェブサイト内の他のページへのリンクや、ページ内リンクなどのことです。 他のページにリンクした箇所のすべてを<nav>~</nav>で囲む必要はなく、主要なナビゲーションとなるセクションのみを示すのに適しています。 よく、ウェブページの下部に、利用規約ページ、著作権ページ、トップページへ戻る、などのリンクが配置されることがありますが、 このような場合には<nav>を使用せず、<footer>のみで十分です。 ■HTML4.01からHTML5へのバージョンアップによる変更点 nav要素は、HTML5から新たに追加された要素です。 ■使用例 HTMLソース <body> <header> <h1>浦島釣具店</h1> <p> <a href="news.html">お知らせ</a> <a href="blog.h

    yumeyumepopi0718
    yumeyumepopi0718 2020/08/24
    html,navタグ,ナビゲーション
  • オブジェクトの拡大・縮小、シアーおよび変形

    Illustrator ユーザーガイド Illustrator とは Illustrator の概要 Illustrator の新機能 よくある質問 Illustrator の必要システム構成 Apple Silicon での Illustrator の使用 ワークスペース ワークスペースの基 Illustrator のもっと知るパネルで学習を高速化 ドキュメントの作成 ツールバー デフォルトのショートカットキー ショートカットキーのカスタマイズ アートボード入門 アートボードの管理 ワークスペースのカスタマイズ プロパティパネル 環境設定の指定 タッチワークスペース Illustrator での Microsoft Surface Dial のサポート 編集の取り消しとデザインヒストリーの管理 ビューを回転 定規、グリッド、ガイド Illustrator でのアクセシビリティ セーフモ

    yumeyumepopi0718
    yumeyumepopi0718 2020/08/17
    イラレ 変形
  • イラレのクリッピングマスクを即理解!作成方法から応用テクまでやさしく解説|Udemy メディア

    イラレ(イラストレーター/illustrator)におけるクリッピングマスクの機能を紹介します。 クリッピングマスクは作成方法を覚えてしまえば簡単ですし、画像だけではなく、グループ化されたパスや画像などを含むオブジェクトにもかけられます。様々な応用が利く機能になりますので、作成方法から応用テクまで、是非覚えてみてください。 イラレ クリッピングマスクとは? クリッピングマスクは、簡単に言えばイラストレーターの切り抜き機能です。実際には切り抜いているわけではなく、隠したいところを隠し、見せたいところを見せている状態です。 具体的には、オブジェクト(図形ツールやパスで作った形)を使用し、写真や画像の必要な部分だけ見せ、切り抜いたように見せるのです。 オブジェクトの形のみ表示され、そのほかは切り抜かれたように隠されます。 そのため、作成したイラストの最終仕上げとして、周りの不要な部分を隠す時に使

    イラレのクリッピングマスクを即理解!作成方法から応用テクまでやさしく解説|Udemy メディア
  • 1