旧萌尽狼グ

同人音楽サークルkaguyadepth代表、萌尽狼(もえつきろ)の個人ブログ ※更新終了

Web制作

日本語静的サイトジェネレーター本命来たか!?『Catalpa』を使ってみた

https://catalpa.osdn.jp/7/11に「Catalpa」という日本語静的サイトジェネレーターを見つけました。 三連休中にゲームボーイサウンドフォントのページをCatalpaでリニューアルしようと目論みましたが、なかなかうまくいかないので中間報告的に使ってみた感想…

kaguyadepthのウェブサイトをリニューアルしました

http://kaguyadepth.jp/6月に入ってからずっとkaguyadepthのウェブサイトをリニューアルしていました。ようやく作業が終わったので一連の経緯を説明します。 主な変更点 トップページをリニューアルしました トップに新スローガンを掲載しました スローガン…

静的サイトジェネレータ「Yogurt」について

moetsukiro.hatenablog.jp昨日まとめた日本製CSSフレームワークの中でYusuke Ishiguro (Kokushin)氏が制作したマークダウン形式に対応したドキュメントページ向けの静的サイトジェネレータ「Yogurt」が気になったので少しいじってみました。 デモサイトを編…

日本製で日本語に対応したCSSフレームワークをまとめてみた

NES.cssが話題だ。 nostalgic-css.github.io 公式サイトは英語だが、作者は日本人。 kuroeveryday.blogspot.com 個人的に使うならファミコン風のデザインだけいただいてドット絵は不要…と思いきやドット絵はCSSで描かれているという驚きの展開。 qiita.com …

kaguyadepthウェブサイトをリニューアルしました

http://kaguyadepth.jp/ 去る3月24日にkaguyadepthウェブサイトをリニューアルしました。 経緯・概要 M3-2019春参加と新作『ツァイトライゼパンツァー』を告知するにあたり、再開するTwitter自動投稿でURLを貼り付けるだけで画像を表示できるようにするOGPを…

ASIA LUNARウェブサイトを最終リニューアルしました(その2)

http://asialunar.info/昨日、ASIA LUNARウェブサイトのファイナルエディションを公開しました。 ゲーム音楽アレンジとゲーム音楽風オリジナル曲で21年同人活動してきた私、萌尽狼(もえつきろ)の全作品データを完全網羅しました。 トップページにはpixiv A…

ASIA LUNARウェブサイトを最終リニューアルしました(その1)

http://asialunar.info/昨日、ASIA LUNARウェブサイトのファイナルエディションを公開しました。 ゲーム音楽アレンジとゲーム音楽風オリジナル曲で21年同人活動してきた私、萌尽狼(もえつきろ)の全作品データを完全網羅しました。 トップページにはpixiv A…

Bootstrap4の功罪 ~Webデザイナー短期アルバイトを終えて~

3ヶ月という短い期間であったが、Webデザイナーとして実務経験を積んだ。その中からこれだけは言いたいということをまとめた。

Bootstrap依存症から抜け出せない

Bootstrapを使ってかれこれ5年になりますが、その間に大小さまざまなCSSフレームワークが生まれました。 その中にはグリッドシステムなどがBootstrapと同じクラス名で構成されており、移行が容易と思われるものもあります。 また、FlexboxはBootstrapはVer.4…

9月に購入したWebデザインの参考書

9月は2日と30日に札幌までWebデザインの参考書を買いに行きました。 急にWordPressやJoomla!といったCMSと、それらをカスタマイズするためにPHPを覚えなければならなくなったので…(何があったのかは察してください) 読書も勉強も苦手な私がコレなら読めそ…

ASIA LUNARウェブサイトのビフォーアフターまとめ

http://asialunar.info/音系同人サークルASIA LUNARのウェブサイトを本日2017年6月8日にリニューアルオープンした。 …っておいおい2月23日にリニューアルしたばかりではないか。→記事 約3ヶ月で再度リニューアルすることになったのはいろいろと問題点があっ…

Bootstrap3で簡単に棒グラフを作る方法

①横並び定義リストを作成します <dl class="dl-horizontal"> <dt>ビックバイパー</dt> <dd>100</dd> <dt>ロードブリティッシュ</dt> <dd>50</dd> <dt>ジェイドナイト</dt> <dd>70</dd> <dt>ファルシオンβ</dt> <dd>30</dd> </dl> ②<dd>タグの中にプログレスバーを入れます <dl class="dl-horizontal"> <dt>ビックバイパー</dt> <dd> <div class="progress"> </div></dd></dl></dd>

ASIA LUNARウェブサイトリニューアルのお知らせ

http://asialunar.info/ 2月23日ASIA LUNARウェブサイトをリニューアルしました。

秋冬はウェブサイトをひっくり返したくなる病の季節なんです!

今年もやって来ました…っていうか昨年ひっくり返したまんま悪化してますが(-_-;) でももう、CSSフレームワークを最新かつ軽量のものに乗り換えるとか俺にはムリですわ… Bootstrap4ももうすぐ出るっていうのに、Bootstrap2が手になじんでしまって新しいルール…

ポータブルプレーヤーの液晶表示をCSSで再現

【CSS3】全ブラウザ対応! CSS3 で作る marquee の実装。 - ONZE fumobox.log: モノクロ液晶画面風ボックス この2つのCSSを組み合わせました。 なお、MP3プレーヤーにはaudio.jsを使い、インラインフレームで埋め込んでいます。 [JS]主要ブラウザ全てにaudio…

トップページに逆引き試聴曲リストを実装中です

http://asialunar.info/ ASIA LUNARがこの先生きのこるためにトップページに逆引き試聴曲リストを実装中です。ゲームタイトル→曲名で試聴できるようにします。作業量が多い(吐血)。 #進捗報告 pic.twitter.com/AqjsGyWaNp— 萌尽狼(ASIA LUNAR) (@asialun…

Zimit Frameworkを使ってみた

6月にASIA LUNARウェブサイトをいろいろいじったのですがだんだん嫌になってきて途中で放置してしまいました。そこから例の物欲が。で、再開しようにもちょっとやり過ぎた感があって自分のことなのにどうしよう(´・ω・`)と戸惑っている僕。こういうときはい…

ASIA LUNARウェブサイトリニューアルのお知らせ

http://asialunar.info/