SANOGRAPHIX Blog

京都を拠点に活動する佐野章核 (sanographix) の個人ブログ。日記、webデザイン、読書、写真など。

Webデザイン

作ったウェブサイトの記録や、Webデザインの本など関連情報をまとめました。

今月末7/28(金)にまたイベントやります(配信あり)

来てね or 配信見てね 2023年7月28日(金)、京都木屋町cafe la siestaにて「SMTP++ 13」という催しをやる。配信もやる。 自分はDJ/VJで出演しつつ幹事的なことをやっている。なお今回の自分の出番は23:40-24:20です。 京都に来られる方は会場で、そうでない…

セットアップ時の言語切替を実装した、同人音楽の告知サイトテンプレート「Tokusetsu 4」バージョン4.2.1をリリースした

今年3月に作った同人音楽の告知サイトを簡単かつ高速に作れるテンプレート「Tokusetsu 4」をアップデートし、セットアップ時の言語切替を実装した。 text.sanographix.net これまで紹介ページ(いわゆるランディングページ)のみ日本語・英語に対応していた…

今週末3/24(金)にイベントやります(配信あり)

2023年3月24日(金)、京都木屋町cafe la siestaにて「SMTP++ 12」という催しをやる。配信もやる。 smtppp.club 今回で12回目になる。自分はDJ/VJで出演しつつ幹事的なことをやっている。なお今回の自分の出番は20:30-21:10です。 そこはかとなく集まって、…

同人音楽の告知サイトを簡単に作れる無料テンプレート「Tokusetsu 4」を作った

次のM3のお供に是非どうぞ 同人音楽の告知サイトを簡単かつ高速に作れるテンプレート「Tokusetsu 4」を作った。無料で誰でもダウンロードできます。 tokusetsu4.sanographix.net 同人音楽と告知サイト Tokusetsu 4の特長 特設サイトを高速に作って公開 誰に…

Illustfolio 10周年のサイトを公開した #illustfolio10th

Tumblrテーマ「Illustfolio」10周年ページを作った。 illustfolio10th.sanographix.net 10年前、「イラストポートフォリオサイトを誰でも一瞬で作れる」のアイデアをもとにIllustfolioを作った。その後、現在に至るまでバージョンアップを繰り返している。 I…

ツイートしないと出られないドロップダウン

しなくても出られる オンライン上での楽曲やソフトウェア配布形態のひとつに、「シェアするとダウンロードリンクが現れる」というのがある。ああいうのを自前で作ってみたい。 デモ See the Pen Pay to tweet dropdown by sanographix (@sanographix) on Cod…

3ヶ月前「イベント開催くん」だったメモが無料テンプレート「Kitekure」になるまで

先週のはじめ、DJ・オーガナイザーのためのイベント告知サイトテンプレート「Kitekure」を公開した。 【新テンプレート作った】突然ですがDJ・配信イベントの告知サイトを簡単に作れる無料テンプレート「Kitekure」を作りました。皆様の次回のイベントに使っ…

DJ・配信イベントの告知サイトを簡単に作れる無料テンプレート「Kitekure」を作った

そろそろイベントでも開催するか、という皆様へ DJ・配信イベントの告知サイトを高速かつ簡単に作れるテンプレート「Kitekure」を作った。無料で誰でもダウンロードできます。 kitekure.sanographix.net 昨年のはじめに撮った写真を見返すと、仲間と楽しくイ…

新Tumblrは画像投稿が廃止? 対応済の「Illustfolio 4」で新仕様に備えよう

拙作のTumblrテーマ「Illustfolio 4」を、バージョン4.1にアップデートしました。このアップデートでは、Tumblrの新しい投稿形式への対応を行いました。「Tumblrの新しい投稿形式」を聞き慣れない方もいらっしゃるかと思うので、その概要とテーマアップデー…

自分のサイト整理するうちジオシティーズ思い出すやつ

初めてホームページ*1を作って公開したのは中学2年のときだった。家のインターネットが定額制になってしばらく経った頃。 同じ学年で仲の良かった5, 6人のグループがいて、皆が自分で作ったウェブサイトを持っていた。サイトを作るために覚えることは今より…

イケイケとゆるふわの狭間でちょっとしたパーティーをやる

「SMTP++(少し盛り上がるときめきパーティー)」という名前のイベントを3年間ほどやっている。こんど11/27(金)に10回目を開催する運びとなった。このイベントは自分が言い出しっぺで始めたので、ここいらで記録としてこれまでの制作物を振り返ってみたい…

このブログをダークモードに対応する

なんとかは黒に染まれ、とかなんとか すでにお気づきの方もいらっしゃるかもしれないが、このブログにダークモードを追加した。ページ上部の(または☀)ボタンで切り替えられるので試してみてください。 たぶんこんなかんじになってると思います(GIF) 作る…

気合いの大小によって横幅が変わるブログ記事

というのを考えた 2021/04/30 現在は全記事のカラム幅を調整したので、この設定は廃止しました。一応記事としては残しておきます 常に全力なわけない このブログでは記事の先頭に、いわゆるカバー画像を表示している(本ページだとの青紫色の画像がそれ)。…

大体いい感じになるKeynote・Googleスライド用無料テンプレート「Azusa 3」作った

