ハナモゲラボ / 試行錯誤の実験人生

日々、PCや各種デバイス、楽器等に翻弄されながら電脳の森をさまよう男の日常と様々な実験をさらりと記しております。

Category Archives: Web関連

スマホサイトのナビゲーションメニューのまとめ

スマホサイトを作る際にけっこう悩むのがナビゲーションをどうするか、という事。 これにレスポンシブサイトで、というのが絡んでくると表示・非表示などの絡みもあり なかなかこいつが難しかったり。 ざっと一覧で見れるもんないかいね、と探してみるとさすがはあるんだこのご時世。 スマホのメニューデザインに悩んだらこれを見る 徹底収集36選! http://liskul.com/cr_spdesign36-5195 2014年10月の記事なのでここ最近どれが一番使われてるのかを知るにも ちょうどよかったのだけど、まさかのドロップダウンメニュー圧勝に 個人的にはちょっと驚いたりしている。 普段、色んな所を見てて一番使いにくいな、と思ったのがこれだったもので(笑) このまとめはメリット・デメリットをきっちりと……(続きを読む)

z-indexをいじりまくってたらリンクがクリック出来なくなった

普段あんまり使う事のないz-indexなのですが、 もらったデザインを適用させるために使わなければならない事態となりました。 そして、それは見事にうまくいって一安心だったのだけども レスポンシブサイトでスマホ表示した際に、右上にトグルスイッチを設置して それをタップすればメニューバーがスライドして出てくるという仕掛けを実装した際 スライドしたメニューバーが配置したコンテンツの下をくぐってしまうという事態に。 こいつあ困ったぜ、とz-indexの値を色々いじって、 くぐってしまうボックスの親要素に負の値を与えてこの現象は回避。 これで一安心でい、と思ってたら次はその負の値を与えたボックス内に設置してる テキストリンクがクリック出来なくなるという もう次から次へとなんだコノヤロウという状態に。 ……(続きを読む)

Contact Form 7をレスポンシブ対応にするレシピ

WordPressを使ったサイト制作の際にフォームメールをつけたい、となると まず使うのがプラグインであるContact Form 7。 最近ではテーマの中に最初から組み込まれてる事も多くて、 それなりに認知度も上がってきてるようで、けっこう使う事も多い。 テーマに組み込まれてる場合はテーマ作成者によって ちゃんとCSSで装飾もされてて、レスポンシブ対応になってる事も多いけど イチからテーマを作ったりとか「そこまでやってねえよ」ってテーマを 使った場合にちゃんとこいつも作り込んでやらなければいけません。 今回もレスポンシブ対応テーマを作ってて 「あれ、スマホで見たらはみ出してるやん」という事があったので まずは公式サイトを訪れてみた。 コンタクトフォームはWordpressの管理画面からいく……(続きを読む)

[WordPress]国産テーマのBizVektor(ビズベクトル)を試してみた

WordPressで構築、デザインは一枚絵で渡します。 ほんでレスポンシブ対応でトップにはRSSでお知らせを! というのは企業ページではなかなかよくあるパターンでございまして 依頼された方としてはホイホイわかりましたーん、とばかりにソレナリの構築パターンも あるわけなんですけども、今回はフレームワークとまではいかんでも なんぞカスタマイズしやすいシンプルなテーマないもんかいね、と探していました。 そこで名古屋の制作会社さんである株式会社ベクトルさんの「BizVektor」を発見。 どんなもんかいね?と早速手持ちの環境に適用してみた所、こいつがまた 便利。 その一言に尽きます。 正直、管理画面からほとんどの事が出来るんちゃうか、というぐらいかゆい所に手が届く。 パンくずリストとかナビゲーション……(続きを読む)

HTML5がようやくW3Cの勧告に - 4.01以来15年ぶり

作業部会の立ち上げから8年という時間を経てようやくHTML5が勧告になりました。 HTML4.01以来、勧告は15年ぶりという事だそうです。 勧告になったという事は、もうこれ以上マークアップ要素が増える事も減る事もなく 仕様が決定したという状態を意味します。 が、色々揉めてた部分(DRMなど)をHTML5.1に先送りしてとりあえず HTML5を勧告にまで持ち込んだ、というのが実情な様で。 HTML5 is a W3C Recommendation | W3C News 制作に関わる者としての感想は、いくら仕様が決まってもブラウザの対応がなあ、 というのが正直な気持ちであり、CSS3も模索中な現在の状況では 「ふーん」という気持ち程度という具合ではありますが、 「もうこれで作ってもええんちゃう……(続きを読む)

距離感を計れない大人にインターネットは向いてない

先日、某SNSで友達申請が来た。 見覚えがない名前だったけども、他の友達一覧からして恐らくライブを見てくれた人だと思い 友達申請を承諾する事にした。 するとしばらくしてからメッセージが届いた。 改行なしの長文でとても見づらかったのだけども抜粋すれば以下の内容。 「投稿内容やブログなどを読ませてもらったが正直がっかりしました。 そんなプライベートな内容やわからない事ばかり書かれても誰も喜びませんよ。」 HTMLでアップしてた頃から通算してもう15年ぐらい文章などを書いているが こういう人は2年に1人ぐらいの周期で現れては消えていくので正直慣れてしまった。 自分の場合、こういったケースは100%の確立で40代以上の女性、 音楽活動経由で自分の事を知ったというパターン。 この15年間、自分が20代……(続きを読む)

 

« Dec 2017 January 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31