CommunityGetting StartedInstallationEditor SetupUsing with PreprocessorsOptimizing for ProductionBrowser SupportUpgrade GuideCore ConceptsUtility-First FundamentalsHover, Focus, and Other StatesResponsive DesignDark ModeReusing StylesAdding Custom StylesFunctions & DirectivesCustomizationConfigurationContentThemeScreensColorsSpacingPluginsPresetsBase StylesPreflightLayoutAspect RatioContainerColum
CSS チュートリアル CSS の基本 CSS の第一歩 CSS の第一歩の概要 CSS とは何か CSS 入門 CSS の全体像 CSS の働き 評価課題: 経歴ページのスタイル設定 CSS の構成要素 CSS の構成要素の概要 CSS セレクター Type, class, and ID selectors Attribute selectors Pseudo-classes and pseudo-elements Combinators カスケードと継承 Cascade layers ボックスモデル 背景と境界 書字方向の操作 内容のはみ出し CSS の値と単位 CSS における大きさの指定 画像、メディア、フォームの要素 表のスタイル付け CSS のデバッグ CSS の整理 評価課題: CSS の基本的な理解度 評価課題: 素敵なレターヘッドの便箋の作成 評価課題: かっこいいボック
以下のツイートに反響があったので、どういう感じで作っていったかと感想をメモ 要約 この記事ではAIのChatGPT（GPT-4）を使用して、JavaScriptでぷよぷよを作成する手法について紹介しています。最初の依頼は「JavaScriptで動くぷよぷよのコードを書いて」とされており、最初に生成されたコードは不完全であったとのことです。 その後、AI側からは、1.ぷよの衝突検出、2.プレイヤーの入力によるぷよの操作、3.ぷよの回転の順に実装するように指示があり、徐々に改善を施していきました。 短時間で開発を終えることができるため、エンジニアとしてのスキルや要求、不具合の言語化能力があれば有効だとされています。現時点では優秀なプログラミングのアシスタントとして機能しています。 エンジニアが直面するストレスや不安を軽減できる可能性があります。一例として、短期間で開発を終えることができるため、
はじめに こんにちはkenです。エディターはVS Codeを使ってます。 突然ですがみなさん、普段開発をしていて 「VS Code にこんな拡張機能、あったらいいのにな〜」 と思うことありませんか？ 私はあります。しょっちゅうあります。 そこで先日、予定がない休日を利用して拡張機能の開発に挑戦してみることにしました。 最初は拡張機能の開発をどのように進めていけばよいのか全くわからず、そもそも拡張機能でどこまでのことを実現できるのかすらわかりませんでした。ましてや実装についての知識なんて皆無です。 「これは完成まで1日くらい、いや下手すると3日くらいかかるかな」と考えていたのですが、いざやってみるとたった2時間で作れてしまったので今回はその経験についてお話ししたいと思います。 この記事を読んで、 「こんなにお手軽なら自分にも作れそうだ！」 と感じてくれたら幸いです。 本題 作りたかったものと
はじめに みなさんは、CSSで三角形をつくる時どのように作っていますか？ borderを使って作っていませんか？ この記事では、CSSで三角形をつくるベストプラクティスを紹介します。 今までの三角形の作り方 See the Pen CSS Masking - Fade out UI by でぐぅー | Qiita (@sp_degu) on CodePen. 今までは、三角形を↑このようにborderを駆使して作成していました。 どうしてこうなるかは、省略しますが、本来のプロパティとは違う使い方でうつくしくないですよね！ この方法のいけてないポイントは以下の通りです。 1. 指定の大きさの三角形をつくるのに、border-widthを使うところ 本来、border-widthは、要素の境界の幅を指定するプロパティで、要素の大きさを指定するプロパティではありません。 理想は、widht と
Meng-Li Shih1,2 Shih-Yang Su1 Johannes Kopf3 Jia-Bin Huang1 1Virginia Tech 2National Tsing Hua University 3Facebook Abstract We propose a method for converting a single RGB-D input image into a 3D photo, i.e., a multi-layer representation for novel view synthesis that contains hallucinated color and depth structures in regions occluded in the original view. We use a Layered Depth Image with explic
Palette List is a dynamic palette generator
追記） プログラミング教育・就活などについてツイッターでも発信しています。この記事を読んで興味を持っていただけた方がぜひフォローよろしくお願いします！ ------------------------------------------------------------------------- プログラミングで「これ創りたい！」というときに何を学んだらいいのか創りたいもの別にまとめてみました。 主にAidemy, Progate, noteのチュートリアルの教材をまとめた記事になります。これから学習するルートに従って勉強を始めると、創りたいアプリができるようになると思います。全体像はこんな感じになります。 ①Webページを創りたい まずはWebページの作り方です。お店のホームページなどを作るためには、以下の言語を学ぶ必要があります。 ・HTML ・CSS ・JavaScript ・jQ
私は先天性の色覚異常である（wiki先生によると色覚多様性という言い方もあるらしい）。 もっとも、「最後の赤と緑、赤い方を切れ！そうすれば爆発を回避できる！」……みたいな経験もないので、仕事や日常生活にはさほど困ってはいない。 ただ、興味本位と日常の些細な問題（靴下の色を取り違える、焼けてない肉を食べそうになる etc.）から、先日、色覚補正用レンズを購入した。 色覚異常を持つ人は男性で約5%の割合でいるそうだ。強弱はともあれ、佐藤・鈴木・高橋姓を足した人数くらい、先天的にその特性を持っているはずである。 まぁ、日常生活で気付くことはまず無理だし、赤の他人から指摘するのも（たぶん）躊躇われるし、で同様に困ってる人にはまだリアルで遭遇していない。 自身の場合は母方祖父がそうだったため、家族からの指摘で比較的早い段階で気付くことが出来た。 早い段階で気付けたことと、見分けのつきにくい色もバンバ
ぽんた @Pontamama12345 昔は入学時に色覚検査を行っていた。今はやらない。でも、クラスには一人二人居ると思って指導する。 「緑色の黒板では、赤色や緑色で文字を書くな」と初任者の頃厳しく指導された。「使うのは白色か黄色のチョーク。赤色は枠で囲む時だけ使う」などは常識だった。 今その常識すら失われつつある… 2017-09-14 17:06:42 ぽんた @Pontamama12345 検査をしないから見つかっていないだけで、居ない訳ではないのだ。クラスの中に黙って困っている子がいるかもしれない。 描く図画の色使いを見ていく。色使いがユニークだと、心理状態云々を考える前に、色の区別がつかないのかもしれないと考える。 保健室で簡易検査をしてもらい、保護者へ連絡する 2017-09-14 17:08:52 ぽんた @Pontamama12345 校内の全体研修で「学習中のきまりの中に
福岡の学生を中心とし、スタートアップ及びベンチャーキャピタルに関する研究や活動を行う学生団体、スタートアップ投資部（ http://investorclub.f-ventures.vc/ ）は、「福岡市スタートアップ地図」を作成いたしましたので、お知らせいたします。 上記区外の4社■『福岡市スタートアップ地図』を作成した趣旨・背景スタートアップ投資部の活動の一環として、福岡市内スタートアップ企業を調査し、地図にまとめました。福岡市はスタートアップ環境が盛り上がっており、市外のスタートアップ関係者とお話すると「どんな企業がいるの？」という質問が最も多いです。そこで、ひと目でわかるような形で一覧性がある地図を作ることで、より福岡市内のスタートアップに興味をひく仕掛けを作れないかと思い立ち、制作に至りました。もし、ここに載っていないスタートアップがあればご指摘頂けますと幸いです。スタートアップ投
季節はどんどん夏に向かっていっていますが・・・今回はシェーダを使ってUnityで雪を降らせる方法を紹介したいと思います。 雪を積もらせるアルゴリズム 深さのある雪を積もらせる場合は色々と計算が大変ですが、表面に薄っすらと積もらせるだけであれば、テクスチャの色を変えるだけでそれっぽく見せることができます。 こんな、新緑（？）の風景が・・・ こうなります！ ただ、テクスチャの色を変えると言っても、テクスチャを真っ白にするだけでは画面一面真っ白になってしまうだけです。 屋根の裏側や葉っぱの裏側には雪を積もらせないようにするには、オブジェクトの法線と雪が降ってくるベクトル（大体上向き）の内積を取ります。 この内積の値が1に近ければば面が上を向いていると判断してテクスチャの色を白色にします。そうでない部分は面が横や下方向を向いているので、オリジナルのテクスチャ色を使用します。 雪のシェーダプログラム
NVIDIA広報「釣りタイトルだけど...」 日経ビジネスに"謎の半導体メーカー"と扱われた件でコメント 世界的な半導体メーカー「NVIDIA（エヌビディア）」を、日経ビジネスのオンライン版が「謎のAI半導体メーカー」と5月15日に報じたことが、ネット上で議論を呼んでいる。
【記者：Sarah Knapton】 お絵描きをする子どもたちは間もなく、空を200年ぶりに新しい色で塗ることができる──。研究者らがこのたび鮮やかな「新しい青」を生み出し、大手クレヨンメーカーのクレヨラ（Crayola）がこれを新色として発売すると発表した。 全く新しい青色は2009年、米オレゴン州立大学（Oregon State University）の研究室のオーブンで化学物質を加熱していた際、偶然発見された。 新たな青い色素が作られたのは、1802年にフランス人化学者のルイ・ジャック・テナール（Louis Jacques Thenard）がコバルトブルーを発見して以来。 クレヨラはこの色素を、クレヨンの新色として年内に発売すると発表した。 新色を偶然発見したのは、オレゴン州立大学で材質科学を専門とするマス・サブラマニアン（Mas Subramanian）教授。学生らと共に、電子工学
アルミニウムの薄膜に微細な凹凸をつけ、カラーの色彩を表示することに理化学研究所のチームが成功した。色が半永久的に劣化せず、光学機器の部品などに応用が期待できるという。英科学誌に発表した。 光が物質に当たると特定の波長が吸収され、残りの波長は反射して人間の目に色として映る。チームはアルミニウムの表面に光の波長より小さいナノメートル（ナノは１０億分の１）サイズの凹凸をつけ、吸収される波長を制御して色を作り出す方法に着目した。 基板の上に樹脂製の微細な四角形を並べ、アルミニウムの薄膜で覆った。四角形の大きさなどを変えると吸収する光の波長が変わり、人間が見える多くの色を表示できた。大きさが違う四角形を組み合わせると色が混ざり、黒も表現できる。 インクやペンキは強い光や高温、酸化によって徐々に退色するが、この方法は変化しにくく、軽くて薄いのも利点。大型望遠鏡の材料などに応用が期待できるという。 田中
.btn-square { display: inline-block; padding: 0.5em 1em; text-decoration: none; background: #668ad8;/*ボタン色*/ color: #FFF; border-bottom: solid 4px #627295; border-radius: 3px; } .btn-square:active { /*ボタンを押したとき*/ -webkit-transform: translateY(4px); transform: translateY(4px);/*下に動く*/ border-bottom: none;/*線を消す*/ }
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
