DEMO.OPENSHARED
このサイトはオープソースのCMS（WordPress、CraftCMS）を利用しながらHTML/CSSコーディングを考えるサイトです。投稿ページにはJavascriptは使用せず、広告はカテゴリ・タグページにのみ表示し、デザインのための不要なクラス指定や<div>要素を使用しないようにしています。
CraftCMS
- PageSpeed Insight からのWeb Vitals からweb.devでCLSを知る
GoogleのクローラーはDarkモードを認識してない？モバイルの検索結果からではこのサイトはブラウザの設定に関係なくlightモードで表示します。ブックマークなどからはdarkモードで表示します。 ... - 2007.07.15 pen No.202
2007.07.15「pen」の「ウェブクリエイターの仕事」号が棚の奥から出てきました。ちょうどデザインプレックス創刊から10年後となります. ... - 1997.06 DESIGN PLEX no.02
この当時は本屋で雑誌をパラパラっと立ち読みして購入していたものですが、創刊２号を買うかどうかは普段立ち寄る本屋で扱っているかどうかにもかかっている気がします。この号はいきなりグッとハードルがあがった印 ... - 「博士と狂人」からの編纂者の本を読んでみよう
2020年10月16日（金）公開予定「博士と狂人（原題:TheProfessorandtheMadman）」はオックスフォード英語辞典の誕生の物語。ノンフィクション作品です。ネタバレもストーリーの説明 ... - 削除できなくなったスナップショットをコマンドで削除する - Parallels15
ParallelsDesktop15forMacの複数あったスナップショットが「操作を完了できません。」削除できなくなりました。ターミナルのコマンド入力で解決する方法です。 ... - カラフルアイコンになった Parallels Toolbox for mac バージョン 4.0.0
パラレルズのツールボックスがカラフルになったアイコンでバージョンアップ。macOS版の「カメラブロック」はいつから無くなったのかな？ツールが入れ替わっているようなので確認しよう。 ... - Bitrix24とTelegramでチャットサポートを無料で試す
タスク管理やプロジェクト管理、チーム内のデータ共有などビジネスで使えるサービスです。サイトフォーム、その中でもコンタクトセンターを使ってチャットサポートをセットします。ライブチャット以上がデフォルトで ... - 1997.05 DESIGN PLEX no.01 創刊号
忘れもしない三越池袋店の書店で図書カードで購入したのが始まりです。この雑誌でデジタルデザインを知り、今見ても細かいテクニックを丁寧に説明している誌面を見ると捨てるのは難しいです。最終は何号なのかわかり ... - Zapier経由 Google フォームでMicrosoft To-DoとGoogle Tasksに登録
ガントチャートでプロジェクト管理するほどでもないですけど、ざっくりと設定した（された）タスクを振り返りしたくなるのです。工数管理の世界で生きてきたからですかね？タイムカードと作業工数の誤差が気になる嫌 ... - 1997.08 DESIGN PLEX no.04
この号はいろいろ含めると楽しい印象ですが、あまりにも中身が綺麗なので当時はあまり関心が無かったのかなと思いましたが、いやいや「シリコングラフィックス」や「tomato」が登場している号です。 ... - GoAccessを使ってWebサイトのアクセスログを解析する
RやJupyterを使ってグラフ化したりもしてみましたが、ログなのでGoogleAnalyticsのような解析はできないわけです。それでも何もないのは何も生み出さないのでGoAccessを使ってサーバ ... - CraftCMSはフィードの出力が簡単なのでYandexTurbo用RSSも作成してみる
テンプレートファイルを作成しますが、基本はRSSなのでドキュメントにあるソースそのまま作ります。posts.rssで保存し出力タグを確認できたのでturbo用にturbo.rssを作成します。 ... - CraftCMS3 新しいセクションで追加テンプレートを作る
CraftCMSを使っていろんなサイトが構築できるように投稿しながら試行錯誤しています。今回は既存の投稿エントリとは別の新しいカテゴリーグループ、タググループ、新しいフィールドを作成してテンプレートを ... - コメントの代わりにオープンソースの掲示板Flarumをセットアップしてみる
オープンソースの掲示板といえばphpBBを思い浮かべたのですが、せっかくなのでPHP7を条件に新しいものは無いかとに探しました。フォーラムといえばPhorumというオープンソースがあったのですがこの度 ... - 1997.07 DESIGN PLEX no.03
この号は3DCGがメインで、時間をかけるパワーやお金も無かったためそれ以外に着目して紹介します。ちなみに3DソフトウェアではShadePersonalは操作してみましたが、時間がかかり過ぎて作品は一つ ... - Bing ウェブマスターツール 新しい機能
GoogleSearchConsoleは多くの方が対応しているかと思いますが、Bingウェブマスターツールは放置しがちではないでしょうか？以前に比べて設定が簡単になったのでこの機会に利用してみると良い ... - Brave ブラウザ 拡張機能とRewardsと同期について
Braveデスクトップ版とモバイル版でブックマークの同期を有効にする方法。Chromeの拡張機能/プラグインが原則使えますが、Braveの設定によっては正常に動作しない場合があります。 ...
WordPress
- CSS outline プロパティを:focusで使う理由
CSSのoutlineプロパティは、borderのようにスペースを持たないので都合が良いborderなのですが、レイアウト崩れを防ぐためにデザインで利用するものではありません。キーボードフォーカスによ ... Tue, 31 Mar 2020 10:14:00 - サイト内容の方向性を考える
WordPressではデザインの幅をもたせるためのブロックやclass指定があるのが前提ですが、このサイトでは汎用性を損なわないようにNo-Classを目指してボチボチやります。 ... Tue, 26 May 2020 10:51:00 - 同時進行しているCraft CMSとWordPressを比べてみる
WordPressは何度かセットアップはすることはありましたが、実際に公開するには至っていませんでした。あれこれ試しては何もしない状態です。CraftCMSは今回初めて知りました。 ... Wed, 08 Apr 2020 10:11:56 - CSS デザインを１カラムに変更
themeファイルのコードは変更せずCSSのみで変更しました。そもそもWordPressで出力されるclassは無視していますが、今までの２カラムCSSと比べてそれほど大きな変更はありません。 ... Fri, 19 Jun 2020 10:19:34 - レスポンシブデザインの今 とにかく背景画像の素材で決まる
印象的な動画がチラチラ再生されるようなサイトが増えているようです。アートブックを見ているようで、素材の良さが伝わります。そう！素材が良ければサイトのインパクトは伝えられそうです。 ... Thu, 02 Apr 2020 10:33:00