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

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

Category Archives: Web関連

IEちゃんで思い出す日本でのブラウザシェア

初出はどうやら2013年のようですが、IEを擬人化したイラストが とってもツボを突いてくれました。 昨日リツイートした久々に起動してもらうIEちゃんの落書きをしている。IEちゃんはきっと特徴のない、何事もそつなくこなすけど少しおっとりしている女性で、多分男性によってはつまらないと思うに違いない。 pic.twitter.com/X4XHMXH8Kz — 漢語太郎/3日目東レ13a (@kngtr) November 24, 2013 Web制作者にとってはもはや「鬼門」というか 「その名を口に出すと機嫌が悪くなる」と言っても過言では無いInternet Explorerを 可愛い女の子に擬人化したこのイラストのまとめはこちら。 http://togetter.com/li/594……(続きを読む)

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

スマホサイトを作る際にけっこう悩むのがナビゲーションをどうするか、という事。 これにレスポンシブサイトで、というのが絡んでくると表示・非表示などの絡みもあり なかなかこいつが難しかったり。 ざっと一覧で見れるもんないかいね、と探してみるとさすがはあるんだこのご時世。 スマホのメニューデザインに悩んだらこれを見る 徹底収集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も模索中な現在の状況では 「ふーん」という気持ち程度という具合ではありますが、 「もうこれで作ってもええんちゃう……(続きを読む)

 

« Sep 2017 October 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