サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
2024年に最適なfont-familyの書き方 - ICS MEDIA
ウェブサイトのフォントは何を指定すればよいのでしょうか？ CSSのfont-familyプロパティーに指定可能なフォントは選択肢が多く、HTMLコーダーなら誰もが一度は迷ったことがあるはずです。 font-familyの組み合わせを紹介している記事は多々あります。しかし、必要のない指定や、考察不足なまま紹介している記事を見かけることは少なくありません。それもそのはず、フォント事情は日々変化するもので、古い情報は役立たないことが多いためです。 本記事ではフォントに関わるここ最近のビッグニュースを取り上げつつ、教訓から学んだ変化に強い「無難」なフォント指定を紹介します。 結論 いきなり結論ですが、以下のフォントの組み合わせがオススメです。CSSのbodyセレクターなどにコピー＆ペーストして利用ください。 body { font-family: "Helvetica Neue", Arial,
Feed43を使ってRSSフィードを独自のカテゴリ・範囲で自作する - 試纏
情報をキャッチアップする際に活用する手段の一つとして『RSS』があります。こちらについてはブログ側で(自動)生成されているものについてはそのまま活用出来ますが、『任意のカテゴリやテーマ等での範囲で』となると中々全てはカバーし切れないというのが現状ですし、そもそもその(任意のウェブサイトの任意の)ページにはRSSフィードが設置されていない、というケースも往々にしてあるかと思います。 私自身も改めて情報収集体制を整理・一新しようと思い立ち幾つか情報を漁っていたところ上記の状況にぶち当たり、この状況を解決・改善すべき妙案は何か無いものか…と調べてみると『Feed43』なるサービスが良さ気な感じでしたので、当エントリでその内容と作成手順について紹介してみたいと思います。 Feed43とは Feed43による独自RSSフィードの作成手順 まとめ Feed43とは Feed43 : Convert a
『〝認識力〟や〝柔軟性〟をサポートする錫（すず）❤』
こんにちは～⭐ノーム工房 工房長のまひなです。人生の変わり目やエナジー変容の時期になると、今まで着ていた服や身につけていたアクセサリーがしっくりこなくなります…
link要素によるResource Hintsを使用してリソースの先読みを行う
ウェブサイトの読み込み最適化は、開発者たちを悩ませる永遠の課題です。特にページ遷移時の読み込みに関しては、開発者側からなかなか手を出せない状態でした。そんな状況も、Resource Hintsを使えば大きく変わります。 Resouce Hints Resource Hintsはlink要素を利用したリソース先読みのための仕組みです。使い方は簡単で、head要素内に、該当するlink要素を置くだけでブラウザが自動的に読み込みを行ってくれます。 <link rel="dns-prefetch" href="//example.com"> Resource Hintsの種類は以下の4種類で、状況によって使い分けることができます。 dns-prefetch preconnect prefetch prerender 対応ブラウザ 対応ブラウザに関しては、現在のところあまり多くはありません。詳しくは
ファビコン favicon.ico を作ろう! リアルタイム 5サイズ版
このページでは 16x16, 24x24, 32x32, 48x48, 64x64 の5つの画像を含むマルチアイコンを生成します。 16x16のみ、16x16と32x32の2個、などのアイコンも作成可能です。 入力された画像は指定サイズに拡大縮小されます。 長方形の画像を指定した場合は正方形に変形されます。 透過情報を含むPNG画像も指定可能です。 指定した大きさの画像がアイコン内に作成されます。 16x16の画像のみ作成する場合は16x16に画像を指定して下さい。 32x32の画像のみ作成する場合は32x32に画像を指定して下さい。 同時に複数画像を指定すると、マルチアイコンになります。 16x16と32x32に画像を同時に指定すると2サイズのマルチアイコンになります。 16x16,24x24,32x32,48x48,64x64すべてに同時に画像を指定すると、5サイズのマルチアイコンにな
単純でも効果抜群のスパム撃退法 - Qitailangのブログ
2015/04/30追記 この方法は必ずしも安全ではないように思われてきました。しかし実質的に私はこの方法を講じてから被害を受けていないので、少なくとも何も対処しないよりは次善の策を講じるということでお読み下さい。 JavaScriptでもメールアドレスが破られるという例： http://mailrobo.7jp.net/mrobo3.html 簡単にできるロボットスパム対策 掲示板、ブログ、メールフォームなどを設置したものの怒濤のスパム投稿に閉口して、閉鎖したとかコメントを受け付けないようにしている人は結構いるのではないでしょうか。私は古い良き時代の掲示板がスパムによって閉鎖あるいはスラム化したまま放置されているのを見ると寂しく残念に思います。 スクリプトやテンプレートを２～３行書き換えるだけの簡単な改造でほとんどのスパムを弾けてしまう方法があります。それはロボットはJavaScript
RPGツクール2000 のゲームを「ウィンドウモード」で起動する - ハトネコエ Web がくしゅうちょう
ツクールプレイヤーにとってちょいちょい困るのが、 RPGツクール2000製のゲームが全画面モードで起動すること。 全画面に移行するせいか起動がもっさりするし、他のことできませんし、マルチディスプレイ環境でもおかしなことが起きたりして困ります。 作者さんが、ウィンドウモードで起動するように配布してくださると助かるんですけどね。 さて、プレイヤーはどうやったらウィンドウモードで起動できるのか、説明します。 １．ショートカットの作成 下の図のように、ゲームの実行ファイル（たいていは「RPG_RT.exe」）を右クリックしてメニューを出し、 「ショートカットの作成」をクリックしてショートカットを作ってください。 ２．ウィンドウモードで起動できるようにする 先ほど作ったショートカット「RPG_RT.exe - ショートカット」を右クリックしてメニューを出し、「プロパティ」をクリックしてください。 「
index.htmlあり・なしをリダイレクトして統一する.htaccessの書き方
URLのindex.htmlあり・なしを統一するやり方の説明です。 SEO対策にもなり、しかも数行の追加で簡単に設定できます。 index.htmlとは index.htmlは別名デフォルトドキュメントといい、 各フォルダに1つは作成しておくことが推奨されているHTMLファイルです。 各フォルダ・各カテゴリーの中心的なファイルであり、 サイトのトップページや各カテゴリーのトップページで使います。 例えば、以下のような動物サイトでは3つのindex.htmlを作成しています。 ①のindex.htmlファイルがサイトのトップページです。 ②、③は各カテゴリーのトップページのindex.htmlです。 index.htmlというファイルは通常のHTMLファイルより少し特別です。 他のHTMLファイルは自分で好きなように命名できますが、トップページのファイルは総じてindex.htmlとなります
ブックマークからタブを開く際の隠し設定（Firefox 57以降） - Mozilla Flux
Firefox Quantumは旧式の拡張機能がサポートされなくなるバージョンであり、本体の挙動をカスタマイズする拡張機能が動かなくなるケースも少なくないだろう。Mozillaも対策として、タブのコンテキストメニューにタブを複製する項目を追加したりしている。今回は、ブックマークからタブを開く際の挙動を変更する新設定を2つ紹介しておく。 新設定はいずれもオプション画面からは変更することができない隠し設定だ。なのでまずはアドレスバーに"about:config"と打ち込んでページを開き、「動作保証対象外になります！」という警告が出たときは、「危険性を承知の上で使用する」をクリックして先へ進む。そして、検索ボックスに以下の設定名を入力してみよう。 1つ目の設定は、browser.tabs.loadBookmarksInTabs。これをtrueに変更すると、ブックマークされたページを常に新しいタブ
FURYU Tech Blog-フリューテックブログ | Furyu Tech Blog
はじめに こんにちは、ピクトリンク事業部開発部サーバサイド開発課のkitajimaです。弊社サービスピクトリンクは、システム再構築の一環として
AndroidのChromeにおける欧文フォントよく分からなかったのでfont-familyの挙動調べた - MEMOGRAPHIX
Nexus 7 の Chrome でインターネットしてると、サイトによっては欧文フォントが等幅になっていることに気づいた。例えばこのようなサイト（とスクリーンショット）。 [](http://ascii.jp/) あとこれとか。 [](http://www.forest.impress.co.jp/docs/review/20140410_643367.html) ※ 適当にブラウジングしてた
CSSと少しのJSで作るページスクロールできるモーダルウィンドウ
某案件で対応したモーダルウィンドウ実装が中々曲者だったので、同じような実装を強いられた時に使いまわせるように自分用のメモとして残しておきます。 レスポンシブ対応 モーダルウィンドウ内でスクロール出来る 複数設置対応 基本動作はCSS3で対応（古いIE非対応） スクロールバーの関係で少しJS使う デモ・ダウンロード 何はともあれ、まずはサンプルをご確認下さい。CodePenやサンプルページからもコードを確認可能です。 See the Pen scroll modal window by tokumewi (@tokumewi) on CodePen. Demo zipファイルをDownload 全ソースコード 全ソースコードを載せた後に個別で解説していきます。テキストはスクロール対応を見せるためなのでなんでも良いです。 HTML <!DOCTYPE html> <html lang="ja"
画像のポップアップ表示【JavaScript 動的サンプル】
写真などの画像をクリックすると大きく表示される機能のJavaScriptです。 拡大する速度（ゆっくり、早く）や大きさ、枠、影なども指定することができます。
Resource Hintsとlinkタグによる事前読み込みでWebサイトを高速化！
今までサイトの読み込み速度を速くする手法の一つに、遅延ロードや非同期読み込みが一般的でした。LazyLoadなどの遅延ロードを行ったり、Ajaxで非同期にscriptを読みこんだり。これらはjsをゴリゴリ書いたりすることで実現することができましたが、Resource Hintsに記載されているlinkタグのrel属性を使うことで、事前にコンテンツを読みこませることができます。今回はResource Hintsの仕様とlinkタグでの使い方をご紹介していきます。 Resource HintsとはResource Hintsに記載されている内容としては、主にリソースの事前読み込みについて書かれています。この仕様を使ってリソースの取得をタイミングを制御し、ユーザへ素早くコンテンツを配信させることができます。 This specification defines the dns-prefetch,
イージング関数チートシート
イージング関数は、時間の経過に伴うパラメーターの変化率を指定します。 現実の物体は、即座に動いたり停止したりすることはなく、一定の速度で動くこともほとんどありません。引き出しを開けるとき、私たちは最初に引き出しをすばやく引き出し、それが外に出てくるにつれてゆっくりと動かします。床に向けてなにかを（例えばペンのような）放すと、最初に重力によって下に向かって加速し、床に当たった後上に跳ね返ります。 あなたの必要なイージングを選択して、あなたのプロジェクトの中で使用してみてください。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Androidのアプリ無効化をPCから簡単に一括で行えるツール「ADB App Control」【Windows】
「elona」フォントを比較してみた | シツログ
アンロッタ♠Web漫画「銀の剣士と悪魔従者」など。完結あり
モバイル・スマホWeb・WordPressのSEO塾.com
