Y38design

プロダクトデザインをはじめとして、
Webデザイン、グラフィックデザインなどを手がけるデザイナーY38のサイトです。

Blog

Categories

basicscroll

パララックスなんかが簡単に実装できるとかいうbasicscrollというスクリプトを使ってみたいのだけど、うまく動かない。

というか導入の仕方がよくわかんない。

basicscrollもそうだし、cssは変数を使うからscssぽいんだけどサーバでscssを使うやり方がさっぱりわかんない。

というか今書いた概念すら合ってるかわかんない。

頼りのcolissさんのところでも情報が少ない。

今までパララックスは実装したことないから試してみたいんだけどなあ

bxslider

いろんなサイト見ながらオプションを設定しようとしたのだけど、オプションつけたとたん動かなくなって、なんでや、と思ったらサンプル載せてた何個かのサイト全部、構文が間違ってた

いいのか、そんないい加減で…

スライダ

wordpressの記事をランダムにスライド表示させるプラグイン、全く動かなくて困ったのでもういいやと、bxslider使ったらあっさり動いた件。

スタイルはゴリゴリいじる必要はあるけど

スライダの実装

wordpressでスライダを実装しようと思い立ち。

ヒーローイメージではなく、記事をスライド表示させたくて。

調べると「Advanced post slider」というのが良さそうで入れてみたのだけど、うまく動いてくれない。

テーマ内に記述をするぽいのだけど、どう書いてもうんともすんともいわない。

ので、結局どこかで見たものの改造jsでスライドさせている。

ついでにテーマ内の記述をごにょごにょして最新3つの記事をランダムに表示させるようにした。

まだまだ勉強不足。

自分にできること

これまでいろんなデザインなんかをしてきて、今は看板・サイン屋みたいなところで働いている。

ただその中で埋没したくはなくて何かできないかとずっと考えてた。

ひとつの提案としてデジタルサイネージを考えている。

もちろん高価なハードやシステム使うものではなくて、小さな店舗や事務所で、余ったPCとLAN、wordpressを使ってアイテムを流す、そんな程度なものだけど。

でも今居るところではそういうことをできる人はいないし、でも役にはたちそう。

jsがわからなくて手こずってるけれどなんとか早くカタチにしたい。

自分にとってはwebのリハビリ、かな

SSL化

当サイトもようやくSSL化が完了しました。
サーバに証明書をインストールして、wordpressの設定をhttps://にしただけでは終わらず、
各投稿に貼られているリンクもhttps://に書き換えないといけない。
手動ではとてもやってられないのでプラグインを探したところ、
Search Regex
というプラグインを見つけた。
これで検索一括置換をして、ようやく鍵マークがつくように。
少し時間がかかってしまった

お仕事

Lancersという、ソーシャルビジネスマッチングサイトで、コンペがあったのでデザインを提案してみました。
Webデザインのコンペです。
採用されると嬉しいです。

Webサイトのリニューアル

昨今はどんな会社さまでもWebサイトをお持ちかと思います。
しかし、一度作ってそのままになってる会社さまも多いのでは、と思います。
サイトのリニューアルはどのくらいのサイクルですればよいのでしょうか。
僕が思うに1年から2年くらいしたらデザインのリニューアルはした方がよいかと思います。
その際に注意すべきは、コンテンツは引き継ぐこと。
多少の改変はあるとしても、サイトの構成をいじくりまわすのは慎重になった方がいいように思います。その方が見慣れたお客様を惑わせることがないからです。
またそれは会社の信頼にも繋がります。
ここからは技術的な話ですが、サイトを組む時に、構造的に正しいhtmlで組んであれば、cssファイルだけでデザイン変更をすることができます。
最初に構造的に正しいhtmlであれば、htmlを改変することなくデザイン変更できるので、リニューアルの費用も比較的抑えられますし、検索エンジンも迷うことがありません。
もちろん、コンテンツ例えば新着情報や実績などは随時更新すべきですが。
デザインはcssで、と言われて久しいですが、同じhtmlから、cssの変更だけでサイトをリニューアルする例は少ないのではないかと思います。
しかしせっかく構造的に正しいhtmlがあるのならそれを生かさない手はないですし、またサイトはそもそもそういうふうに作られるべきなのです。
数年後のリニューアルを見据えたサイト作り、これから必要ではないでしょうか。

お仕事

あけましておめでとうございます。
昨年、広島のとあるWeb制作事務所にバイトでお仕事させていただくことになりました。
が、ここのところ仕事がございません。
ポートフォリオを見て気になった方、ホームページでお困りの方、
お気軽にメールフォームからお問い合わせいただければ幸いです。
よろしくお願いします。

注意文なんかにいいインデント


html

<div>
<p>
※注意文なんかにいいですね。<br />
画像も使っていませんよ。<br />
ていうか寒いよ。<br />
:before要素も使っていませんよ。
</p>
</div>

css

p{
margin:0 0 0 1em;
text-indent:-1em;
}

to Top
Menu