2024年4月クラス
Figmaとは、ブラウザ上で動作するUI/UXデザインツールです。2016年にリリースされて以降、その使いやすさや豊富な機能から、多くのデザイナーに愛用されています。 Figma の特徴 ブラウザ上で動作する: インストール不要で、どこからでも作業可能です。 リア…
通常のCSS Gridではカード型レイアウトなどのアイテム（子要素）の縦位置を揃える事がとても難しいです。 通常のdisplay:grid grid-template-rows: subgrid の場合 subgridの使い方 subgridは小アイテムに指定する必要があります。この際にアイテム内にいく…
index.html <html lang="ja"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Masonry layout</title> <link rel="stylesheet" href="css/style.css"> </link></meta></meta></head></html>
今まで習ったjavascriptで3連ガチャを作りましょう。使う機能 function関数 配列 for文 if文 配列に値を追加する fruits = ['apple', 'orange', 'banana']; fruits.push('strawberry'); ガチャのカテゴリー、本数、確率を決め、変数に代入 画像をダウンロー…
index.html <html lang="ja"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>レストランサイトの作成</title> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>…</link></link></meta></meta></head></html>
「 new Date()」を使う事で、現在の時間を取得することが出来ます。 <script> let date = new Date(); document.write(date); </script>実際に表示してみると「 new Date()」には日時についての様々なデータが収納されているのが解ります。 このままでは使いづらいので「 new …
作例 使用テキスト Net Smart よりスマートなインターネットライフを HOME CONCEPT SERVICE ACCESS 必要なものは、ビジネスの価値を届ける>デザインの力。 Net Smartは、ビジネスとユーザーを理解し、関係性を構築するためのストーリーの設計とUXデザインを…
