css

今回は、アメリカの大学受験で主に私立大学に出願した学生が対象となる奨学金、CSSProfileと、現在CSSProfileの申請でお支払い時に発生している問題についてのお話です。CSSProfileって何？CollegeScholarshipServiceProfileCSSProfileは、SATでお馴染みのCollegeBoardが運営している、アメリカの大学の奨学金申請プログラムの事を言います。主にアメリカの私立大学が学生の経済

ペンラすごいね！みんなの顔が載っているのはいい超新星SpringSpecialLive20255MEN～PrologueofCSS～の開催を記念し、オフィシャルグッズの発売が決定しました！開催当日、各会場にてお買い求めいただけます。応援、推し活グッズから、普段使いできるデイリーアイテムまで！個性豊かなメンバーたちの息ぴったりの決めポーズや、推しの黒スーツ姿を堪能できるアイテム、また5MENオリジナルロゴがデザインされたアイテムなど、今回も特別なラインナップでみなさまのお越

--------------------------------------------------私は境界知能（グレーゾーン）で、31歳で現在事務として働いています。仕事、生き方について模索中です！似た症状・境遇の方々の参考になれば嬉しいです。--------------------------------------------------私が境界知能だとわかるまでの話を書きます。今回はパート4で、前回の内容は下記のページからどうぞ！パート3『境界知能とわかるまでの

先日就労継続支援A型の利用に必要な認定調査がありました。そこで医師の意見書は不要というおはなしを役所の方からいただき無事にA型の利用に向けて進んできましたので今日はそのはなしをいたします。認定調査での医師の意見書は不要でしたそれでは、行ってみましょう！昨日は松本市の西部福祉課というところで認定調査の日でした。市の職員の方お世話になるA型のサービス管理者の方相談支援専門員の方私という感じで聞き取りがあ

ブログで、ほかの人があまり使っていないおしゃれな囲み枠を使いたいと思ったことはありませんか？アメブロには、CSSが編集できる「CSS編集用デザイン」があります。私も使っていますが、でも、実は、CSSはよくわからない…HTMLなら何とかなるけど…いろいろ調べてがんばれば、CSSの編集もできなくはないのですが、できればCSSは触りたくないのですそんな時に、私が便利に使っている方法があります。それは、ChatGPTに頼んじゃう方法です「CSS囲み枠おしゃれ」などと検索して、無料

2025年1月27日（月）晴れアメリカの大学出願は、各大学によって締め切り日が違うので息子のように、ギリギリの日程で出願を予定している場合はスケジュール管理が大変重要です。1月1日締め切りの大学を皮切りにまさに自転車操業、次に来る締め切りを意識しながら1月15日まで日ごとの管理のもとに、なんとか18校に提出しました。息子の場合は、すべての志望校が私立校だったのでCommonAppを利用して出願しました。※UC系の州立大学など、CommonAp

今日は、有機化学と心理学の授業がありました。有機化学では、アルコールについて習いました。心理学では、ガイダンスとして、心理学とはそもそもどういう学問なのかをいました。AfterIatelunch,IstudieduntilIgotodoapart-time-job.IstudiedHTMLandCSS,andstudiedhealthphycologyinadvance.TodayIdidpart-time-jobatafter

前回「WebページはShift-JIS、UTF-8どちらが良い？」記事で、WebページのHTML、CSSファイルなどを新規に作成するなら「UTF-8」文字コードにしましょう、ということをお話しました。強制力は弱いですが、HTML5では「UTF-8」が推奨されていますので、特にこだわりが無ければ「UTF-8」とすると良いでしょう。それでも、以前に作成したファイルが「Shift-JIS」で書かれていたら、それを「UTF-8」にしたくなることもあると思います。お使いのテキストエディタに文字

スクロールして要素が画面内に入ったときに、ふわっと表示されるアニメーションを実装する方法について説明します。このアニメーションは、ユーザーの視覚的な興味を引くために多くのウェブサイトで利用されています。以下に、基本的な実装方法を紹介します。目次HTMLの準備CSSの設定CSSプロパティの詳細アニメーションの流れJavaScriptでスクロールイベントを設定JavaScriptコードの詳細まとめHTMLの準備まず、アニメーションさせたい要素にクラスを追加します。このクラスは

【学習に最適】天気予報をHTML・CSS・Javascriptだけで作る目次概要開発環境の準備HTML/CSSを作成する(前編)HTML/CSSを作成する(後編)Javascriptを使って天気の情報を取得する画像を使ってイイ感じのデザインにする【応用編】地域を変更できるようにしよう今回のタイトルは長編になるためシリーズ化します。第一回の今回は、何をやっていくか説明していますので、興味を持っていただいた方はブックマークするなりお願い致します。

