ブログ記事358件
こんにちは先月マイクが薬局で試し座りして気に入って注文したスタイルシートしばらくゴルフに行ってなかったマイクだけどスタイルシートに毎日座っていたら腰の調子が良くなったらしく早速K夫妻とゴルフ⛳️大雨警報が出ていたのに驚異のウルトラ晴れ男‼️スタート時には晴れてました😳
「サービスリンク一覧」を非表示に最近、ランキング関連のページの下部に「サービスリンク一覧」が追加されました。上部からこういうの表示しろと言われるんでしょうね。実際のページ構成をデザインしている方は、きっと空しい気持ちで従っていると思います。下は「AmebloRankingsViewerⅡ」のページアレンジと「RankingBlocker」によるリストの整理をした「記事ランキング」のリストの例です。赤枠の「サービスリンク一覧」は、リサーチ目的のリストデザインを壊すの
前回「Webブラウザの標準フォント」記事の最後にお話したように、Webブラウザのフォントを変更しても、表示ページのフォントが変わらないページもたくさんあります。どうしてでしょう?今回は、Webブラウザに表示されるフォントの仕組みをご紹介します。Webページを作成する人がそのページで使用するフォントを指定する方法は、かつては以下のようにしていました。フォントを指定するHTMLタグ(インライン要素)は<font>です。例えば<fontface="MSP明朝">フォントを設定
「en-US版」を更新しました現在のブラウザは、多言語に対応しています。Chromeでは「」アイコンの設定メニューから「言語」を選択して、ブラウザのベースとする「言語」を変更できます。例えば「言語」を「en-US」に変えると、米国のユーザーが使っている状態を再現できます。設定メニューの表示が全て英語表示になりますが、通常のページはいつもと変りません。言語の違いは「外車と日本車ほども違わない」のです。ただ、ブラウザのあずかる機能にアクセスすると、「en-US版」
「チェックボックス」の総点検最初に一度修正を行った箇所ですが、「Stylus」の全体で使用されている「チェックボックス」のデザインを再調整しました。この修正で、コード全体の再チェックが必要になったのですが、手を抜く位ならしない方がマシなので。「チェックボックス」は、ユーザーの指定を受け取るスイッチです。下は、デフォルトのデザインで、「12×12px」のサイズです。このスイッチのデザインは、en-US版「Stylus」では、フォントとベストマッチですが、日本語のフォントに対し
「Stylus」の「ポップアップ」について「ポップアップ」は、ブラウザのツールバー上の{S}アイコンを押すと表示される小型のメニューの事です。これは「Stylus」の「管理画面」のリモコンの様なもので、本来は「管理画面」を開いて行う重要な操作(スタイル適用のON/OFFなど)を、その適用先のページを開いたウインドウで遠隔操作する機能です。スタイルの一時的なON/OFFあるページに適用されたスタイルを、一時的に「OFF」にしたい時に便利で、スタイルの効果をチェックする時にも使います
「2023秋季更新」が実施されました拡張機能「Stylus」は、全世界で愛用されている「ユーザースタイル」に関するツールです。「ユーザースタイル」はブラウザが表示するウェブ上のページに対して、ユーザーが作成した「CSS」のアレンジを可能にする機能です。ここで、ユーザーが制作した「CSS」を「ユーザースタイル」と言い、「スタイル」の実体はCSSコードです。「Stylus」は、この「スタイル」の制作編集・保存・管理と、その「スタイル」を実際の既成ページに適用する機能を持っています。さて
ホームページのCSSの編集の基本について。ホームページ制作やホームページの修正の基本となるCSS・スタイルシート編集の概要について。アメブロをご覧のみなさま、こんにちは!京都のWeb制作会社「ホームページ制作京都ファンフェアファンファーレ」です!ホームページのCSS・スタイルシートを編集する方法としては、テキストエディタによる編集でタグを編集し、FTPソフトによるダウンロード・アップロードを行うのが一般的です(ホームページ編集ソフトを利用することもあります)。また、Wor
あなたも『ホームページ辞典』を読んで収益アップを図りませんか「ホームページ辞典」の構成は次のようなっております。第1部HTMLタグリファレンス第2部スタイルシートリファレンス第3部JavaScriptリファレンス付録本書は597ページに及ぶ内容の濃ゆいものです。Webページ作成にはとても良いことだと思います。第1部HTMLタグリファレンスHTMLの基礎文章の基本テキストページフォントリストイメージリンクフォームテーブルフレーム第2部
「設定」メニューの導入「設定」メニューは、スタイルのオプションをユーザーが簡単に利用できる仕組みです。「StylusLT800」「StylusLT800(en-US)」は、制作当初から幾つかのオプションがありましたが、今回からこのメニューで選択できる様にしました。メニューの導入に際し、スタイルコードを再構成しました。これまでのチュートリアルを削除して、編集枠(Editor)のフォント指定を採り入れています。今回の編集枠フォント設定の導入で、コードの表示フォントに拘りが
「画像タイル型」の「新着記事」をアレンジランキング関連のページはけっこう複雑で、多種のタイプのページがあります。それらの約8割をアレンジして来ましたが、残していたページが「画像タイル型」のランキングページの中の、「新着記事」の画面です。「通常」のランキングリスト 「通常」のランキングリストは、1件が横長のリストにアレンジしています。「総合」「記事」「ハッシュタグ」「新着記事」は似た様なデザインで、下はその中の「新着記事」の例です。◎「通常」の「新着記事」「画像
「AmebloRankingsViewerⅡ」の紹介このスタイルは、アメーバランキングの主要なランキングリストをシンプルなリストデザインに変更します。その目的は、ランキング全体を広範囲にチェックできる様にする事です。自分のブログのランキング状態や、ジャンル全体の投稿を知るツールにもなりますが、上位にノミネートされないが優れたブログや、注目すべきブログを見つける事にも役にたちます。多くのジャンルのランキングは500位まであり、デフォルトのデザインで最後の方にある記事を見るのは
ホームページを作成するとき「レスポンシブ」という用語が当り前に使われるようになっています。昔は、ホームページを閲覧する端末と言えばパソコンと決まっていましたが、今や利用者の半分はスマホで閲覧する時代となっています。最大の違いはディスプレイ(表示画面)のサイズで、しかもスマホを縦長置きにして使う人もいれば横長置きにして使う人もいるし、iPadのようなタブレット閲覧する人もいます。でも、利用者の端末サイズに応じてWebページのレイアウトを複数開発して用意するのはコスト面でも辛いものがあります
8耐ニンジャレプリカ用のライディングシートは、シートカスタムの「スタイル」さんに作っていただきました。▲8耐ニンジャレーサー風カスタムシートその一方で、ガレージに転がっている「ゲルザブ仕様のウレタン」がもったいないと思っていました。①ゲルザブ仕様シート←コレ②8耐仕様シート③リプモシート④タゴスシート▲ゲルザブ仕様のウレタン今年の3月に「紺色のシート表皮」だけ買って、DIYの張り替えに挑戦したのですが…▲通販したシート表皮(紺色)▲防水ビニール気温が低かったのもあってか、こ
GPZ900Rの「シート」のお話です。スタイルシートカスタムさんにシート加工をお願いをしているのですが、「ウレタン加工が終わったので試乗してきて欲しい。」との連絡をいただきました。お店まで受け取りに行きまして、まずはデザインの確認です。▲加工中のカスタムシートおぉ〜お願いしていたとおり、近代的なデザインになっているじゃないですか!シートの後ろ側の跳ね上がりも、ツキギの8耐ニンジャレーサーのイメージどおりです。▲ツキギレーシングの8耐ニンジャレーサーさてさて、家に持ち帰って「加工中
ツキギレーシングの「8耐ニンジャレーサー」への憧れを少しずつ具体化しています。金銭的余裕がないので、本当に少しずつですけどね…(苦笑)▲ツキギレーシング8耐ニンジャレーサー91号車さて、今回は「ライディングシート」のお話です。1986年の鈴鹿8時間耐久レースに出場した「ツキギレーシング91号車」のイメージを大切にしつつも、現代的なシート形状にしたいと考えています。▲MCジェンマ号先週のこと、スタイルシートカスタムさんにお邪魔して、ニンジャの「シート加工」のお願いをしてきました。▲作
スタイルのインストール確認画面「UserStyles.world」「UserStyles.orgArchive」などに公開されたスタイルをインストール際に、いったん「編集画面」と殆ど同じデザインの「スタイルのインストール確認画面」が表示されます。下の例は、「Roboxin2016」というスタイルを「UserStyles.orgArchive」からインストールする所です。インストールボタンをクリックすると、「スタイルのインストール確認画面」が表示されます。この画
「Stylus」は常に更新されています最近は大きな変更はない様ですが、Stylusのマニュアルを再編集した際に、幾つかの変更点に気付きました。一番目立ったのは「ダークモード」をデフォルトで設定できる様になった事ですが、昔から「黒反転」のスタイルは多く公開されていたので、やはり良く作り込まれたスタイルには負けるかなと思いました。もっとも、私の制作している「StylusLT800」も、ダークモードの一種と言えますが、デフォルトの「ダークモード」と相性は良くありません。私の制作の売りは、
少し暇だったので、画像の上に文字を配置するようなことをしていたら、早速問い合わせがありました。どうすれば、画像の上に文字を配置できるのか?と教科書的には移動可能なdivタグ内に文字をおいて、絶対位置や相対位置を指定して配置する形だと思いますが、スマホと共用したいとのことなので(レシポンシブル的なもの)、絶対位置や相対位置が使えない場合も考えられるので、それっぽい方法をお伝えしました。大きく育った猫草①pタグの背景として画像を配置します。②pタグにテキストを配置します。③pタグサイ
痛いところを突かれました。AmebaのCSSは、PCにしか適用されません。スマホの表示時には、無視されます。設定・管理のフリースペース編集もスマホには反映しません。つまりスタイルをスマホに適用させるためには、各要素に直接styleを書くか編集画面にstyleシートを記述するしかないのです。一度書けば、記事の編集から複製していけばいいのですが、面倒だったので書いていませんでした。とりあえず、Imageの背景色を付けるCSSを書いてみました。猫ママとチャチャお孫ちゃんCSS編
おはようございます!キャリアコンサルタントの江藤セツ子です。自分らしい生き方や働き方を見つけていきましょう。新型コロナウィルスの影響でこの数年、筋力が落ちたと感じていました。近頃、気になっていたのはEMSを利用した商品。EMSとはElectricalMuscleStimulationの頭文字の言葉で微量の電気による筋肉への刺激のことです。この刺激によって筋肉を動かし筋力トレーニングのような効果が期待できる商品が多く販売されています。今回、
Webページを作成している中で、日本語文章を縦書きにしてみたいという思いも出てきます。基本的に、Webページは左から右に横書きで表現するのが一般的ですが、“和”を演出したり縦書きならではの表現をしたり、縦書きレイアウトも可能となっています。CSSのwriting-modeプロパティで縦書きにします。writing-modeプロパティには、2つの値があります:vertical-rl‥‥右から左へ改行vertical-lr‥‥左から右へ改行複数行にわたる日本語文章では、通常は右
英語版「StylusLT800(en-US)」を更新日本語版の「StylusLT800」の修正がほぼ出来上がったので、修復の要領を忘れない内に英語版を更新しました。最近は、変更した行番号とコードを逐一メモ帳に記入しながら行っています。GitHubのシステムを使いこなせば、自動的に変更差分を示す機能があるのですが、慣れた手作業から乗り換えられません。^^;で、このメモがあるので、英語版の修正更新はとても楽です。たまに、環境の違いで嵌る事がありますが。今回は、修正箇所が多かった割
スクロールバーデザインを更新これは修復ではありませんが、1年の間にFirefoxでスクロールバーデザインが指定できる様になりました。Firefox対応のスクロールバーデザイン指定/スクロールバー前史可能になったのは2020年後期 最近、FirefoxでCSSによるスクロールバーアレンジが一部可能になった事に気付きました。昨年あたりから、スクロールバーの…∽ameblo.jpFirefoxの更新により、自動的に暗背景の「StylusLT800」のデザインに合ったスクロールバ
少しずつ更新先ず「スタイル編集画面」から着手しましたが、Chrome日本語環境での修正です。これが様になって来るとFirefox上でチェックし、要修正点が出て来ると、Chrome・Firefoxの両方で使えるコードに修正します。この日本語版の修正コードを元に、ブラウザ言語設定を「en-US」に変更して英語版(en-US版)を更新します。主にフォントの違いでレイアウトが変わり、「漢字」を使うボタンのキャプション等のアレンジは英語版では削除します。ここまでは従来と同じでしたが、
「Stylus」は進化し続ける現在、「ユーザースタイル」を扱える拡張機能の定番は「Stylus」と言って良いでしょう。商用化を排し、ユーザーが求める進化をユーザー有志達が行う方法は、フリープログラムの道標です。拡張機能「Stylus」は、ウェブページのCSSアレンジ環境をユーザーに提供します。「Stylus」を使うと、他のユーザーが制作したスタイル(CSSコード)をスタイル配布サイト等から入手し、目的のウェブページのデザインを変更できます。入手したスタイルに手を加えてテストしたり実
10年で1兆円超の取引仲介米美容予約サイト「スタイルシート」CEOの道のり10年で1兆円超の取引仲介米美容予約サイト「スタイルシート」CEOの道のり美容師予約サービスを提供する米企業スタイルシート(StyleSeat)のメロディ・マクロスキー最高経営責任者(CEO)が、シリコンバレーの投資家に対し、レストラン予約アプリ「オープンテーブル(OpenTable)」のビューティー分野版をつくforbesjapan.com
Luxeritasルクセリタスの画像を一括で角丸にするCSS|総合情報サイトPleadこのサイトはWordpressのテーマ「Luxeritasルクセリタス」を使用しています。記事内の画像を一括で角丸にするCSS(カスケーディングスタイルシート)をGoogl...plead.jp
今日は痛み等で今朝方まで眠れず…シンドイのに…朝から.cssのおかしな動きと格闘😅…中…異様に疲れた😅💦