HTMLやCSSで使われる色名称やカラーコード、色見本などを一覧を見ることができます。カラーコードごとに1ページで詳しいRGBやHSVの値、色相、彩度、明度別の色一覧、トーンオントーンやコントラストなどのサンプルの色コードも表示しており、様々な用途に使えます。またローカルに保存してある画像の色を解析してウェブ上でRGBで表示したりRGBの色とHSVの16進数を変換して表示したりも簡単にできます。… · rgb, hsv, html, css, web

CSSだけでなく、Web制作者にとって有益なトピックを取り上げるセミナーイベント。2005年からこれまでに、600回を越える関連イベントを通して、のべ6万人を超える方が参加。

持論だが、「デザインの意図を正確に理解した上で書かれたCSSは破綻しない」と思っている。 しかし、自分ひとりでサービスを作るときような、デザインの決定権を持つ人とUI実装者が同じである場合を除いて、デザインの意図を正確に伝え、理解することは難しい。 今の仕事ではデザイナーがSketchファイルを作成し、エンジニアがそれを元に実装する。… · css, sketch, postcss

半年くらい前からは新しく作った自分のサイトに書いている。たぶんここはもう更新しないと思います。ありがとうはてなブログ。 CSS in JSライブラリのEmotionにはReact版とFramework agnostic版がある。なのでReact以外のビューライブラリと組み合わせたりバニラJSでも使ったりできるけど、Babelプラグインが実質必須なのでSingle File Componentsみたいなスタイルとは相性が悪い。… · babel, emotion, css, react, framework

Claude Code を使って CSS Grid Layout を組む体験が想像以上によかったので備忘として残す。 Grid Layout は行と列を定義する二次元レイアウトである。これを図示することで Claude Code とのやり取りの齟齬を減らす。 例えばすでに Grid Layout で表現されている CSS ファイルがあるとする。まずは現在のレイアウトを図示してもらうためのプロンプトを投げる。 · grid, claude, code, layout, css

Firefox57にアップデートした際にタブをuserChrome.cssを使ってFaviconize Tabっぽくしたのですが、58.0.1にアップデートしたところxulのidや構造が変わってしまったのか、また元に戻ってしまいました。 ということで、 あたりを参考にして、chrome://browser/content/browser.xulのインスペクターとにらめっこしつつuserChrome.cssちょっといじってみました。大きく… · css, userchrome, faviconize, tab, firefox57

本サイト「タグHTML」はこれからホームページ制作に必要なHTMLを学ぶ初心者の方を対象に以下の情報を丁寧に解説します。 HTMLタグ一覧(HTMLリファレンス)、逆引き検索を用意することで、皆様のブログ・ホームページ制作に貢献します。 ▲：HTML4.01で非推奨×：HTML5で廃止（利用不可）●：初心者が覚えるべき良く使う要素 · html, html4, html5

CSSフレンズは、職場でついつい確認しないまま仕事を進めてしまうCSSの基礎をおさらいしながら、同じレベルで学び合える友だちをつくる集まりです。 CSSフレンズが開催するイベントは毎回がmeet upです。 ですので「入りにくそう」「わからなかったらどうしよう」という心配はいりません。 コーディング初心者の人、大歓迎です。 【2018年度】CSSフレンズ #1 「初心者のためのCSS再入門」 · css, meet, 2018

ボウリングを通して 子どもたちが健全・平等に成長していく 社会づくりを目指す ＆ 視覚障害者の スポーツボウリングへの 参加を支援する 社会貢献活動

プログラミングの初心者が、短期間でWebサイトの作成方法を学ぶには、どのような順番で勉強していけば良いでしょうか？ Webサイト制作に関わる知識はたくさんありますが、まずは基本となる骨格を作り、さらに周辺の知識を肉付けしていけば、時間の短縮になると思います。 分類の方法にも拠りますが、Web開発には主に３つの分野／技術要素があります。 · web, html, css, flexbox

ブログはテキストファイル形式でバージョン管理したい派なので、構築してみた。 ついでに、HTML＋CSS（Sass）の練習も兼ねて、Hugo Themeも自作してみた。 はてなブログの手軽さも捨てがたいのは事実。 けど、環境も記事もGitHubで管理できて、Markdown形式のテキストファイルで書けるのは魅力的。 mzgkworks 2016-10-30 14:00 読者になる · mzgkworks, 2016, google, html, css