※2024年5月17日現在NSFW規制は以前の状態に戻されているようです。SeaArtAdultContentsの制限はゆるくなったかも|家猫ミー窓のプログラム(ameblo.jp)SeaArtがアダルトコンテンツを締め出しにかかったかな？2024/04/24からNSFWが表示されて、アダルトと判断された画像が表示できなくなりました。NSFW(Notsafeforwork)は、私的にPCを使用している場合は、進めるようになってないとおかしいのだけど、SeaArtの場合

【本文】このところ、公務員内定者が大学を卒業できなかった場合について書いた過去の記事へのアクセスが増えています。卒業式を控え、どうしたものかと思っている方が一定数いるものと思います。そこで今回は、以前の記事とあまり内容は変わりませんが、この点について再説します。まず、現状、卒業が「危ない」というだけで、追試などの救済策がある場合は、しんどかろうが何だろうがその救済策に乗って卒業を確保するよう全力を尽くしましょう。。一方、現時点で通常の手段では3月一杯で卒業できないことが

ランキングクリック励みに書いています。こちらをクリックよろしくです。↓↓↓↓突如、今日のグアムはどっしゃぶりのストームに突入。水曜くらいまで降るかもしれないって。台風とは違うっぽいです。スコールのドデカ版が来た感じです。現在、寅ママは書きたいなーと思っている記事が溜まっておりまして💦この時期からは、季節行事も立て続けになってくるし、旅行者が間に合うように書きたいしとかいいながら、ちょいとハロウィン情報を先送りして、ジローの大学受験の話ですあ、去年はタローが受験だ

今日は、CSSで画像を枠の中に綺麗に収める方法を教えていただきました。HTMLタグではimgタグを<div>で囲っておいて、CSSで下記のようにコードを書く！例：【HTML】<div><imgsrc="〜”></div>【CSS】div{border:solid1px#000（枠の縁の指定。この部分は任意）width:100%;height:100px;}img{object-fit:contain;width:100%;height:10

【本文】令和4年度の公務員試験も、そろそろ内定が出て受験を終了する、という方が出始めました。そういう方はお疲れさまでした、ということで、これから人生の夏休みがある方は、存分に楽しんでください。もちろん、まだ受験を続ける方は別です。筆記試験や面接試験が残っているうちは、新型コロナの感染者や濃厚接触者にならないよう、行動には十分注意しましょう。現時点で、特に注意が必要なのは、大学・帰省時での郷里を問わず、友人との会食です。特に民間企業志望で既に内定を得て就職活動を終えている友人の

【本文】このところ、以前2014年11月19日にアップした、「公務員試験における商法の扱いについて」という記事にアクセスが増えています。ところが、この記事は国家総合職や国税専門官の試験が現行の制度になってから、また、財務専門官試験が創設されてから2年目の過渡的な時期の記事で、現状と合わない内容もあります（手形・小切手法の扱いなど）。そのような記事でも、従来のアクセスの積み重ねで、（私としてはありがたくもあるのですが）検索すると上の方に上ってくることから、スパイラル状に参照する方が増える

ホームページを自分で作成し編集するときに、HTMLファイルなどに使用する文字コードを「Shift-JIS」とするか「UTF-8」とするか迷いますね。文字コードは、コンピュータ上で扱う文字に与えられた番号のことで、全ての文字情報に対して数値を与えています。問題は、この文字コードがいくつもあって、正しくWebブラウザなどが認識しないと「文字化け」してしまうようなことが起きます。よく使用される代表的な文字コードは以下の4つでしょう：JISShift_JISEUC（EUC_JP）Uni

〔注意〕2024年6月2024年現在のWindows11の環境では、このページのFirefoxのスクロールバーのアレンジコード（scrollbar-width等の指定）は無効です。スクロールバーの幅などの指定は、現在はFirefoxのConfig指定を行うしか方法がみつかりません。また、それはFirefoxのユーザー側の設定となり、ブログ等にFirefoxでアクセスして閲覧するユーザーへの対策にはなりません。可能になったのは2020年後期 最近、FirefoxでCS

はじめにテトリスは誰もが一度は遊んだことのある、落ちものパズルゲームの代名詞です。本記事では、HTML5のCanvasとJavaScriptを使って簡単なテトリスをゼロから作成する手順を解説します。プログラミングの基礎があれば、30分～1時間程度で動くプロトタイプを完成させられるでしょう。前提条件言語・ライブラリ：HTML,CSS,JavaScript（ES6以降推奨）動作環境：モダンブラウザ（Chrome,Firefox,Edgeなど）開発ツール：テキス

Webデザイナー目指して職業訓練校に通うめーぷるです！今日はjQueryの授業だったのですが、HTML/CSSでの重なり順が上手くいかなかったのできちんと理解しようと思います！！！！！長くなってしまったので、前編、後編でお送りします。Z-indexはみなさんご存知ではないでしょうか。CSSで設定すると重ね順を前面にしたり、背面にしたりできるプロパティですね！これが今回、うまく働かなかったのです。。。その理由は