なんと5年ぶりのアップデート 色々なプレゼンに汎用的に使えるテンプレートがほしいなと思って、Keynote・Googleスライド用のテンプレート「Azusa 3」を作った。無料で誰でもダウンロードできます。 Azusa 3 - 大体いい感じになる無料Keynote・Googleスライ…

サイトの画像をWebPに変えるとどうなるか実験した

今更WebPを使ってみたくなって実力を検証した。検証に使うサイトはこちらの自分のサイトです。とりあえずトップページのみ検証。サムネイルがたくさんあって試し甲斐がありそう!!! 結論から書くとページサイズが半分弱ほど減った。 sanographix.net 上記サイ…

GitBookでサポート用ドキュメント作る

サポートドキュメントってこういうやつです 自作のソフトウェア、というか自作のテーマ の問い合わせ対応をしていくなかで、よくある質問は1箇所にまとめて公開している。そのことについて。 テーマの使い方やFAQなどのサポートドキュメントを、当初GitHubに…

すかし防止

何日間かかけて、このブログのデザインを調整した。キャッシュが残ってるかもしれないので過去訪問したことのある人はスーパーリロードをおすすめします。 いつも作業が進んだあとに気づくけど以前の状態のスクリーンショットを残しておけばよかった。一応CS…

ペライチも複数webページもすばやく作り始められるやつ「Rin」をアップデートした『Rin 5』作った

Rin というGitHubで公開しているソフトウェアをバージョン5にアップデートした。 sanographix.github.io RinはWebサイト制作のグッズをまとめたもので、個人的プロジェクトで新しくサイトを作るときには大体毎度使っている。最近だとC94新刊に使った。リポジ…

縦横比が入り乱れてる書影のレイアウト

自分のサイトのトップページで、今まで作った同人誌の書影を表示している。これらの書影は縦横比が一定でなく、縦長・横長のものが入り混じっているから、等間隔に並べてもイマイチ揃っているように見えず頭を悩ませていた。 一般的には画像の並べ方って、 M…

『デザインの伝え方』読んだ

『デザインの伝え方』読んだ。 デザインの伝え方作者: Tom Greever,坂田一倫,武舎広幸,武舎るみ出版社/メーカー: オライリージャパン発売日: 2016/09/16メディア: 単行本(ソフトカバー)この商品を含むブログを見る 我々はただデザインするだけではだめで、…

妙にジャンプ率の高いサイトをつくる

つくる、というか作った。 konel-works.com ↑ これをスマホで見ると、そこまで文字の大きさは気にならないと思うけど、PCだとこのように見えている。 幅1000pxくらいの迫力のある見出しが登場する。ちなみにこのサイトは同人誌の告知サイトで、前回の記事で…

ペライチサイトのWordPress脱出

先日思い立って、Todoリストに「過去作ったサイトのWordPress脱出」タスクを積んだ。それ以来めちゃくちゃ気が重かったのだが、諦めてやっていったところ、あらかた脱出成功した。 WordPressの古いバージョンはセキュリティ上の問題を多く抱えており、管理す…

【追記:購入可能】「ウェブじゃない人のためのウェブデザイン本」という試みについて

12/31のコミックマーケット91で頒布する『konel.mag Issue 5 』の新刊情報を公開した。 konel-works.com 2017/01/01 追記: 購入可能です COMIC ZIN 各店舗・Web通販にて12/31より委託販売を開始しています。今すぐ買いましょう COMIC ZIN 通信販売/商品詳細 …

#Illustfolioは4周年

今年の12/09は、Illustfolio 1.0をリリースしてから4周年にあたる。だからどうということはないのだけど。 Illustfolioシリーズは、リリースしたあとも小さなアップデートを繰り返したり、ときどきメジャーバージョンアップを行い、作り直したりしている。先…

奥ゆかしさとサムネイル(あるいは、Illustfolio 4の裏側)

Illustfolio 4というものを作った。イラストレーターのためのポートフォリオ・テンプレート。 Illustfolio 4 - イラストポートフォリオサイトが一瞬で作れる無料Tumblrテーマ sanographix.github.io 突然だけど、世界のサムネイルサイズは拡大の一途を辿って…

Tokusetsu 3 テンプレートのつくりかた(技術的・気持ち的解説)

先月 Tokusetsu 3 という、告知サイトに特化したテンプレートを作った。 sanographix.github.io 検討しはじめてから諸々の調整を経てリリースまで1ヶ月くらいかかっていて、個人プロジェクトとしては比較的長めだった。せっかくなので制作時の知見を残してお…

同人CD・同人誌の告知サイトを一瞬で作れるテンプレート「Tokusetsu 3」を作った

同人音楽CDや、同人誌の告知サイト(特設サイト)を一瞬で作れるテンプレート「Tokusetsu 3」というのを作った。↓ のリンクから DL できるので拡散希望です。 Tokusetsu 3 - 同人CD・同人誌告知サイトが一瞬で作れるテンプレート sanographix.github.io Toku…

Sublime Text 3からAtomに移ったときの覚書

Atom の環境をセットアップした。まえ Sublime Text 3 使っていて、最低限ST3でやれていたことはAtomでもやれるようにできた。そういう感じで1ヶ月くらい経つけど問題なく使えている。 全般 ※ショートカットはMac環境です

box-shadowは重ねがけできる(追いbox-shadow)

表題の通りでそれ以上の情報はないんだけど。 このまえ作ったページ で、ふわっとした感じを出したくて box-shadow を使って、こんなかんじで表示させた。↓