CSSとSVGの威力をここまで発揮している作品はなかなかお目にかかれない。その上、可愛いときた。 こういうのを作ってみたいなぁと思うけど、私にその創作性と根性が無いのもよくわかってるんで、とりあえず鑑賞に留めておこう。 catprogram 2016-03-31 14:14 読者になる 可愛くて使い勝手の良いアイコンを集めるのが趣味だったりしますん・・・ ズラッと並んでると、見てるだけでシアワセになります（変… · catprogram, 2016, css, svg

推奨ブラウザはGoogle Chromeです。 IEはなんとなく対応。 · google, chrome

縦書きのWebページやブログというのは実用になるのか。この疑問をちゃんと解決するために、縦書き用のCSSをかなり真面目に書いてみた。 英語などの欧米の言語は、横書きが普通である。つまり、１行を左から右に読み、折り返して少しずつ上から下にスクロールしていく。しかし、日本語や中国語や朝鮮語は、本来は縦書きである。つまり、１行を上から下に読み、折り返して少しずつ右から左にスクロールしていくものだ。紙の本では今でも縦書きが多く、日本語の小説のほ… · web, css, html, ltr, rtl

友人が子供に長さの単位を教えているとのことで、その練習のサポートをするWebアプリを作ってみました。 こんな紙を見せては、その目盛りを指さすというゲームを朝と夜したらだいぶ入った。 まずは1mm,1cm,1mの3枚から。 1mmはミリメートルとミリの２つの呼び名、1cmはセンチメートルとセンチの２つの呼び名があるので実は紛らわしい · 1mm, 1cm, web

Sugamo.css は、2009年から2013年まで定期的にフロントエンド勉強会を東京で開催していたコミュニティです。主に HTML, CSS, JavaScript 周りのことを情報共有していた会で、いわゆる「もくもく会」に近い形式でした。その場で話したい人が自由に発表する感じで、みんなで集まってゆるく情報共有とかしようという感じでした。 私はちょうど社会人になった2010年から Sugamo.css に参加しました。当時は… · css, sugamo, vps, html, nite

ウェブエンジニアABCのHTML/CSS/JavaScript/PHPの備忘録的なブログです。初心者向けの基礎レクチャーのメモも記していきます。

今どきのレスポンシブデザインに対応するHTML&CSSのデモを作成したのですが、 結論としてHTML&CSSは分からんとなりました。 無事家に帰れたので中央線エンジニアは参加できます。#houtoupm akira1908jp 2025-06-01 10:09 読者になる · html, css, houtoupm, akira1908jp, 2025

いまだに海外のゲーム、というかソフトなしでマルチで遊ぶゲームへの しかも今回は私が使用するわけではなく、小学校1年の息子がやるわけで。 うちの子には、課金OFF、チャットOFFにして渡すことにしました！ · rakuten, 33133, https, allclocks, jpg

HTML＆CSSの勉強が一区切りした区切りしたので、bootstrapについて学ぶことにしました。Youtubeをみたり、インターネット検索してみたりしたのですが、いまいちピンと来ず（汗）。本を手に取ってみたものの「概要と基本操作がわかればいいだけなのに、この量はちょっと…」と尻込みました。 そんな折、ちょうどudemyでセールをやっていたので、試しにboosstrapの講座を探してみました。… · bootstrap, html, css, youtube, udemy

WEB制作、初心者（素人）が最短ルートで、それなりのWEBサイトをつくれるブログを目指しています。個人でホームページ制作をしたい方など、よろしければ私のブログを、ご覧ください。

リップクリームって、いつのまにかどこかにいって、何個も買っている気がする…笑 どうしようかな？カラビナにすると確実かな？（見た目がごついけど） たしかどこかの文房具のページで とても書きやすいペンが新しく出るって書いてありました。

オタイロとは当ブログの筆者ことアーダソがまともな記事が書けないので、ここはもういっそのこと開き直ってゲームの変な記事を投稿しよう・・・と思ってましたが結局アニメやOCGにも手を出すのでもうまとめようじゃないかとなりました。合掌。 取り扱うジャンルはゲーム・OCG・漫画・フィギュア・アニメとオタク活動に大体セットで付いてくるものは投稿していくつもりです。それ以外も「お願いします！何でもしますから！！」って言ってくれれば記事にします！多分。… · ocg, css, html

body要素は、文章のコンテンツを表します。HTML要素の２番目の子として、head要素の次の要素として、HTML文章に必ず１つ存在します。body要素は原則として表示される内容を記述するセクションです。 body要素のコンテンツモデルはFlowです。通常は見出しやセクショニングコンテンツを配置しますが、図のようにbody要素直下にテキストや画像を配置することもできます。… · body, section, html, article, head

