2017年5月17日 (水)

テスト中

 新しいサイトとブログの引っ越し先として、Wix と Jimdo というサービスを検討していまして。

 一応両方登録していじってるんですが、Wix の方がおもちゃ感覚で楽しいかな。

 Wix :
・ギャラリーの見せ方(画像を四角・丸・六角形で並べる等)の種類が多い。
・デフォルトで使いやすいデザインが多い、とても簡単便利。
・わりと感覚的にマウスでつかんでぐりぐり動かして配置ができる、レゴ感覚なのが面白い。
・ただし本当にキッチリはできにくい。数値指定はできるけど余白がいくつとかの感覚はない。
・スマホ版の表示を別でいじることができない。枠内の余白が大きすぎて冗長(不満)

 Jimdo:
・テンプレートがデフォルトからいじりにくい(人によっては、独自カスタマイズからhtmlとcssがいじれれば全部自由にできるけど、できない人はWixの方がまださわりやすいかも)

 Jimdoはまだいじり始めなので追々・・・

 新しいことを始めるのは楽しいです。

 

 さて、移転計画中に伴い、ブログの記事を一部閉鎖させていただきました。
 具体的には部活関連。

 (黙って閉鎖してしまったので、タイミング的にも、ご心配をおかけした方面があるかと思いますが、それとこれとはまた別です。すみませぬ。

 広報との失言に関してのやりとりの後、こちらはしばらくミュート中ですがw
 目立った粗もなくそつなくきちんと仕事しているようなので、例年より少し荒っぽいプロセスを経た程度に認識していますw 結果が全てだからさ。

 ちゅうか毎年のように、親しみの気持ちが馴れ馴れしさに形を変えてしまったら、私は機を見て叱りますし、それでも通じなかったら怒るようにしていますので。

 まぁ毎度嫌な気持ちになるのは確かです。私も人間ですし。ボランティアでやっていることですからね、ただ働きで嫌な思いをするのはいやなもんです。でも現役に関しては前向きの努力はしますw)

 

 記事に関しては、過去の記録が役に立つこともあるかもですが、現場が第一です。

 それから、新しい知識や考え方、やり方を学んでいく方が、今+これから 役に立つでしょう。

 そして、自分で記録を残す方が、よりわかりやすく実践的で改良もしやすいから、面倒がらずにつけていってくださいw
 今後の自分なりのやり方を見つけるためにも、今ぐちゃぐちゃな考えを整理するためにも、過去の反省材料を忘れてしまわないようにするためにも。

現役でも、言われて嫌だったこととか、言われて嬉しかったこととか、一年の時の気持ちは三年の時には忘れていますので、メモっておくといいですよ。
 実務的な部分と、そうでないところ、いろいろあります。

 私は忘れちゃったからなーw

| | コメント (0) | トラックバック (0)

2017年5月12日 (金)

ブログとサイトの引っ越しを考え中。

ブログとサイトの引っ越しを考えています。 とりあえず、登録していろいろいじっている最中ですが、まだうーんな感じ・・・

モバイルとPCとで見せ方が変わるのですけど、融通が利かないので!w モバイルの場合はもうほんとに簡単なものにしておこうかなと。
非表示設定ばっかりw

別段、こだわらなくてもいいかなーくらいですけど・・・でもやっぱりなぁ。

あーどうしよう。w

| | コメント (0) | トラックバック (0)

2016年2月24日 (水)

