CSSフレームワークVivliostyle Themeで簡単にページデザインを編集する | gihyo.jp
CSSにまだ詳しくなかったり、ページデザインよりも本文の執筆に注力したい人のために、Vivliostyleでは簡単にデザインを適用できる「Vivliostyle Theme」が用意されています。第3回では、Vivliostyle Themeの使い方や、Vivliostyle Themeを実現するためのCSSの機能、自分でVivliostyle Themeを作って公開する方法について紹介します。 Vivliostyle Themeについて Vivliostyle Themeは、Vivliostyleワークフロー上で簡単にページデザインを適用するための仕組みです。CSS組版を実現するVivliostyleは、ページデザインをCSSで実現できることが最大のメリットですが、逆説的に言うとCSSを知らないとデザインの変更ができないとも言えます。CSS自体は広く普及しており、CSSを学ぶ環境も十分に整
Vivliostyle Viewer で CSS 組版ちょっと入門
Vivliostyle は、CSS 組版で本を作るためのツールとして、少しずつ知られるようになってきたかと思います。そして、最近の更新では、目次ナビゲーション機能、Web Publications 対応など、Web／電子出版ビューアとしても、使い勝手のよいものを目指しています。この「Vivliostyle Viewer で CSS 組版ちょっと入門」では、Vivliostyle Viewer でできることを中心にした CSS 組版のちょっとだけ入門を書いてみます。 Vivliostyle Viewer の紹介 Vivliostyle Viewerhttps://vivliostyle.github.io/vivliostyle.js/viewer/vivliostyle-viewer.html は、ブラウザ上で動作する CSS 組版エンジン vivliostyle.js とビューア UI
Vue.js - The Progressive JavaScript Framework | Vue.js
The Progressive JavaScript Framework Web ユーザーインターフェース構築のための、親しみやすく、パフォーマンスと汎用性の高いフレームワーク。 Vue を使う理由 はじめる インストール 親しみやすい 直感的な API とワールドクラスのドキュメントを使用して、標準的な HTML、CSS、JavaScript をもとに構築します。
NES.css - NES-style CSS Framework
Fork me on GitHub #About NES.css is NES-style (8bit-like) CSS Framework. #Installation NES.css is available via either npm or Yarn, or a CDN. Please read README.md. #Usage NES.css only provides components. You will need to define your own layout. {{ sample.title | capitalize }} {{ sample.description }} {{ sample.note }} <> copy {{ sample.code }} #Members Core Team Members Here is core team members
無料で使えるかわいい8bitデザインのファミコン風CSSフレームワーク「NES.css」
ファミコン風デザインのウェブサイトを簡単に作れる無料CSSフレームワークが「NES.css」です。NES.cssはさくらインターネットのダーシノ氏が開発を行っており、ボタンや入力フォームといった基本的な要素から、SNSやキャラクターのアイコンまで用意されています。 NES.css - NES-style CSS Framework https://nostalgic-css.github.io/NES.css/# nostalgic-css/NES.css: NES-style CSS Framework | ファミコン風CSSフレームワーク https://github.com/nostalgic-css/NES.css ファミコン風CSSフレームワーク「NES.css」をリリースしました | Black Everyday Company https://kuroeveryday.blo
Chat v2.0 Style Generator 日本語版
YouTubeLive + OBSでチャットを映しながら配信する時に使われる"Chat v2.0 Style Generator"の日本語版です。(最終更新日：2023.08.06) ※正常に動作しない場合は Google Chrome か Microfoft Edge で閲覧ください。 ※プレビューがおかしい場合は「フォントサイズなどの数値変更」の「リセット」ボタンを押してみてください 更新情報(クリックで詳細表示) 8月6日 シーン切替時にチャット欄が爆速で流れるのを防ぐ方法を新しく書きました。 チャット欄のURLを自動で更新する方法に「テスト版」の説明を追加しました。テスト版は以前のバージョンよりサーバーダウンしにくい（予定）です。 「初スパチャおめでとうございます」のメッセージを非表示にするコードを追記しました。 ※CSSの再生成が必要です 7月31日 スーパースティッカーの金額表
ウェブ開発者必携のGoogle Chromeの15の拡張機能
ウェブサイトの制作に役立つGoogle Chrome用の機能拡張をCSS Reflexから紹介します。 15 Must Have Google Chrome Extensions for Web Development [ad#ad-2] Pendule HTML, CSS, WAIなどの検証をはじめ、CSSの無効化、リンクチェック、カラーピッカー、ルーラーなど。 Chrome Sniffer そのサイトで使用しているCMSとJavaScriptのライブラリを表示。 Chrome Web Developer Tools FirefoxのWeb Developer toolbar（日本語版）のクローンを目指して開発。 IE Tab ChromeでIEのレンダリングで表示。 Window Resizer ウインドウのサイズをワンクリックで任意の値に変更。 Chrome SEO 各種検索エンジン
Stylish :: Firefox Add-ons
Stylish lets you style the web according to your personal taste. ★ Give Reddit a dark mode, use minimalist Facebook themes, or change the look of Google, Twitter and any of your favorite sites ★ Customize website backgrounds, color schemes, youtube skins, fonts and even animations ★ Easily disable, enable, edit or delete any of your installed styles (themes) ★ Create your own user styles (themes)
Firebug - Web Development Evolved
Thank you, Firebug. You made the web amazing for all! The story of Firefox and Firebug are synonymous with the rise of the web. We fought the good fight and changed how developers inspect HTML and debug JS in the browser. Firebug ushered the Web 2.0 era. Today, the work pioneered by the Firebug community through the last 12 years lives on in Firefox Developer Tools. Switch to the latest version of
CSS開発に使える「Free CSS Toolbox」:phpspot開発日誌
Free CSS Toolbox - Free CSS Validator, CSS Formatter, CSS Compressor Free CSS Toolbox is a freeware productivity software for web developers who work with CSS code. CSS開発に使える「Free CSS Toolbox」。 次の機能を持つWindowsで動作するアプリケーションです。 色わけされたCSSエディター CSSフォーマッター、Beautifier機能 CSSエラーチェッカー CSS圧縮機能 W3C CSS バリデート機能 CSS開発のIDEとして使えそう。
ページのCSSをファイルごとにリアルタイム修正できるFirefox拡張「CSSMate」:phpspot開発日誌
CSSMate :: Firefox Add-ons Inline CSS Editing Evolved. Originally a port of the fantastic EditCSS tool that i've been using for many months. I've gutted it, made each stylesheet load into a seperate tab. Removed the save load clear functionality as i found it to be useless... ページのCSSをファイルごとにリアルタイム修正できるFirefox拡張「CSSMate」。 次のように、ページに使われているCSSをファイルごとに編集し、リアルタイム反映できます。 ページのＣＳＳをすべて１くくりにしてしまう「Edit CSS」よ
窓の杜 - 【今日のお気に入り】WebページのCSSを一時的に解除「CSS Cutter」v1.1b
IEの右クリックメニューからCSSを一時的に解除できる機能拡張ソフト。デザインの凝ったWebサイトなどで、一見カッコいいが自分にとっては背景と文字の配色が見えづらかったりフォントが小さすぎて読みにくく感じる、といった経験のある人にお勧め。Webページのデザインが外部CSSファイルで定義されていれば、画像やリンクなどが何もないところで右クリックしてメニューの［CSS Cutter］を選ぶと、IEの表示が一時的にCSSを解除したシンプルな状態に切り替わる。さらに再度［CSS Cutter］を選ぶかWebページをリロードすれば、元の表示に戻せる。たとえば、外部CSSでフォントサイズをポイント指定したWebページなどは、IEのツールバーにある［サイズ］ボタンではフォントサイズを変更できないが、本ソフトでCSSを一時的に解除すれば［サイズ］ボタンで変更できるようになるわけだ。なお、CSSがWebペー
窓の杜 - 【NEWS】スタイルシートのソース表示に特化したFirefox拡張「View formatted source」
スタイルシートのソース表示に特化した「Firefox」拡張機能「View formatted source」v0.9.5.0が、5月2日に公開された。「Firefox」v1.0以降に対応するフリーソフトで、編集部にてWindows XP上の「Firefox」v2.0.0.4で動作確認した。現在、ライブラリサイト“Firefox Add-ons”からダウンロードできる。 「View formatted source」は、Webページで定義されたスタイルシートから、調べたい部分のみを抜粋して表示できる「Firefox」拡張機能。スタイルシートは一般的に、HTMLファイルとは別のCSSファイルに定義されることが多いため、たとえば特定ブロックに対応するスタイル定義を探すのに苦労することがある。 本拡張機能を使用すると、まずWebページ内のテーブルなどのブロック要素がそれぞれ赤色や青色でハイライト表
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Vivliostyle — 楽しく CSS 組版！
GitHub - misskey-dev/misskey-hub: Website for Misskey
GitHub - vuepress/core: Vue-Powered Static Site Generator
Home
GitHub - BcRikko/NES.css: NES-style CSS Framework | ファミコン風CSSフレームワーク
WEB制作時に便利な9つのFirefox拡張機能(Add-ons) - デザインウォーカー | DesignWalker - ロサンゼルスで働くウェブデザイナーの日記
Connection Problem