Y38Design

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

Profile Portfolio Blog

Profile

Portfolio

Blog

bxslider

Webデザイン 2018年6月22日 金曜日 20:04:18

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

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

スライダ

Webデザイン

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

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

スライダの実装

Webデザイン 2018年6月21日 木曜日 20:40:39

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

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

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

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

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

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

まだまだ勉強不足。

自分にできること

Webデザイン 2018年6月3日 日曜日 18:58:09

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

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

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

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

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

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

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

SSL化

Webデザイン 2018年4月5日 木曜日 12:39:17

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

お仕事

Webデザイン, 未分類 2014年2月11日 火曜日 17:46:49

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

Webサイトのリニューアル

Webデザイン, 未分類 2014年2月9日 日曜日 16:47:30

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

お仕事

Webデザイン, 未分類 2014年2月5日 水曜日 10:08:02

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

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

Webデザイン, 未分類 2013年11月22日 金曜日 16:01:43

インデント
html

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

css

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

cssでリボン

Webデザイン, 未分類

cssでリボン
デモ
html

<div>
<p>この見出しは画像なしです。</p>
</div>

css

div{
margin:100px;
background:#ccc;
padding:5em 5em 5em 0;
}
p{
background:#888;
color:white;
padding:.5em 1em;
margin:0 0 0 -20px;
position:relative;
}
p:before{
content:"";
display:block;
width:0;
height:0;
position:absolute;
left:0;
bottom:-10px;
border-right:20px solid #444;
border-bottom:10px solid #fff;
}

toTop