サイトの表示のこと

 モバイル端末でのサイトの表示が高速化されるとかで、GoogleさんのAMP(Accelerated Mobile Pages)ってやつ、どうなの?とよそで聞かれたりしたんですが。

 自分知らなくてですね(webデザイナーじゃないので

 ちょっと気になって調べてみたり。

 というのも、部活サイトの表示、けっこう重いと思うんですよね。自分で作ったんで手抜きしたところはよく分かってるんですけど。w

 モバイル端末用に、本当なら、画像は大きさの違う同じものを3種類作って、画面サイズによって読み込ませるものを変えたり、というのを仕込まねばならなかったんですが、省略していますので。(小さい画面の端末なら一番小さいもの(軽量)を読み込ませるとかで、個々のスペック?により合わせたふうにするわけですね

 でも実際は、PC版のサイズでいけるものを、そのまま縮小表示(画面サイズに合わせる **%指定)にしてるだけなので。
 読込がけっこう時間かかるページがあるんじゃないかと。
 なるべく画像を使わないようにしてるんですけど、地図やら資料画像を一切使わないわけにもいかないですからね;(色数を抑えて軽量化できないかなと思ってやったとこはあるんですけど)

 しかし。

 調べてみるとどうやら、それ用のページを別で用意しなければならないらしい
 別で、となると、手間が倍になるわけですね、これはこれは・・・

 あんま知識がなくてもよくて簡単だったら入れてみたいなーくらいの気持ちだったので、あとのあれこれ(専用の指定やらいろいろある)もめんどくさそうだなーと思っちゃいまして;
 ”導入すると検索順位↑に影響するかも”とかも見たんですけど、これについては、部活に関しては、内容面がそこそこ第一線で・競る競合がたくさんあって・ちょっとでも上にいきたい、というほどガツガツしてる(できてる)わけでもないんだよなーと思い。

 そんなかんじで、手間をかけるなら別のとこを改善していくのがいいんだろうなと。いうとこに自分の中では落ち着きました。

 自サイトを変更しなければならないので、そっちを手をつけよう・・・
 どうしようか色々みてしまうと、迷いが深くなって困りますね・・・w

 練習用の資料とかの他にも、講習会の資料の作り直しが未完なので、そっちもやってしまわないといけない(メモ

 あぁー ”やりたいこと”が”やらなくてはいけないこと”になってしまったときの、自分の中での抵抗感のすごさがつらいー!w

| | コメント (0) | トラックバック (0)

2015年10月28日 (水)

メモ

メモ。

「Googleのアルゴリズムにおける検索順位に影響を与える200+個の要因のまとめ」 http://coliss.com/articles/build-websites/operation/work/google-ranking-factors-by-backlinko.html

| | コメント (0) | トラックバック (0)

2015年1月25日 (日)

スマホ対応作業用メモ。

iPhone6/iPhone6 Plusの画面対応について

すごいややこしいのだけど、…640px幅でいいのかしら。というのを調べています。

iPhone 6で改めて考える画面解像度とUI

640でいいみたい…?

JavaScriptで振り分けてスマホサイト完成!

スマホとPCでアクセスを分けることにします。
レスポンシブだと細かいところをそろえるのが大変だったので、今回はやめます。

スマホサイズで横幅100%表示になるように設定できるはず。
タブレットはPCサイトでも大丈夫かな、どうなのかな。

 

スマホでpdfの読込はできるよね…?
地図を、自力で作るよりも、公式のmapへリンク張っとけばいいんじゃないかと思って。
施設とか最新の情報になるはずだし。
(トレースは手作業なんで…超面倒な作業になるんですよこれ。周辺の詳細地図だけ、手作業で作ろうかと思いますがどうかな…
前のだと、すでにトイレの位置が変わってるので、変更はしないといけない)
 

 

日本の伝統色465色の色名と16進数

紫などの色が上がったので、補色として卵色などイエロー系をアクセントにしてみようかなとか。寒色なら浅黄色とかアクアブルー系とか。

地紋を入れるということだったので、白をどこまで薄くするかとか、そういうとこもちょっとかんがえないとかなあ

無料のGoogleフォント30選:Webデザイン

フォントもいいのがあったら使ってみたいですね。デザインの雰囲気次第だけど。

 

ブログのRSSを読み込んで新着記事を表示!Google AJAX APIを使ってみました

これは、テストで使ってみたことはあるのですが、見た目を変更するのが難しくて放置してしまったやつ…もう一回チャレンジしたら使えるようになるのかな;

続きを読む "スマホ対応作業用メモ。"

| | コメント (0) | トラックバック (0)

2014年11月26日 (水)

メモ。css

メモ

「[JS]面倒なCSS3のベンダープレフィックスを自動で付与するスクリプト -Prefix free
http://coliss.com/articles/build-websites/operation/javascript/js-prefixfree.html

「[CSS]box-shadowを使って、三連リングのようなカワイイ囲いを作るテクニック」
http://coliss.com/articles/build-websites/operation/css/ring-css-used-box-shadow-by-fixcl.html

「[CSS]フォントのサイズ指定はpx? em? 既存の再検討とこれからのテクニック」
http://coliss.com/articles/build-websites/operation/css/font-size-with-rem-by-snook-ca.html

「px指定の次はコレ!フォントサイズやブレイクポイントに「rem」を使ったレスポンシブ対応のフレームワーク -Schema UI Framework」
http://coliss.com/articles/build-websites/operation/work/schema-ui-framework.html

| | コメント (0) | トラックバック (0)

2014年6月13日 (金)

ブログバナー変更

20140613_blogtop

 ちょっと怖いと言われたので、前のやつから女子っぽいのに変更。

 これなら秋までいけそうだな・・・(でも多分夏くらいに飽きると思う)

 そんなこんな。

| | コメント (0) | トラックバック (0)

2014年6月 8日 (日)

デザイン変更テスト。

 部活サイトのデザイン、もう4年前くらい?のなので、使い勝手もあんまりかなぁと思い、試しにリニュテスト。

 今までのみたいなやつだと、ナビゲーションがイマイチだったのと、ぱっと見の、開いた時に取れる情報量が少ないなと。

 現行↓

20140608_web_now

 色合い的な雰囲気は悪くはないとは思うものの。
 ちょっと変えたいなぁと。

続きを読む "デザイン変更テスト。"

| | コメント (2) | トラックバック (0)

2014年6月 5日 (木)

ブログバナー変更

 ブログのバナーを変更しました。
今回は、金魚の間抜けな顔の画像を見つけたので、何かに使いたいと切望してしまい、このようなことに…
えぇ、もう少し普通のものでよかった気もするのですが、このようにしてしまいました。

20140605_blogbn

 うちのブログは割とダークな色使いをしたことはない気がするので、ちょっと冒険。

 文字の色の調整をしたので、少しは見やすくなったかなぁと。

 これで夏までは変更なしでいけるか知らぬ。
 そんなこんな。

| | コメント (0) | トラックバック (0)

2014年4月23日 (水)

webのお勉強

自分のサイトをリニューアルしようと思って早数ヶ月。

html5でぜひ作りたいよね、とは思って、初歩の教本を買ったりはしたのですが。
うん、とりあえず読んだだけじゃ全然ダメだ…w

そんな感じで、ちょびちょびと試行錯誤をしてたりします。

iOS7がでてから人気だという”磨りガラスみたいになる背景”も、やってみたいなーって思って、色々見たりしてます。
なかなか、かっこいいなーってものは難易度が高い…

ブラー(磨りガラス状態)を使うには、ぼかす背景に入れる画像は色数の少ない大きめのものがいいみたいだなー。
ぼかした上に文字を載せるので、シンプルすっきりに見えるものの方が良さそうです。

うーん。見た目きれいに作りたいから、そういうとこも考えて下デザインをしていかないとなんだな。
がんばりたい。

どうしても好きな色ばっかり、とか、無難な色ばっかり、とかになっちゃうので、もう少しカラフルな色の使い方も勉強したいです。
見出しの文字の色、どうしてもちぐはぐな雰囲気になる。
目立たせたいところに何を持ってくるか、配色ももう少しセンスを磨きたいです…

そんなこんなの。ちまちま作業。

今読んでるところ

HTML5とCSS3の編集ができるようになる!はず 「ほんっとにはじめての HTML5」

ゼロからはじめるスマートフォン専用サイト(iPhone&Android)の作り方を学べるサイト集めました

| | コメント (0) | トラックバック (0)