スマホの表示を考慮した横スクロールするテーブル表 大きなテーブル表はスマートフォンから参照した場合は、表の右側は見る事が出来ません。このページの様な標準的な「620px幅」にフィットするテーブル表でも、スマートフォンでの表示は右側が欠けたまま見えない状態になります。もしスマホで参照しても、全てのテーブル表の内容を見える様にするには、テーブル表全体を横スクロール可能にする工夫が必要です。その方法は、テーブル表自体を作るのに比べれば、とても簡単です。テーブル表本体のコードを加工する

「UserStyles.org」から「UerStyles.world」へ過去のユーザースタイルの投稿サイト「UserStyles.org」が、次第にサイト機能を失速させる中、これに対応して新たな移民計画が進行しています。最初に、ミラーサイトとして「UserStyles.orgArchive」が作られました。これは、通信アクセスが悪い「UserStyles.org」上の投稿データをコピーし、良好な通信環境で代替公開するサイトです。現在、「Stylus」で使用する投稿スタイルの取得と更

コードブロックを黒い画面風にしてみました。CSSを以下のように設定します。pre>code{font-family:monospace;padding:10px15px;box-sizing:border-box;display:block;background:#1f1f1f;color:#fafafa;overflow:auto;white-space:pre}コードが長くなってもスライダーが出るようにしてあります。

表示領域の幅と高さについては、レスポンシブデザインや表示領域の固定などで重要視される部分となるため、しっかり復習しようと思います。表示領域の幅を指定widthプロパティは、表示領域の幅を指定するためのプロパティです。値は、ピクセル単位の数値やパーセンテージ、auto（初期値）などで指定します。このプロパティにマイナスの値を指定することはできません。また、非置換インライン要素と表の行（trタグ）/行頭（thタグ）/表のフッター/表の本体に対しては適用できません。書式width：値

CSS設計BEMBEMBlock・Element・Modifierの略語で、class名の命名規則が特徴的なCSS設計の一つCSSの優先順位を正しく指定出来ていないことによるスタイルの破綻を防ぐことが可能Block：塊サイト内にある一つの部品のこと「どのページでも使い回すことができるパーツ」クラス名はモジュールの「見た目（赤や大きい）」ではなく「それが何であるか（メニューやボタン）」を表すようする英単語が2つ以上の場合はハイフンで繋げるコンテキストに

スクロールバーのデザイン指定の挙動が以前と違う 私が公開しているスタイルのひとつに、「YouTubeTheater」という簡単なスタイルがあります。YouTubeサイトの動画プレーヤーをアレンジするスタイルで、特にシアターモードでの閲覧には重宝しています。YouTubeTheaterbypersonwritepYouTube動画の環境改善（特にシアターモード）userstyles.world先日このスタイルを使っていて、スクロールバーのデザインで気になった部分がありコー

窓のプログラム家猫ミーExcelのADOのSQLでSELECT・UPDATE・INSERTなどはあまり違和感なく行うことができましたが、DELETEは躓きました。「このISAMでは、リンクテーブル内のデータを削除することはできません。」というエラーが・・・。ISAM？リンクテーブル？そんなもん使った記憶はないぞ！！いろいろ調べてもわけわからんし、とりあえずDELETE文は使えないということで・・・。半日右往左往して解決できないときは、別の方法を探すことにしていますので、とりあえず

2024年4月24日以降続いていたNSFW規制ですが緩くなったかもしれません。いつものようにお仕事用のキャクターを作っていたのですが、昼過ぎにふと気づきました。目玉ボタンが復活してる！これはもしやと思い、まずは水着を。問題なさそうです。では、お肌の露出を多くして！なんかそれはそれでよかったのかな？新規の生成分は以前に戻ったようですが、過去の生成分についてはNSFWのままになっています。Google云々というのは本当だったようですね。これできっと待ち時間が長くなりますね。

今回はchart.jsで高さを固定する方法をご紹介■Chart.jsとはJavaScriptのフレームワークです。HTMLのcanvas上に、JavaScriptを用いて折れ線グラフや円グラフ等を簡単に記述するものです。基本的に横幅でheightのサイズが決まるので、CSSから高さの指定が出来ない仕様となっています。(多分)今回はその高さをJavaScript側から設定してしまう方法です※今回はちょっとややこしい&ニッチな内容なので、コードだけ置いておきま

簡単なコードですが、自動変換してくれないから、案外書けないから困る。<div>TEL:<ahref="tel:電話番号">＜－クリックしたら電話につながるテキスト</a></div>TEL:03-1234-5678<div>TEL:<ahref="0312345678">０３－１２３４－５６７８アメブロのHTML編集でも入りましたね。PickItem家庭用の紅茶マシーン心ととのう。体よろこぶ抹茶で楽しむ暮らしテキストを