病気療養のため、時間ができたので、unityにてプログラミングをしてみたり、ITパスポートの試験を受けれるように取り組んでみたり、HTML＆CSSを学んでみたりいろいろやってみた体験の日記です。

WEB制作 既存プログラムをたまに触ると。。。。。。 WEB制作 HTML/CSS でWEBサイトを制作していると、コメントを入れたくなる。 いわゆる“コメントアウト” CMSまぁ一般的にワードプレスでは、 ● PHPをいじくると、コメントは ①複数行のコメントアウトは 「/」から始まり、「/」で閉じる ②単一行（行末までの）用のコメントアウトは 「＃」または「//」 · web, html, css, cms, php

※この記事は二部構成になっております。第一部はこちらからどうぞ。 【JavaScript★独学でも大丈夫★】初心者が3か月で案件デビューしたJavaScript勉強法！！その１ - hamatakeBlog さて、前回の記事でひとまずブラウザ上にHTMLを表示することができたと思いますそれでは、次にCSSでデザインを付ける方法をご紹介していきます！ · css, html, sample, head, javascript

さて今日はhtmlとCSSの学習における自分の現状について書こうと思います。 基本ノーコードツールでHPを作成しているのですが、縁あって触れる機会を与えていただいています。いわゆるコーディングですね。というのも、参考になるページのレイアウト方法や色情報なんかをブラウザの検証ツールで調べる時にこのhtml言語が分からないと何のこと？ってなるので知っておくと便利ですね。… · html, css

CSSのpositionプロパティは、Webページ上の要素の配置方法を指定するプロパティです。難しく感じたので、今日はpositionプロパティについてまとめてみました。 よくYouTubeで勉強する際に参考にしているたにぐちまことさんのYouTubeです。 staticはデフォルトの値。top、right、bottom、left、z-indexなどのプロパティを指定しても何も起こらない。 · position, youtube, relative, css, web

機械学習とディープラーニングの違いをお話しする前に、まず理解いただきたいことがあります それは、機械学習とディープラーニングはそもそも並列関係ではなく、 機械学習の学習方法の一つがディープラーニングであるということです

どうも初めましてこんにちはS-blackです！活動内容はゲームやアニメ、ラノベ、数学を中心とした記事を書くつもりです。視聴者にとって有益となるような記事を書く予定なので是非見て欲しいです！

今回は、アナログの温かみとデジタルの利便性を兼ね備えた、理想的なノートシステムの構築方法をご紹介します。 万年筆の書き心地とタブレットの検索性・整理機能。一見相反するように思えるこの2つのツールを組み合わせることで、記憶に残りやすく、かつ実用的なノートシステムが作れるんです。 この2つを組み合わせることで、「記憶に残りやすく、探しやすい」という理想的なノートシステムが実現します。

こんにちは。最近ホームページを手軽に作れる時代になりましたが、 SEO、つまり検索に強いホームページができるか？？というところは疑問が多いWEB業界です。 SEO対策に強い会社かどうかは、表面だけでは難しいところです。 · seo, web

www.technologia-schoolofmagic.jp Webデザイン・ゲーム制作・メディアアートをディズニーの世界で学んでいきます。内容は初心者でも分かりやすいように少しずつストーリを進められます。使用する言語は4つHTML/CSS・JavaScript・Processing・Shaderになります。… · web, www, technologia, schoolofmagic, html

html中にアクセス解析用だったり広告表示用だったりで他ホスト上のjavascript外部ファイルを読み込む必要がある場合がありますが、そのjavascriptの読み込みや実行時間に引っぱられて自ページの表示が遅れるのはいやだって事はよくあります。 index.htmlの表示結果は以下のようになります。 startを描画してからendを描画するまでに5秒ほどの待ち時間が出ました。… · other, hosts, write, js1, document

「Web制作学習継続100日、ブログ更新継続100日」を達成しました。 今回の記事はこれからWeb制作学習を始める方に向けて、私の学習への取り組みなんかをつらつらと書きます。 「現場レベルのスキルを学べる・挫折しない」というところがスゴイ面白そうだと思ってノータイムポチリして受講しました。 · web, 100

<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.6.4/css/all.css"> <div id="page_top"><a href="#"></a></div>

お硬いですが、その教科書チックな文字はなんだかんだで使います。 このiframeの操作は、自分で設定したiframeに対してです。 外部のサイトの操作は、クロスサイト的に難しいと思います。 そんなことはめったにありませんが、たとえば、純粋なサイトでＣＳＳを試したり 見た目をチェックする機会は有るかと思います。 そんなときのジャバスクリプト。js · iframe, html, contentdocument, innerhtml

