サイト制作【CSS】見出しの左右両端に線を入れる 難易度:★★★☆☆ 試作 およそ93px:743px:93px(画面幅1023pxで) タイトル テキストテキストテキストテキストテキストテキストテキスト ...2024.06.20サイト制作
サイト制作お洒落なメインコンテンツのレイアウト例 難易度:★★☆☆☆ この頃は、汎用的なウェブデザイン/レイアウトの知識や知見を広げる方向で、仕事に取り組ませて頂いております。今回は疑似要素とz-index,opacityプロパティを変更する事で、従来では2カラム仕切る所を、仕...2024.06.10サイト制作
サイト制作【CSS】疑似要素とpadding,positionプロパティ 難易度:★★☆☆☆ 四方にpaddingを設定した場合 今回は、私の苦手な疑似要素を用いて、親要素にpaddingがあり、子要素がposition: absolute;配置である場合、配置の基準位置はpaddingの外側に...2024.05.20サイト制作
サイト制作ピース・ソート・パズル 前回の記事(4月15日)で取り上げたものを発展させ、ドラッグアンドドロップで、ジグソーパズルを作りたかったのですが、座標の位置関係などの問題から、今後の課題です。 今回は、位置を入れ替えるプログラムと、ピース一つ一つの座標を、配...2024.05.10サイト制作
サイト制作【JavaScript/PC専用】ドラッグアンドドロップ この記事を書いているのは2024年2月2日ですが、冬も半ばを過ぎ、暖冬傾向が顕著になっているようです。2024年1月の平均気温は横手市が1.1℃で、最高記録タイ、湯沢市が0.9℃で、2020年の0.5℃の記録を更新しました。 関...2024.04.15サイト制作
サイト制作【JavaScript/エフェクト】窓拭き 私が初めてプログラミングに出会ったのは2019年。p5.jsというライブラリを用いた学習教材に触れたのが最初でした。 公式サイトは日本語対応ではありませんが「非常に詳細に解説した」日本語書籍「p5.jsプログラミングガイド」があ...2024.03.15サイト制作
サイト制作紙芝居式スライドショー(過去最難関) この記事の公開日は2024年2月15日ですが、書いている現在は2023年12月27日です。私が会社に入ってから17か月が過ぎ、お陰様で、本当に充実した20代最後を送らせて頂いています。このまま何事もなく、30歳の誕生日を迎え、新しい春...2024.02.15サイト制作
サイト制作フレックスボックスとバックグラウンドイメージ・発展問題 JavaScriptを学習する際、全くのプログラミング未経験者なら、 四則演算から挑戦すると良いかも知れません。 四則演算はプログラミングの基本であり、JavaScriptという言語を覚えるには、 手っ取り早い手段であると言えるからで...2024.01.15サイト制作
サイト制作JavaScriptの関数とスコープ 今から、WordPressでスタイルシートを書く際、特定のページでしか、関数を実行しない処理を示します。 const currentURL = window.location.href; const cn_j_j_7 = &q...2023.12.15サイト制作
サイト制作回転と奥行き 仕事では、夏から本格的にJavaScriptの知識を鍛錬しています。JavaScriptでは、計算・演算が出来る他、多様な条件・動作を付けて、CSSを変更する事が出来ます。 前回では、CSSの'clip-path'プロパティを用...2023.11.15サイト制作