connecting...
19 NEMberから投げnemがありました!!
[nemlogアップデート] 僕はブルマが好き!
nem185xem (19) 571 26 6
しゅう 2019-01-05 09:01:19

おはようございます。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基金立ち上げの準備


 

通報

nemlogで記事を書いて仮想通貨nemをゲットしよう!

nemlogは暗号通貨nemを使用した寄付機能付きブログ投稿サイトです。
ブログを通じてユーザー同士がお互いにnemを寄付しあえるような環境づくりを目指して、nemlogはスタートしました。
あなたもステキ記事を投稿して暗号通貨nemをゲットしてみませんか?

nemがもらえる各種イベントも盛り上がっていますので、この機会にユーザー登録してみませんか?

nemlogの無料ユーザー登録はこちらから
新規登録
NEMberのコメント

KATAKUNA

KATAKUNA
2019-01-07 16:09:40ID:20377

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

KATAKUNA

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

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

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

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

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

案山子の優午

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

>>しゅう::さん

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

しゅう

しゅう
2019-01-06 14:50:48ID:20065

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

案山子の優午

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

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

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

しゅう

しゅう
2019-01-05 19:02:47ID:19755

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

buchino-chan

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

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

しゅう

しゅう
2019-01-05 17:03:53ID:19713

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

しゅう

しゅう
2019-01-05 14:44:08ID:19609

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

この記事を投稿したNEMber

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

こちらの記事もどうぞ...