メモ

ユーザーエージェント

PHPで取得したやつをメモ $ua = strtolower($_SERVER['HTTP_USER_AGENT']); Chorome mozilla/5.0 (windows nt 10.0; win64; x64) applewebkit/537.36 (khtml, like gecko) chrome/66.0.3359.139 safari/537.36 IE11 mozilla/5.0 (windows nt 10.0; wow64; tr…

floatで並べていたタイルをflexboxで書き直す

タイルレイアウトをfloatで実現するにはタイルの高さをそろえるためにheightを固定するとかしなきゃいけない。 WordPressみたいに記事からタイトルとサムネイルを取り出して並べる場合はタイルの中身がはみ出すというトラブルによく遭遇する。何でそんな縦に…

作成したWordPressテーマの国際化(i18n)対応方法

もっとも簡単な方法をメモ 普通に調べるとコマンドラインがどうたらこうたらとか難しい話が出てきたり、Poeditのバージョンが上がってUIが少し変わっていて戸惑ったので忘れないようにメモ。※以下、WordPressテーマは"ki-orion"という名称を例にしています。…

中の画像の幅に応じて親要素の幅を調整するjQuery

ようやく目的の情報が見つかったのでメモ。元情報はこちら。 画像の幅を指定し、親要素のwidthに代入し、さらに画像にあてた説明文を画像のaltとして入れたい。 - ハリマカツユキ・旧技術ブログ やりたいこと 量産を前提とする静的なサイトで、画像にキャプ…

JAWS re:Moteメモ

t2なんとか CPUクレジットをためてドカンとできる。 t2.microで1500PV/hくらいはさばける。(WPで) 1サーバーに100ドメインくらいさばける クレジットを使い切るとCPUの10%くらいまで処理速度が落ちる。 使い切った状態でAMIMOTOを使っているとどうなるか …

スマホサイトとPCサイトを.htaccessで振り分ける設定

条件 ルートフォルダの下にスマホ用のサイトとして/sp/フォルダを作り、スマートフォンからのアクセスは/sp/フォルダへリダイレクトさせる。 パソコンで/sp/フォルダ内のページにアクセスしてきた場合はPCのほうへリダイレクトさせる。 PC用のサイトのURLは…

使っているFirefox機能拡張のメモ

なんかの拍子にFirefoxをリセットしてしまい、使っていたアドオンを全部再インストールしなきゃいけない羽目になったので、今後同じようなことになってもすぐにもとに戻せるようにメモ。 ColorZilla – Firefox (ja) 向け拡張機能を入手 専ら色のピックアッ…

Android用avast!がgmailをマルウェアと誤検知

経緯 2013年3月21日、スマホ(Android 4.0.4)でgmailを確認しようとしたところ、インストールしていたセキュリティソフトavast!が警告を表示。トロイの木馬ウイルス"Fankeinst-EY"を検出とのこと。 普通に考えるとgoogleが出しているアプリ、それも本体に最…

レーザープリンタ検討中

A3対応で、レーザーで、ランニングコストは?などなど。 Canon どういうわけか型番が5000番台のほうが高かったりするCanonのレーザー。 キヤノン:このページは移動しました ランニングコストは1枚当たりカラー(12.4円)モノクロ(2.9円)とのこと。 インク…

プリンタ用インクの購入パターンの検討

Amazonで買う場合、セットよりもバラで買うほうが安くなることがあるので比較用のリンクを作る事にしました。 BCI-7e/9系統 まず、BCI-7e+9BKはこの値段 次に、7e4色パックと9BKを別にするとこの値段。 さすがに単品だと高くなる。 BCI-321系統 今のCanon製…

近年上昇中の脅威

脅威の例 Adobe製品とJavaの脆弱性を狙った攻撃が増加している。 Office文書に仕込まれると、アンチウイルスソフトは検出しにくい。 Facebookの「いいね!」を乗っ取った詐欺も急増。 リンク先においてJavaやPDFリーダー、Flashプレーヤーなどの脆弱性を突い…

Facebookページカスタマイズ時の説明メモ

作成方法の参照元 ウェブクリエイターボックスさん Facebookページの作り方 2012年1月版 | Webクリエイターボックス あとWebparkさん ページタブアプリ(iframe)の作成とFacebookページへの追加方法|Webpark アプリの基本設定欄 Display Name 表示名 アプリ…

トップページなどに、特定のカテゴリの一覧などを表示させる

用途 WordPressでウェブサイトを製作する祭、トップページに「お知らせ」や「新着商品」などを表示させるブロックが欲しかったりします。 結構頻繁に使うので、基本のコードをメモ。 コード 基本 'info', 'posts_per_page'=>5, 'post_status'=>'publish')); …

ボタンやリンク画像に、テキストがかぶらないようにする

