2022-01-01から1年間の記事一覧
www.sikaku.gr.jp felica29.starfree.jp
githubを使う時に登録したIDとメールアドレスを削除する場合、 「コントロールパネル」→「資格情報マネージャー」→「windows資格情報」の中の「github」関連の情報を削除する
スレッドテキストオプションを使ってカレンダーを作りましょう。 長方形を作り、オブジェクト>パス>グリッドに分割で7x7のグリッドを作成 7x7のグリッドを書式>「スレッドテキストオプション」 テキストをパスの中に入れる チェック柄を作る 20x20pxの正方形…
カスタムフィールドを使う事でwordpress内で簡単にデータの更新が可能になります。 投稿記事を作成しカスタムフィールド機能を使い、項目名と項目内容を設定、記事のIDを確認 呼び出したい箇所に(投稿記事ID9、項目名'age'の場合)
window.matchMedia window.matchMediaというメソッド使用することでCSS側に記述するブレイクポイントの記述と同じような形でJS側の判定条件を記述する事ができます。 例 1000pxまではjsを有効にさせる $(window).on('load resize', function(){ if(window.ma…
index.html <html lang="ja"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Sneaker-shop</title> <link rel="stylesheet" href="style.css"> </head> <body> <header> <h1>Snea…</h1></header></body></html>
READMEというのは、GitHub等で公開されるソフトウェア（リポジトリ）の説明書きのことです。そのリポジトリーがどういった趣旨の物なのか、しっかりと説明しましょう。 readmeに記載する物 プロジェクトのタイトル プロジェクトの概要説明 プロジェクトのURL…
フェリカテクニカルアカデミーwebサイト制作科の生徒募集用のランディングページの作成 LPのアウトライン(あくまでも一例) Attention部分のコンテンツ タイトル（ロゴ画像orフェリカテクニカルアカデミーwebサイト制作科） キャッチーなコピーが入ったリード…
ランディングページ（Landing Page）とは本来、訪問者が最初に着地する（land）ページという意味合いでサイトのトップページの事をLPと呼んでいましたが、今ではLPというと「訪問者のアクションを誘導することに特化した縦長のレイアウトのページ」のことを…
cssのmotion-pathを使う事でオブジェクトを自身で作成したパスに沿って動かす事が出来ます。 caniuse.com
emを使ったフォントサイズ emは親要素のフォントサイズをそのまま継承します。一見すると判りやすいですが構造が複雑になってくると、複利計算されてしまい判り難くなってしまいます。 remを使ったフォントサイズ 次にremを使ったフォントサイズの指定です。…
リセットcssには色々な方法があり、どれが1番優れているかは難しいので、自身の必要な用途に合わせて使い分けましょう。 html{box-sizing:border-box;-webkit-text-size-adjust:100%}*,:after,:before{background-repeat:no-repeat;box-sizing:inherit}:afte…
https://twitter.com/n_seitan/status/1565988372807503872
coliss.com
www.nxworld.net CSSで実装する次のコンテンツへと促すスクロールダウンボタン 10 - NxWorld
年表や沿革などで使うタイムラインを作ってみましょう。cssのみで作れるシンプルな物のありますが、今回は「CodyHouse Framework」というフレームワークを使ったアニメーションタイムラインを作成してみます。 Vertical Timeline codyhouse.co さらにCodyHou…
ユーザーのアンケート結果からその年のCSSの流行りや動向がわかるThe State of CSS 2020というサイトの中で、今後さらに利用頻度が増していくであろう、新しいプロパティをいくつか試してみましょう。ただ、新しいプロパティはブラウザごとに対応状況が違う…
felica29.starfree.jp 「.htaccessファイル」を使った動的配信 動的な配信 | 検索セントラル | Google Developers スマートフォン利用者を自動的に「スマートフォン版サイト」へ誘導できるよう、「アクセス者の端末に応じて自動でアクセス先を振り分ける機能…
github.com
毎年恒例の『Web制作会社年鑑2022』のフリーダウンロードキャンペーン。期間限定で無料ダウンロード出来ます。読み物としても面白いし、就活にもめちゃめちゃ役に立つので是非ダウンロードしてみましょう。 今年も『Web制作会社年鑑』のフリーダウンロードキ…
トンマナ とは、「トーン＆マナー」の略で、 広告 におけるデザインの一貫性を持たせることを指します。 また、ブランドのイメージカラーとホームページのデザインカラーを合わせる必要があるなど、「 トンマナ 」は企業部 ブランディング においても重要で…
bxslider.com bxsliderではデフォルトでは「touchEnabled」イベントがonになっていて、スマホ時でもスライド画像をスワイプで切り替える事が出来ます。しかし、これがonになっているとスライド画像を縦にスワイプしても画面がスクロールされないので、オプシ…
コーディングの質はSEOにも直結するので、デザインの質と同じくらい大事です。細かい部分も1つ1つ確認して行きましょう。 ファイル名はすべてindex.htmlになっているか フォルダ名は適切な名前になっているか ページ毎に適切なタイトルがついているか 適切な…
今ではpcでもspでも最適に表示されるレスポンシブサイトは当たり前で、最近はむしろspでの表示を優先させ、pc時は画面いっぱいの固定背景（多くはbody要素を固定）を置き、モバイル幅の中にコンテンツを入れるようなspファースト、もしくはspオンリーのサイ…
以前、バックアップを取って、sql文を使ってwordpressのデータを移動させましたが、今回はプラグインを使ってデプロイさせます。 ja.wordpress.org このプラグインは検索 & 置換操作中に発生する、あらゆるシリアライゼーションの問題も解決します。とても簡…
ポートフォリオ制作でまず自身が把握する事は中に入れるコンテンツの分量です。今までの授業で作ったデータをもう一度見直し、手直しする物は手直して、ポートフォリに掲載する物を決めましょう。 次にwebのポートフォリオを何で作るかを決めましょう。選択…
GitHub Pagesとは、GitHubがユーザーに提供している静的なウェブページのためのウェブホスティングサービスです。GitHubのアカウントがあればすぐに使えるので、gitの基本的な仕組みを覚える為にも使ってみましょう。html、css、js、画像等、静的なサイトで…
Gitとは？ Git（ギット）とは、バージョン管理を行うためのツールのことです。複数人でプログラミングやコーディングを行う場合、ソースコードを効率的に管理・運用する必要があります。「誰がどのファイルのどの部分を修正したのか？」や「リリース予定の機…
配列はJavascriptでも出て来ましたが、まずは配列の特性を復習しましょう。通常、変数は１つの値しか入れる事が出来ず、新しい値を入れると上書きされてしまいます。 一方、配列ではひとつの箱に複数の値を入れることができます。データベースと連動させる事…
