ファビコン（favicon）とは？代表的なサイズと基本の作成方法 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
ファビコンはサイト閲覧時のタブ以外にも、多くの場所で使われていることがわかります。 また、上記以外にも検索結果画面にも表示されるため、そのサイトを表す適切なアイコンを設定するようにしましょう。 作成時のサイズは512px × 512pxのみでOK これだけサイズがあると、全て用意するのかと不安になってしまいますが、WordPress4.3以降のバージョンであれば512px × 512pxのPNG形式ファイルを作成すれば全てに対応してくれるようになりました。 複数作成する必要はないので安心してください。 WordPress以外の場合 WordPressを利用しておらず上記のような自動適用の機能がない場合、またはWordPressが4.3以前のバージョンの場合は、各サイズのアイコンを用意する必要があります。 各ブラウザのファビコン表示サイズは先ほどの表の通り16px × 16px が一般的です
jQuery を高速に使う CSS セレクタの書き方 - てっく煮ブログ
JavaScriptjQuery は CSS セレクタで要素を選んで処理できるのが魅力的ですね。そんな jQuery ですが、CSS セレクタの書き方次第で速度が大幅に変わってきます。ここでは jQuery の内部処理を疑似コードで示しつつ、jQuery を高速に使うためのポイントを５つに絞って紹介します。何度も同じセレクタを実行しないクラスだけを指定するのは禁止#id を積極的に使う途中までの結果を再利用する子供セレクタ(>)を使うと速くなることがある※ この記事は jQuery 1.2.6 のソースコードを元に記述しています1. 何度も同じセレクタを実行しない改善前 // 例題 1 $("div.foo").addClass("bar"); $("div.foo").css("background", "#ffffff"); $("div.foo").click(function(){
めんどうな作業がわずか数秒に！新人デザイナーが 知らないと一生後悔するExcelを使ったHTML生成
お客さんから送られてきた、Excelデータからせっせとリストや表のHTMLをコーディングしているあなた！そろそろ手がが疲れてきていませんか？ そんなあなたは、この記事で紹介するExcelテクニックをぜひ覚えてください。 面倒な作業が、わずか数秒で終わります！ Excelを使った高速HTML生成 僕たちプログラマーは、ちょっとしたコード生成に、Excelを使います！ DreamweaverでもCSVファイルを取り込むことはできるのですが、<dl>タグでマークアップしたい時とか、カスタマイズしたい場合は、これから紹介するExcelを使った方法が簡単で、効果的です。 さぁ、↓のようなお客さんから送られてきたExcelデータから ... こんな感じの、<dl>タグでマークアップされたHTML生成する流れを説明します。データ数はうんざりするくらいあると思ってください。 Let's Excel 1)
IE 6とIE 7のためのCSSハック16選（1/3） - ＠IT
有限会社タグパンダ 喜安 亮介 2009/11/17 Webブラウザごとのレンダリングエンジンの違いにより起こるレイアウトの表示ずれ問題に泣かされるWebデザイナのために、Webブラウザごとに使えるかどうかの表を交えながら問題を解決するためのCSSハック＆フィルタTipsをお届けします（編集部） Webブラウザ別CSSハック一覧表 前回の「IE 6で泣かないための、9つのCSSハック」では、仕様通りの正しいコーディングを行っているにもかかわらず、Internet Explorer（以下、IE） 6で見ると、レイアウトがズレてしまうなどのさまざまな問題を解決するための9つのテクニックを紹介しました。 今回は、IE 6とIE 7のためのCSSハックのテクニックを下記に分けて紹介します。 IE 6をハック（IE 6のみに効く、もしくはIE 6のみに効かないハック） IE 6のみに効くハック スタ
『オブジェクトを丸で埋める（解説編2）』
次に内部を埋め尽くす場合。 円がマス目に沿って規則正しく並んでいれば電光掲示板の作例を応用とか言いましたが、これはめんどうです。 マス目であろうとなかろうと関係ない、単純にバックにいっぱい置いたオブジェクトをパスの型で抜くという方法をとりましょ（パターンでも可）。 この方法は最終的にアウトラインで抜きますので、アウトラインにかかる円も消えてしまいます。そのため、円の直径分パスのオフセットをかけ、抜き型を広げておきます（オフセット後、パスファインダで合体しておく）。これはオブジェクト形状に合わせて調整しましょう。 ↑今回は円の大きさを1mmとしているので、1mmオフセットしました オブジェクトが収まる大きさのボックスを作成し、背面に送り色を付けます。 次にバックと違う色でオブジェクトを置いていきます。 最初の見本のように隙間無く埋めるようにしたければ、円を描き、円の直径分－60°にコピーし、
CSSバグリスト
2020.05.23 Sat【保存版】ラッキーニッキーで3年遊んでわかった全て！ Uncategorized 2020.05.23 Sat【保存版】ラッキーニッキーのライブカジノでおすすめを厳選！ Uncategorized 2020.05.23 Sat【必見】ラッキーニッキーのボーナス情報を網羅！登録時や入金でお得！ Uncategorized 2020.05.23 Sat【完全版】ラッキーニッキーのスロットおすすめランキング Uncategorized 2020.05.23 Satラッキーニッキーのサポート情報！エラー発生時はどうする？ Uncategorized 2020.05.23 Sat【必見】ラッキーニッキーのVIP制度！ハイローラー向け Uncategorized 2020.05.23 Sat【保存版】ラッキーニッキーの入金・出金や限度額を解説！ Uncategorized
Illustratorでの箇条書きの作り方（2）テキストボックス編｜DTP Transit
前回は、ポイントテキストの場合、今回はテキストボックスの場合です（テキストボックスの場合、前回のようにタブルーラーだけでは設定できません）。 こちらのテキストボックスからスタートします（tabなどは入力されていません）。 ［段落］パネルの［左インデント］に文字サイズ（+α）程度の値、［1行目左インデント］に［左インデント］に入力した数値の負の値を入力します。 2行目以降が揃いますので、「・」の右側にtab記号を入力します。 タブルーラーの［位置］に、［左インデント］と同じ値を単位付きで入れて、enterキーを押します。 これできっちり揃います（タブストップの値は、単位換算されて表示されます）。 番号をハンギングするとき 次のような場合、誤りではありませんが、「9.」、「10.」、「11.」などを右揃えにすべきです。 この場合には、「9.」、「10.」、「11.」の前（左側）にtab記号を入
Illustratorでの箇条書きの作り方（1）｜DTP Transit
Illustratorで箇条書きを組むとき、得てして次のようになっていることがあります。 箇条書きの行頭記号には「・」（中黒）を使う 「・」のある行とない行でツラが揃っていない これを修正したのが次の例です。 これを実現するには、次のように操作します。 行頭記号（ブレット）の入力はoption+8キーで行う（和文フォントには用意されていないことがあります） 行頭記号のある行では「ブレット＋tabキー＋本文」、行頭記号のない行では「tabキー＋本文」のように入力 タブルーラー（［タブ］パネル）を表示して、文字を揃えたいところに「左揃えタブ」を打つ フォントによっては、ブレットの位置をベースライン調整で若干上にずらした方がいいことがあります。なお、このようなインデント方法を「突き出しインデント」または「ハンギングインデント」と呼びます。 箇条書きの項目ごとにアキを挿入するには、ブレットのついて
フェイスブックのいいね！をサイトに追加するならこれはやるべき - 新ECおもろ
以前、フェイスブックの「いいね！」ボタンをとにかく簡単にサイトに追加する方法のエントリを書いたんですが、 できれば、あともうひと手間、もうちょっとだけやった方がいいことがあります。 実はこれをやるとやらないとではいいね！をクリックした後の結果が全然違います。 ただ、、、実際ここまでやっているサイトは日本ではまだあまりなく、 それほど知られていないようなのでもったいないないなということで簡単にご紹介。 1.どう違うの？ もうひと手間をやるとやらないとでは全然違うわけですが、ではどう違うのか？ それは、、、 いいね！をしたことが、フェイスブック友達（自分）のニュースフィードに流れる ってことです。 逆を言えば、やらないと友達（自分）のニュースフィードには流れません。 自分のウォールに流れるだけです。 いいね！しても自分のウォールにしか流れないんかよ、、、いまいちじゃん！ と思っていた方（もしか
大文字用ハイフンやダーシを持ったフォント | デザインの現場 小林章の「タイプディレクターの眼」
ブログ読者からいただいた質問にお答えします。 質問はこうです。ハイフンの高さは、ふつう、小文字の e o x など上下の飛び出しのない文字の真ん中くらいの位置です。でもそれだと、大文字だけで組んだときとか電話番号で数字の間に入れるときとか、こんなふうにハイフンが下がって見える。 先に言っちゃいましょう。それは、すっごくオススメです。しないと間違いというわけではないですよ。でも、すると気がきいている。 ここからちょっと細かい解説。 ハイフン（ - ） 半角ダーシ（ – ） 全角ダーシ（ — ） は、どれも横線ですが、長さが違って、使い道も違います。ハイフンとダーシについては以前書いた記事が こちら にありますので参考にしてください。全角ダーシは、言いかけて止めた言葉とかを表現するときに使います。日本語でも同じような使い道かな。 ダーシは、ハイフンと同じ高さにつくります。ハイフン、半角ダーシ、
Photoshopの切り抜き、選択範囲いろいろ：で、結局どれがいいの？
Photoshop の切り抜き、選択範囲をつくるいくつかの方法をまとめてみました。記事では Photoshop CS5 を基準にしていますが、それ以外のバージョンの方は抽出フィルタなどで CS5 の機能を代替えできると思います。 Photoshop の切り抜き、みなさんどんな風にしてますか？今回紹介する切り抜きは、定番みたいなものだと思うんですけど、私の近くに Photoshop 達人がいないので聞く事もできず、もっといい方法無いのかなーなんて思ったりもしてます。この記事を読んでくれた人で、「こうした方がいいよー」とかあったらコメントいただけると嬉しいです！ また、私は今 Photoshop CS5 を使っているので、それを基準にしています。CS4 以前を使っている人は、選択範囲の調整の代わりに抽出プラグイン（フィルター → 抽出）で代替えしてみてくださいね（注意：Web 用の切り抜きを前
『録画再生時の画面が暗い』 SONY BDZ-AT300S のクチコミ掲示板
[ログイン新規ID登録]閲覧履歴ご利用ガイド 『録画再生時の画面が暗い』のクチコミ掲示板 ホーム > 家電 > ブルーレイ・DVDレコーダー > SONY(ソニー) > BDZ-AT300S > クチコミ掲示板 SONY BDZ 2010年10月22日 発売 BDZ-AT300S 3DやBDXLに対応したBlu-ray Discレコーダー（シングルデジタルチューナー/500GB） お気に入り登録 463 最安お知らせメールが受け取れます 6製品を比較（同じメーカー同時期発売） 価格情報の登録がありません 価格推移グラフ お気に入り製品に登録すると、価格が掲載された時にメールやMyページでお知らせいたします 価格帯：¥―～¥― (―店舗) メーカー希望小売価格：オープン メーカー直販サイトへ タイプ：ブルーレイレコーダー HDD容量：500GB メーカー製品情報ページ メーカー仕様表 プレス
アコムで延滞しているが、銀行カードローンは組めますか
現在、アコムで融資を受けていたのですが、返済が遅れており延滞状態であります。しかし急遽、大きな出費があるので銀行カードローンを申込みたいのですが、消費者金融での遅延状態は審査が通らないのでしょうか。 現状では通らない可能性が高いです 基本的に延滞状態である、または過去に遅延を繰り返していたという場合は信用面で審査が通りにくいです。要は返済能力がないと判断されるためです。お金を借りるということは返済する相手がいます。あなたの事情で返済できなければ相手に迷惑が掛かります。そういった不安な相手にお金を貸したくはないですよね。確かにお金を貸すと利息がもらえるので、銀行としては貸したいのですが、返ってこない可能性があれば融資は恐いですよね。 現状の消費者金融の遅延分をひとまず返済するために借金を銀行からしようという方もいますが、結局次は銀行に返さなければいけませんし、利息が今度は銀行にも発生します。
[CSS]IEで、min-widthやmax-widthを実現する方法
CSS-Tricksで、IE用に「expression」を使用して、min-width、max-widthを実現する方法がエントリーされていました。 The Perfect Fluid Width Layout デモページでは、最小幅780pxを維持しつつ、最大幅1280px以上になると残りの箇所は背景画像が表示されるようになっています(参照：キャプチャ画像)。 min-width、max-widthの箇所は、下記のように記述されています。 #page-wrap{ background: white; min-width: 780px; max-width: 1260px; margin: 10px auto; width:expression(document.body.clientWidth < 782? "780px" : document.body.clientWidth > 12
枠線付きの吹き出し
ミニブログの隆盛以降ウェブ上でよく見かける吹き出しをCSSで作るお話。単色のものはかなり前に書いた。今回はそれに枠線をつけてみよう！ みよう！ みよう！ Demo: Bordered Speech Bubble 枠線は単なるsolidなborderで少し角を丸めただけ。 尻尾を付ける :before擬似要素を使う。デモの3番目のサンプルのように、まず枠線と同じ色で三角形を作る。三角形は以前のエントリで書いた手法と同じで、左右のborderをtransparentにすることによって作る。 .speech-bubble:before { border-top-width: 16px; border-right-width: 16px; border-bottom-width: 0; border-left-width: 16px; border-color: #369 transparent;
旧・Macの手書き説明書 - FC2 BLOG パスワード認証
ブログ パスワード認証 閲覧するには管理人が設定した パスワードの入力が必要です。 管理人からのメッセージ https://mac-tegaki.comへ移転中 閲覧パスワード Copyright © since 1999 FC2 inc. All Rights Reserved.
Automatic Image Slider w/ CSS & jQuery | Simple Image Slider Tutorial | jQuery Slider | jQuery Image Rotator
With the release of the iPad and its lack of support for flash, it has stirred up a lot of debates regarding the future of flash. With this in mind, I believe it is wise to build simple widgets like the image slider using HTML/CSS/Javascript, and leave more interactive applications for flash if needed. The html based image slider will have its benefits with SEO and will also degrade gracefully for
『テキスト流し込み2』
前回のテキスト流しはOSX用のソフトを使っているため、それ以外の環境では使えませんでした。 そこでQuickeysを使ってCiPTを使えない環境でも出来るようにしてみます。 下準備として、テキストエディタ（ここではJeditX）でファイルを開いておきます。 テキストをばらしてカット、ターゲットのテキストにカーソルを立てるまでは同じ。 そこから、 アプリケーション切り替えでテキストエディタを選び、 全選択（念のため）、 ペースト、 全選択、 カット、 アプリケーション切り替えでIllustratorに戻り、 全選択、 ペースト で完了です。 テキストをプレーンにするために一度エディタ上にペーストしています。 このようなことはスクリプトで簡単にできるのかもしれませんが（よくわかっていません）、Quickeysはアプリケーションをまたいでも機能するというデモンストレーションを兼ねて作ってみました
?eid=871945
January 2021 | 01 02 03 04 05 06 07 08 09 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 2ちゃんねるのiPhone板に「iPhoneでGmailをメイン使い」というスレがある。 ブログにしろ掲示板にしろ、ネットでの情報共有は本当に素晴らしいことだと思うが、昨夜、このスレで見つけた書込みは、iPhoneを使い始めてから抱えていた僕の悩みを一気に解決してくれた。 Gmailの便利さを知っている人はわかると思うが、Gmailをメインで使い始めると、仕事のメールもプライベートのメールもGmailに転送して、受信も送信もすべてGmailで済ませるようになる（WEBブラウザーでどこでもチェック可能、検索が楽、迷惑メールフィルターが優秀、タグ付けが秀逸などメリットはたくさん）。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
◆めっつぉ：スクエニ&ガジェットニュース