参照元([CSS]画像置換「-9999px」のパフォーマンスを改善した新しいテクニック | コリス) リンクなどを画像に置換する場合、普通は <p><a><img src="画像ファイル" alt"画像文章" /></a></p> で片が付くわけですが、WordPressなどで既存テーマをカスタマイズして使っている場合、どうしてもリンクが文字列で、画像…

ローカルに構築したサーバーにWordPressをインストールする

顧客毎に分けておく。 マルチユーザーに非対応のプラグインや、プラグイン同士の衝突などの検証のためにも、WordPressは顧客毎をインストールしなきゃいけない。 htdocs以下にフォルダを新設し、そこにWordPressのファイルを格納する。 少々階層は深くなるが…

Google Chromeに入れたエクステンション

軽快この上ないChromeに入れたエクステンションのメモ。 XHTML Validator 基本的なHTMLタグの文法チェック。クリックするとW3Cのバリデータを対象のページを新しいタブで使用します。EXIF Reader 写真のEXIFとGPSデータを表示します。Web Developer Firebug …

画面分割検討

1ソース、マルチ画面サイズに対応するには サイドカラム 画面解像度 - Wikipedia 携帯電話の短辺の長さ(ピクセル)は、少し前の機種で240px。長辺はまちまちで、320から400px。最近のVGA画面だと640×480。 というわけで、サイドカラムの幅はマージン含めて2…

今年のToDoリスト

1年の計は元旦にあり、ということで。 今年の計画。 ・手帳を作る(デザインする)。(1/15まで) ・サイトの再デザイン。(1/20まで) ・WordPress,MovableType,ショッピング用CMS(EC-CubeかZen-Cart),DrupalをXAMPPに入れて機能を調べる。(WordPressは1…

CSS非対応プロパティ一覧

前回の続き。 margin:; IE6未満、IE6後方互換モードでautoが効かない。 border:; IE5ではdashed,dotted非対応(参考)。また、インライン要素に適用する場合、width指定をしないと表示されない(参考)。 width:;,height:; IE6未満及び各IE後方互換モードで…

CSS非対応プロパティ一覧(テキスト系)

IE6未満のブラウザをターゲットにすることは無いと思うけど念のためチェック。 ※プロパティの対応状況は、詳解HTML&CSS&JavaScript辞典 第三版を元にしています。 要素:first-letter{:;} 最初の一文字の制御。IE5(Win非対応、Mac文字化けの危険) font-size:;…

デザイン指針検討−link−

目指すのは1文書、マルチメディア。 全ページに記載する項目 <link href="css/default.css" media="screen, tv, projection" rel="stylesheet" type="text/css" /><link href="css/wap.css" media="handheld" rel="stylesheet" type="text/css" /><link href="css/print.css" media="print" rel="stylesheet" type="text/css" /></link></link></link>

独立するかしないか、そこが問題だ。

朝型人間にWeb業界は辛い。 前職が8:00-17:00でほぼ時間きっちりに終わる生活が続いていたので、9:30-18:30とかでの体力の消耗が結構大きい、というより18時過ぎた頃から効率が悪化するというのを職場実習で経験。とはいえ20:00くらいまで残業することもあっ…

デザイン指針検討−メタタグ−

結構いろんな目的に使える便利なタグ。 詳しい情報は参考リンク先を見てもらうことにして、とりあえず、どのタグをどういう目的で使うか、というのをまとめていきます。 先に必ず入れることにするもの。 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta http-equiv="Content-Style-Type" content="text/css" /> <meta http-equiv="Content-Script-Type" content="text/javascript" /> </meta></meta></meta>

デザイン指針検討-タイトル-

タイトルの位置づけについて 音声ブラウザで最初に読み上げられる。 検索結果に表示される。 ページの内容を最も適切かつ簡潔に提示する。 書き方 内容(ページ主題)−カテゴリ|サイト名 とする。*1 ページ主題は十分に検討し、丁寧につける。つけられない…

デザイン指針検討〜文書型〜

HTML5にするか、XHTML1.0(Transitional 又はStrict)にするか。 個人的にも早くHTML5はマスターしたいところです。が、ブラウザの実装がまだ不十分な現状においては、5への移行をスムーズに行えるような文書型を選びたいところです。 ここはやはり、XHTML1.…

個人用ウェブデザイン指針メモ

個人的なデザインのガイドラインを作りたい と思っていたらこんな素敵な代物が。美しいHTMLの条件を綺麗にまとめた一枚の画像 | IDEA*IDEA 早速画像をダウンロード。手始めにこれを参考にすることにしました。 のんびりゆっくり、整理していきたいと思います…

文書型定義について

個別の違いを調べてみることにした。異なる部分だけ太字赤字で強調。まずは宣言文。 HTML4.01 Strict