connecting...
Google translation for articles :
19 NEMBER donated to you!!

[nemlogアップデート] 僕はブルマが好き!

nem185xem (19) 924 26 6

おはようございます。nemlog UI(見た目)のアップデートを実施しました。

一度作ったものをすべて壊して作り直したので、死ぬほど睡眠時間を削りました。眠いです。

まずは記事タイトルの説明から。。。

 

nemlog含めwebサイトの見た目って、基本的には「css」って技術を使って構成します。

プログラムとはちょっと違うのですが、

「このボタンの色は青だよ~」とか、

「ここの文字の大きさは15pxだよ~」とか、

そういう設定を一個一個の要素に対して書いていくんです。

それがcss。。。これが超絶面倒くさい。

 

しかし最近は便利になっていて、そのcssをある程度まとまりにしてくれているものがあるんです。

「cssフレームワーク」って、僕たちは呼んでいます。

一番有名なのが「Bootstrap」って言うヤツですね。ツイッターのUIから生まれました。

以前のnemlogは「materialize」ってフレームワークを使っていました。

設定の仕方が簡単なので、ここ数年はMaterializeばっかり使ってきたのですが、

前々からちょっと使いにくいな~って思う部分があって、他のフレームワークを検討していたんですよ。

で、見つけた。「Bulma(ブルマ)」っていうヤツ。

以前の記事で「UIのアップデートはドラゴンボールに関係あるよ~。」と言いました。

正解はこれなんですね。「Bluma」の開発者はcssのカプセル化を目的に このbulmaを作ったそうで、

 

カプセル化 ⇒ カプセルコーポレーション ⇒ ブルマ

 

になったそうです。

で、今のnemlogの見た目はこの「Bulma」っていう「cssフレームワーク」をベースに作っています。

ちょっと小洒落た感じになったでしょ?ダメ?

暫く使って頂いて、具合を見てもらえるとありがたいです。

 

え~、今回見た目を変えると同時に色々とアップデートしてます。(いつも通り個人的趣味)

アップデート内容はこちらから。細かいところ色々触ってますが、基本操作はほとんど同じです。

とりあえず大型アップデートはこの辺までにしておこうかなと。

 

[全体]

・UIを変更。スマホユーザー多数につき、スマホに適した縦長のサイト構成にしました。

・メニューの整理

・多言語化モジュールの組み込み

・パンくずリストを追加(メニュー下の目次みたいなの)

 

[トップページ]

・トップページ新着記事の上に「ランキング」、「カテゴリ」、「マイNEMber」記事を表示

・トップページ新着記事の下に「過去記事」を表示

・サイドバーに「イベント情報」、「nem store新着」、「投げnemされた記事」を配置

 

[ブログ]

・エクストリーム投げnem (100xemでは刺激が足りなかった方へ、1回1,000xemまで投げれます。)

・投げnem額をインプットボックスで直接入力も可能に変更。

・投げnemと同時にブログコメントを投稿できるように変更。

・上記に伴い投げnemウィジェットのサイズが変わっています。
 外部サイトに使用している方は更新をお願いします。⇒ コチラ

・投げnem、コメントが画面下部に常に表示されるように変更

・行間スペースの整理。

・ブログのサイドバーに自分の過去記事5件が表示されるようになりました。

・ブログコメント欄にアイキャッチ画像が表示されるようになりました。

・記事編集中に「Ctrl+S」で保存。こまめに保存して下さいね。
 (エラーが出ても慌てず戻るをすれば、記事は残ってるハズ!)

 

[その他]

・プロフィールの画面をブログサイトっぽくしました。

・nemlogスコアを1,000点満点に変更(点数分布近日公開します。)

・ヘルプの更新

・nemlog基金立ち上げの準備

 

Why don't you get crypt currency 'nem' by posting your blog article?

nemlog is blog posting service which has donation feature by crypt currency nem.
nemlog was launched to create environment which can be donated nem among NEMbers via blog articles.
Let's get nem by posting good blogs.

Nem prize event is being held frequently, Please join us on this opportunity!

nemlog registration from here
Register
Comments from NEMber
KATAKUNA
2019-01-07 16:09:40ID:20377

しゅうさん、お忙しい中ありがとうございました~。
先ほどたまたまnemlogいじってたら、修正されているのを確認しました。
お手数おかけしました。

KATAKUNA
2019-01-06 15:41:24ID:20080

しゅうさん、いつもお世話になっております。
念のためご報告なのですが、記事編集画面にてコードを保存すると、一部の記号などが「< 」「>」などに変換されるようです。
よって、コードが機能しておりません。

〈やってみたこと〉
・コードのコピペやめて直接打ち込んだ → 効果なし
・逆に、全部を「<」とか「>」とかで打ってみた → 効果なし

もしかするとブルマの仕様かバグ?的なものなんでしょうか。
もし原因がお判りになれば、お手すきの際で結構ですので対処法などお教えいただけると幸いです。

遅ればせながら、今年もよろしくお願いします!

案山子の優午
2019-01-06 15:22:55ID:20075

>>しゅう::さん

毎度ありがとうございます。
完璧でふ。
迅速だなぁ。

しゅう:nemlog作ったモヒカン
2019-01-06 14:50:48ID:20065

>>案山子の優午::さん
案山子さん、こんにちは。ありがとうございます。
ちょっと触ってみました。いかがでしょうか?

案山子の優午
2019-01-06 14:38:51ID:20058

しゅうさん、お疲れ様です。
今日、記事かきましたが、
フォントの色が反映されません。
青は反映されましたが、赤や緑が反映されません。
また、文字の背景色を選択すると、文字色は黒に戻されてしまうこともあります。

どうぞ、よろしくお願いします。

しゅう:nemlog作ったモヒカン
2019-01-05 19:02:47ID:19755

>>buchino-chan::さん
おつかれさまですー!
今年も宜しくお願いします~!
プーアルとセットで~w

butino-chan
2019-01-05 17:54:39ID:19739

しゅうさんおつかれちゃん('ω') わいはウーロンも好きです(`・ω・´)ゞ

しゅう:nemlog作ったモヒカン
2019-01-05 17:03:53ID:19713

>>NEM花屋 ayakokakoi FlowerDesign::さん
とても良いですよねw ぼくも自分でそう思ってますw
見た目もポップに可愛くしてみました。この界隈 男だらけなので、女子受けも狙ってw

しゅう:nemlog作ったモヒカン
2019-01-05 14:44:08ID:19609

>>DEM@クリプトアセットゲーマー::さん
あけましておめでとうございます。今年も宜しくお願いします!
ぶるま紺ですよね。最近見ませんネ。。。

NEMber who posted this article

nemlogとnem storeを作った人。
nemが使えるところを増やせばいいんですね!
頑張って増やします!(`・ω・´)シャキーン!
2465
0

Why don't you read following articles?

しゅう:nemlog作ったモヒカン's articles

1195.2944 XEM
1444 16 8

139 XEM
872 33 9

64.7248 XEM
347 10 1

354.3624 XEM
952 28 12

399.9604 XEM
2193 34 26