全ての記事
-
お名前.comでドメインを取得してエックスサーバーで使用する方法
「お名前.com」でドメインを取得して、「エックスサーバー」でサイトに紐付けるまでの方法紹介します。 【1.お名前.comでドメインを取得】 お名前.comへアクセス まず、... -
【CSS】clip-pathを使って三角形を作る
今回はclip-pathプロパティを用いて、三角形をCSSで簡単に作る方法をご紹介します！ 【 の指定方法】 まずは、clip-path: poligon()で三角形を作る場合はカンマ区切りで... -
【CSS】要素から何番目、~番目以降。最初の要素、最後の要素。指定方法いろいろ②
今回はn番目、n番目以降。〇〇からみて最初の要素、〇〇からみて最後の要素。他にも奇数や偶数などもご紹介していきます。 【今回の基本のHTML】 <ul class="ex... -
flexで３行！gridでは、たった2行！ 縦横中央に配置する。
【margin 中央に配置】 ただ、marginで左右の余白をautoにしただけの指定。 この指定だと、大枠の要素しか対応できません。 margin: auto; .flex_box { display: flex;... -
【CSS】前の要素、次の要素。指定方法のいろいろ
前の要素、次の要素。 次の次の要素。 その他隣接した要素の指定方法のいろいろをご紹介します！ 【今回の基本のHTML】 今回の基本のHTML <ul> <li>前の要... -
【初心者向け】Illustrator 便利なショートカットキー
Illustrator / InDesign でも同様ですが、便利なショートカットキーが沢山あります！ 知らなかった！で、損しないように・・・( 筆者も経験）メモ代わりに残しておきま... -
【VSCode】 ショートカット mac
個人的によく使うショートカットをPICK UPしています。最後に公式PDFも掲載していますので、全てを確認するかたはページの最後をみてね！ 【~開く / 〜閉じる / 保存】 ... -
キラッと光る！ 吹き出し付き電話番号ボタン
吹き出しあり！ホバーでキラッと！電話番号ボタン 1 See the Pen button_solid01 by noz (@noz3) on CodePen. 吹き出しあり！アニメーションで常にキラッと！電話番号ボ... -
【まとめ】グラデーションcssをコピー！ 厳選便利ツール 3選
迷った時に便利なジェネレーターを３つご紹介します！ 【時短に！選べるグラデーション(front-end tools)】 70種類以上のグラデーションサンプルから選べるコピーツール... -
意外と簡単！「垢抜け」 スタイリングの方程式①
【気になる、垢抜けスタイリングの方程式！その極意とは。】 オシャレに見えるかも！ そう思って購入した服も、スタイリングしてみると「何か違う。。」そう思うことっ... -
CSSだけで実装！LPの見出しやタイトルに使いたい！
見出しに使える！！ テープタイトル [ys_icon name="codepen"] リボン見出しのバリエーションの備忘録〜 See the Pen Untitled by noz (@noz3) on CodePen. -
申込ボタンあり！ハンバーガーナビ（レスポンシブ）
今は当たり前の、よく使うレスポンシブ ハンバーガーメニュー。よく使うのでメモ代わりに残していっちゃいます！ 【nav① シンプルハンバーガーメニュー】 シンプルな...
12