タグ 「サイト制作」 の記事

CSSだけでできないかと試行錯誤したのですが、iOSのSafariでどうしても挙動が安定しなかったので、とうとうJavaScriptで実装することにしました(ちょっと悔しい)。そのメモです。 基本的な考え方 背景が固定された状態(position : fixed状態)のスタイルを作っておく モーダルの表示/非表示と、背景固定のオン/オフをJSで連動させる モーダルを表示する際に、現在のスクロール位…続きを読む

ChromeがVer.68になって、https化していないサイトには警告を出すようになった。…とロリポップがメールで親切に教えてくれたので、言われるがママにhttps化した。 「いつかやらなかんなー」と思いつつも何だかめんどくさそうという理由で今まで放置してきたが、ようやくやる気にしてくれたロリポに感謝。 どれほどめんどくさい手続きがあるのかと思ってたら、ロリポ管理画面でボタン一発でできてしまった…続きを読む

タイトル通り、cssの疑似要素でアイコンを表示したい時に、background-imageで画像表示するのもイマドキじゃないかなぁと思って調べたら、ちゃんとやり方があった。 CSSで文字コードを指定する XXXXX:before { content:’\E89E’; font-family: “Material Icons”; } こうすればよい。 contentには文字コードを入力する。 文字コ…続きを読む

このブログ、Google Analyticsによると1セッションあたりの平均PVが スマホで1.23 PC・タブレットで1.29 とのことで、世の中のブログの平均がどうなのか知らんが、なんか低い気がする。 低いとすれば、たぶん記事のカテゴリーがバラバラすぎるのが理由だと思われる。一応自分のライフログとして運用しているので、書いてある事が仕事、ベース、ゲーム、旅行…と節操が無い。 別にPVを上げるこ…続きを読む

今回、はじめてWordPressで企業サイトを制作したのでいろいろと調べまくることになりました。その中でも私が特に「下ならし」として必要だと感じたことを以下にまとめておきます。基本的には次に同様の依頼が来た時に振り返るための私用のまとめです。 ※随時更新中 01. テーマ・テンプレート編 まずは今回となるテーマの編集やテンプレートまわりから参ります。 PHPファイルを固定ページのテンプレートとして…続きを読む

発作的に自分のサイト構造を見直しているのですが、ふとよく見る「前の記事へ」「次の記事へ」のリンクって必要なのか?と思いました。 そういえば最近のオシャレなブログではこんなエリアは無いような気がします。気がしてるだけかもしれませんが。 いわゆるこういうやつです。 こういうリンクが効果を発揮するのは、ブログの記事テーマが統一されていて前後の記事を見ても自分の関心事にハマる場合か、著者のことが大好きすぎ…続きを読む

1年ぶりくらいにコーディングしてみまして、なんだかんだで使いたくなる上下左右センタリング。昔はネガティブマージンとか使ってせっせとやってたのですが、最近調べてみると画期的に省エネな方法がありました。毎回検索するのも面倒なので自分用の備忘録として残します。 こんな感じにマークアップしているとします。 CSSはこうなります。 section { display: flex; justify-conte…続きを読む

一応IA(インフォメーションアーキテクト=情報設計者)として飯を食わせてもらってますので、ウェブサイトのヒューリスティック調査の依頼とかよく依頼が来ます。で、たまーに他社さんがやられたのとかを拝見することがあるんですが、ずっと疑問だったのが、スコアつけてグラフ化したやつ。 こういうやつです。評価項目は至極適当です。気にしないでください。 こういうの、今まで一度もピンと来たことが無いので、この際この…続きを読む

最近よく見るようになりましたエフェクトの実装方法です。海外のおしゃーなウェブサイトは必ずといっていいほど取り入れているように思います。 デモ作りました。要するにこういうやつです。 以下、これのつくりかたを紹介します。 基本的な考え方 アニメーションはcss3のtransitionで制御する アニメーションの開始トリガーをjsで制御する という感じで、css3とjsのあわせ技で頑張ります。 具体的な…続きを読む

久しぶりのサイト制作ネタです。 ちょくちょくプライベートでサイト制作をすることがありますが、スマホ対応方法はもうレスポンシブ1択でやらせてもらってます。 だいたいバンド用のウェブサイトを作ることが多いのですが、メンテナンスにコストをかけれないし、CMSを入れるにも、お客さんが扱えないことが多いこともあって、運用考えるとレスポンシブでええわな、という感じです。 あと、俺がめんどくさがりというのも大き…続きを読む

1 / 212