よっしぃー

/よっしぃー

About よっしぃー

広島でフリーランスをしています。 フロントエンドエンジニア、Webデザイナー、グラフィックデザイナー

3Dプリンターの新しい素材

ペットボトルとかをリサイクルしてる時に思った。 3Dプリンターの素材をテープではなく、   例えば 前に作ったものをミキサーで粉砕し、機会に入れて、溶かしてまた使う   みたいな。   リサイクルは家庭で行えるのではないでしょうか。 しかも、ミスプリしてもまたプリントできる。

2017-10-23T22:35:35+09:002015/09/09|Categories: 小言|

Contactform7で404になったときの解決

どうも、更新がひたすらにできなくなっています。よっしぃーです。 このまえなんとなくContactform7をつかってフォームを作っていたとき、404の表示になってしまいました。 私自身はじめての経験だったのでなんだこりゃー、とおもったんですが、どうもname属性に問題ありのようです。 デフォルトでyour-nameとなっているところをnameに変えると起こる現象のようですね。 なので、 は、やってはいけません。 他にもぶつかったりする可能性はなきにしもなので、できるだけname属性にはユニークな名前をつけましょう! お世話になった参考サイト:contactform7で404エラーになるバグ(?)の解決方法

2015-09-08T11:23:36+09:002015/09/09|Categories: WEB|

レスポンシブに対応したテーブルの例

どうも、洗濯して干して家を出たら雨が降ってそわそわしていた、よっしぃーです。 今回、最近悩まされる横に長いテーブルの対応方法を考えようと思います。 すでに、この問題に関して皆さんがいろいろなアイデアを出していて、どれがいいかなぁっていう感じでした。(参考サイト) ちょっと困ったタイプのテーブルを対応しなくてはいけなくなった時、見やすさなどを考慮した結果、少し形を変えることにしました。 html <table> <thead> <tr> <th>&nbsp;</th>

2016-10-20T00:14:20+09:002015/06/28|Categories: WEB|Tags: , , |

ベンダープレフィックスが必要かどうか

どうも、ブラジル産の七面鳥を食べてからいろいろ話を聞いて不安なよっしぃーです。 ベンダープレフィックスといえば-webkit-, -ms-, -moz-, -o-がありましたが、ブラウザの対応が増えてきてそろそろいらないのかなぁとか思って調べたら以下の様な記事を見つけました。 そのベンダー接頭辞はいつまで書くの? 上記に独自に調べた結果だけ書くと もう書く必要がないもの border-radius box-shadow

2016-11-07T02:15:59+09:002015/06/27|Categories: WEB|Tags: |

画像を中央におく

商品リストだったりギャラリーだったり、画像のサイズに依存せずに枠線の中央に画像をおきたいことってありませんか? tableやbeforeやspanを使って今まで中央においていましたが、面白い記事(画像サイズに依存しない絶対中央配置)を見つけました。 コード抜擢 html <body> <img src="image.jpg" /> </body>

2016-11-07T02:16:06+09:002015/06/26|Categories: WEB|Tags: |

contactform7のエラーや送信完了をちょっとオシャレにしてみた

どうも、そろそろボーナス前のエアコン安売りセールに便乗しようとおもっています。よっしぃーです。 私はよくお問い合わせでContactForm7を使わしてもらっています。確認画面に飛ばないとかいうことがあって、クライアントによってはこういうのも嫌う人もいるんですが、 予約や注文ではない限り別に送り直せばいいんだしいいんじゃないかな、とかカンタンに思ってしまいます。 ただ、このプラグインの出るモーションがカッコ悪いのなんのって・・・。 毎回色々試しているんですが、いい加減その時間ももったいないので1つシンプルでオシャレめなものを作ったので公開しようと思います。 css body .wpcf7-not-valid{ background:

2016-10-20T00:14:20+09:002015/06/25|Categories: WEB, Wordpress|Tags: |

javascriptでstyleをheadに追加しよう

サイトでcssに初めのうちにbodyタグにopacity: 0をつけて、javascriptでフェードインさせている事があります。これってjavascriptが動かない環境だとサイトがみえないんですよねぇ。 なので、javascriptが動く環境だからこそ、javascriptでopacity: 0にしたらインじゃないでしょうか。 jQueryは</body>直前に置きたいので、javascriptで<head>に記述します。(そうしないと、表示→消える→フェードインみたいなことになることがある)   <script> var newStyle

2016-11-07T02:15:19+09:002015/06/24|Categories: WEB|Tags: |

画面によってviewportを変える話

どうも、そろそろSIMフリーのスマホを買おうと思いつつ狙った端末を見つけられないでいる、よっしぃーです。   よくサイトで画面を小さくしたときに、横スクロールするとその先が白くなっている なんてことがあったりなかったり。   私はそうならない対策として大きいモニタのときだけwidthを指定しています。 ただ、これをやるとタブレットの時にタブレットの画面より大きく表示されたりして難儀になっちゃうんですよね。わざわざ普通の表示にするのに縮小するのは嫌ですよね。   こうなる原因は<meta name="viewport"

2015-06-26T20:57:21+09:002015/06/17|Categories: WEB|Tags: |

私が現場で使っているツール

どうも、やっと引っ越してから1ヶ月と半月で自宅にネットが繋がりました。よっしぃーです。   私のPCが変わるということで、今のうちに私が実際現場で使っているソフトやツールなどをメモしようと思います。   Sublime Text 3 (テキストエディタ) Git Source

2016-10-20T00:14:20+09:002015/06/13|Categories: WEB|Tags: |