カテゴリやサイトの特徴などで検索ができるシンプルでスタンダードなギャラリーサイトオススメ度：★★★ カラーとカテゴリで検索でき、日本と世界のサイトが検索できるシンプルでスタンダードなギャラリーサイトオススメ度：★★★ カラーとカテゴリで検索でき、日本と世界のサイトが検索できるシンプルでスタンダードなギャラリーサイトオススメ度：★★★ · https, gendaidesign, com, postsperpage

気がつけばこのブログの購読者数が100人になっておりました。ありがとうございます、ありがとうございます...。（ブログ開始1年以上にもかかわらず、遅すぎる成長とどうしようもない更新頻度） さて、本題に入りますが、今年の1月からHHKB愛用者のわたくし。 つい先日キートップの間をのぞいてみると見えてしまったのです。きったねぇごみたちが。 · 100, hhkb

CSSで中央配置（センターリング）する方法 http://www.css-lecture.com/log/css-beginner/026.html 役に立ちそうなのでメモ。 俺のある意味ハイセンスなサイト配色に一石を投じるか？ ウェブ配色ツール Ver2.0 produced by フォルトゥナ http://www.color-fortuna.com/color_scheme_genelator2/ · http, css, www, com, html

CSSグループは、「質の高い“おもてなし”の創造」を理念とし、最高の“おもてなし”」を実現するための「最適なサービス」を提供いたします。

日々のマークアップ＆CSSコーディング業務の中で蓄積されていくちょっとしたノウハウとかバグ情報とかいろいろ備忘録的に記録していきます。

cssの仕様しらべてたら「CSS&FP WGによって定められた〜」みたいに書いてあって、そういえばよく見るけどFP is 何？ってなったので調べてた時のメモ CSS&FP WG = Cascading Style Sheets and Formatting Properties Working Group Summary of Activity Structure See the CSS Home Page for up-to-date… · css, working, group, 2000, cascading

tokyo-css-module-specs.connpass.com 参加者のみなさま、会場を貸してくださったto-Rさま、ありがとうございました！ 次回（5月）はリモート開催かスキップになるかもしれません。またどこかでお知らせします。 · css, module, tokyo, specs, connpass

CSSデザインサンプルはホームページ用テンプレートの無料配布の他、CSSレイアウトによるホームページの作成解説、CSSの指定テクニック解説を行っているCSSに特化した初心者のためのホームページ作成支援サイトです。(X)HTML及びCSSソースはすべて公開していますのでコピーしてご利用下さい。

Google Sites のデフォルトにフォトギャラリーが装備されていないので、本サイトのLightboxタイプのフォトギャラリーをほぼそのまま表示する方法を記述する。Google サイト上に表示するため、CSSに変更 … 続きを読む → 無料でサイトを公開できるGoogle サイトは、googleドライブなど他のGoogleツールとの相性が良く、また、大きな広告も入らないということで、簡単なページで構成するようなサイトには使い勝手の良… · google, sites, lightbox, css, fireworks

HTML5 で追加された details要素 (詳細折りたたみ要素) に開閉アニメーションを設定するには JavaScript が必要でしたが、現在は CSS のみで設定することができるようになっています。今回は、その方法を紹介します。 ウェブサイトの制作・運営に携わり、JSON-LD で苦労している人も多いかと思います。今回は、そういった方々の救世主になるかもしれない、JSON-LD を Microdata から生成する… · css, table, javascript, json, aio

前回に続いて、WebKitのバグ修正に挑戦してみました。今回修正したのは、縦書きテキストレイアウトに関する調査支援者の公募にある折り返し行末にきた文字をタグで囲むと分離禁止されるというやつです。 下記の図が問題が生じている場合の表示ですが、黄色の部分に<span>木</span>などのタグが入っており、それが行末にあると改行位置がおかしくなるという問題です。… · span, webkit, source, webcore, rendering

はてなグループの終了日を2020年1月31日(金)に決定しました 以下のエントリの通り、今年末を目処にはてなグループを終了予定である旨をお知らせしておりました。 2019年末を目処に、はてなグループの提供を終了する予定です - はてなグループ日記 このたび、正式に終了日を決定いたしましたので、以下の通りご確認ください。 終了日: 2020年1月31日(金) エクスポート希望申請期限:2020年1月31日(金) 終了日以降は、はてなグループの閲覧および投稿は行えません。日記のエクスポートが必要な方は以下の記事にしたがって手続きをしてください。 はてなグループに投稿された日記データのエクスポートに…