2段階認証を設定して、アカウントのセキュリティレベルを高めるよ 【Facebook, Dropbox, Google, WordPress】 - TokyoHeadTerminal
TopBlog [すべての記事]2段階認証を設定して、アカウントのセキュリティレベルを高めるよ 【Facebook, Dropbox, Google, WordPress】 いま流行りの、WordPress の管理画面にログインを試みようとする Brute Force Attack（ブルートフォースアタック）をいただき、サーバーの負荷がハンパないことになっておりましたので、念のためにセキュリティを高めておこうと思った次第です。 Brute Force Attack とは、ありとあらゆる文字の組み合わせを自動で試みてログインしようとするものです。自転車のチェーンロックの数字を「000、001、002… 997、998、999」まですべて試すようなものですね。 「名前+誕生日」「ニックネーム」「家族兄弟の名前」など、覚えられるパスワードを使い続けることは、金庫にダイヤルロックの番号を貼って道に
機能満載！ツールチップ（吹き出し）を付けられるjQueryプラグイン「Tooltipster」
twitter facebook hatena google pocket リンクなどをクリックする前にどんなページか示したりしたいですよね。 また、画像に付加情報を省スペースで出したくもなるものです。 そんな時、Tooltipster - The jQuery Tooltip Pluginを使用すると吹き出しを与えてくれます。 sponsors 使用方法 Tooltipster - The jQuery Tooltip Pluginからファイル一式をダウンロード。 <link rel="stylesheet" type="text/css" href="tooltipster.css" /> <script type="text/javascript" src="jquery-1.9.1.min.js"></script> <script src="jquery.tooltipster.
レスポンシブウェブデザインのつくり方：mockup
こんにちは、西野です。好きなinput typeはinput type="range"です。 前にAdobe Edge（現Adobe Edge Animate）の使い方記事を書きました。（Edgeが出た当時の記事なので情報が古いかも…） 今回は、最近ぼちぼち見かけるようになってきたレスポンシブデザインについてお話したいと思います。 実装の話はさわり程度で、企画、ディレクター、デザイナー向けにまとめています。 1.レスポンシブデザインとは レスポンシブデザインとは、簡単にいうと同じHTML/CSSでいろいろな画面サイズに対応することです。 「あー、ワンソース マルチユースってやつでしょ」と言うと業界っぽい感じが出せます。（あくまで出せるだけです） 実例としてはTIMEのサイトやBREAKING NEWSなどが完成度が高いサイトとして挙げられると思います。 Bootstrapもレスポン
スマートフォンなどに対応したレスポンシブデザインに関するCSSスタイル（font size自動調整をきるなど） - くらげだらけ
前にも一度、同じような問題に直面して調べて解決したような気がしたのですが、今回もおそらくその時と同じくGoogleで調べて解決したので、メモって忘れないようにしておこう。 font size自動調整をきる 最近ではレスポンシブデザインでいろんなデバイスに対応したりしますが、私もそんな感じの仕事をしていたわけです。最初はPC Chromeでwindowを伸び縮みさせながら作っていたわけですが、ある程度できた所でiPhone Mobile Safariでチェックしていたのです。Portrait mode（縦向き）では問題なく閲覧していたのですが、Landscape mode（横向き）にしたときにどうも文字サイズが変になります。 最近はiPhoneもリモートでWeb inspectorで見れたりしますから、細かく調べてみても数値的には問題無さそう。おかしいなってことで調べた後に、iPhoneでは
iPhone用CSS [iPhone生活]
iPhone用のスタイルシートを別途用意する場合 下記のようにall.cssというスクリーン用のスタイルシートを、 pc.cssとiphone.cssに分けて下記のように設定することで、iPhone用のhtmlを作らずにiPhone用のレイアウトを用意することが出来ます。 media="screen and (min-device-width: 481px)"> media="only screen and (max-device-width: 480px)"> if IEの部分は、IEがmedia="screen and "を読み込めないため、IE用に再度外部CSSを宣言しています。 既存のスタイルシート内にiPhone用のスタイルを追加する 一方、外部スタイルシートを分けずに、またはhtml内にスタイルを宣言している場合にそれを生かしてiPhone用のスタイルを宣言することが出来ます。
Viewport [iPhone生活]
*device-widthはiPhone横持ちの場合でも必ず320px、device-heightはiPhone縦持ちの場合でも必ず480pxとなります 例えば以下は、Viewportの横幅がiPhoneのディスプレイのサイズで、倍率は1、2倍まで拡大可能、という内容です。 描写のプロセスを検証するに当たっての条件 以下の説明では複雑な状況を説明する場合もあるため、特定の語句を特定の意味でのみ使用しています。特定の語句は以下です。 viewport Viewportのメタタグで指定した値または後にSafariが計算した値。initial-scale/width/heightの3つ。 コンテンツ（サイズ） HTMLに設置したコンテンツのサイズ ドキュメント（サイズ） 余白を含めたHTML全体のサイズ。ウィンドウよりも大きい場合は、スクロールすることで見ることが出来る全体のサイズ。 ウィンドウ
15 Useful Code Snippets for Smartphone Website
2014年8月22日 Webサイト制作, スマートフォン スマートフォンが普及してきて、Webサイトを作る時、スマートフォンサイトも一緒に制作している方も多くなってきていると思います。私もスマホサイトを制作する機会が増え、だんだんEvernoteに保存していたスマートフォンサイトを作る時の小技がたまってきたので、iPhoneで使える小技を中心にまとめて記事にしてみます。いくつかサンプルも作っているので、スマートフォンからあわせてご覧下さい！ ↑私が10年以上利用している会計ソフト！ スマートフォンサイト用小技集 目次 いくつかサンプルも作ったのでスマートフォンから、もしくはブラウザーからユーザーエージェントをiPhoneなどに切り替えてご覧ください！ 横幅をデバイスの幅にあわせる 文字サイズの自動調整をオフ リストのクリック（タップ）範囲を広げる 画面の幅にあわせてCSSを変える リンクテ
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
WordPressテンプレートタグ集｜初心者即実践＆仕事で使えるコピペ用
webmobileは、みんなが知りたいスマホ・通信ガジェットの使い方を発信しているレビューサイトだよ♪ webmobile（ウェブモバイル）は、大好きなPixel/iPhone/MVNO/amazonについて、気づいたこと・困った事の解決など経験したことを発信しています。 運営歴はかれこれ10年以上です。 私が初めて買ったスマートフォンは、auから発売されたSHARP製IS03。今でもデザインの良さに感銘を受けます。 今のメイン機はGooglePixelとiPhone15ProMAXです。 昔はASUS製ZenFoneにはまり、新製品が発売されるごとに買っていました。 MVNOのお店に我が子と訪ねる旅、楽しかったなぁ♪ ご縁あって、UQコミュニケーションズ本社に行くこともありました。 UQモバイル公式グッズをたくさん手に入れる機会がありました。 東京新宿にあるLINE株式会社に招待して貰っ
ColorZilla
ColorZilla for Firefox and Chrome Advanced Eyedropper, ColorPicker, Color Analyzer and other colorful goodies for your Firefox and Chrome. ColorZilla for Chrome and Firefox Advanced Eyedropper, ColorPicker, Color Analyzer and other colorful goodies for your Chrome and Firefox. Ultimate Gradient Generator A powerful online Photoshop-like CSS gradient editor, image to CSS converter and much more Cha
Google アナリティクスでメモ機能を使いこなす | IT女子のお気に入りフォルダ
WEBサイトのアクセスが大きく変動したときに「なぜアクセス状況がこう変化したか」という原因をGoogleアナリティクスでは「メモ機能」を使って記録することができます。後で資料やレポートにまとめるときにも重宝する機能です。 メモ機能の基本的な使い方 まずは、[ユーザー]>[サマリー]レポートを開きます。 レポート画面上部に表示される折れ線グラフのすぐ下に「▼」があります。（意識しなければ見逃す。もうちょっと目立たせてもいいのに） これをクリックします。 右の方に「＋新しいメモを作成」が出てくるのでこれをクリックします。 日付毎にメモを追加できます。メモは160文字までです。 公開範囲も指定できます。「共有」を選ぶと該当プロファイルの閲覧権限のあるユーザーにメモが共有されます。自分だけのメモにする場合は「非公開」を選びます。Googleでおなじみのスターマークもつけれます。 日付の指定は、先に
SEO効果抜群のWordPressテーマを作るために抑えておくべき７つの項目
ユーザーに届ける価値を徹底的に追求する マーケティングを提供します © Copyright 2022 バズ部. All rights reserved. SEOを最短で効率的に攻略することを考えた時、WordPressはベストの選択肢の一つだ。 最近では、検索エンジンで上位に表示されているサイトやブログのほとんどがWordPressで作られているほどで、その有効性は、Googleの検索エンジンチームのリーダーとして著名なマット・カッツ氏も認めている。 そこで本日は、SEO効果を極限まで高めるために、WordPressでブログテーマを構築する際に必ず抑えておくべきポイントをご紹介する。 ぜひ、あなたが自社でWordPressブログを構築する時の参考にして欲しい。 また、私たちバズ部は12年で400社以上のメディア支援を行い、 立ち上げから10ヶ月で14.6億円の売上を産んだ不動産メディア8ヶ
Web デザイナーなら押さえておきたいフリーフォントをダウンロードできるサイト６０選 | Web活メモ帳
デザインによって必要なフォントは毎回違いますよね。毎回買う事ができれば良いのですが、そういうわけにもいかないのでやっぱりフリーで配布しているサイトを探す事になります。 ただフリーの物を探す際にはかなりの時間がかかる場合もあるので、フラストレーションが溜まらないようにしたいですね。フォントに限らない話ですが、、 というわけで、無料でダウンロードできるサイトを60紹介している「60 Best Websites To Download Free Fonts 」というエントリーのご紹介。覚えておきたいですね。 詳しくは以下 dafont.com 公式サイト 1001freefonts.com 公式サイト urbanfonts.com 公式サイト fontstock.net 公式サイト fonts500.com 公式サイト gmkfreefonts.com 公式サイト getfreefonts.in
JavaScriptのいろいろなコーディングルールをまとめてみた
JavaScriptの書き方はJavaScript自体がある程度自由なためいろいろな書き方ができますが、一貫性を持って書いた方がバグなども発生しにくくなるため、コーディングルールを定めておくのはよいことだと思います(特に複数人の開発の場合) 有名な企業やライブラリはコーディングルールも公開している事が多いので適当にまとめてみました JavaScript style guide – MDC Docs Mozilla/Firefox向けのものなので、一部ECMAScriptの範囲を超えたものも含まれています。 多くの人が見ていると思うので、見たことない人は一度読んでみるといいです。 jscsにこのコーディングルールをチェックするプリセットが用意されています。 Google JavaScript Style Guide Google JavaScript Style Guide 和訳 — Goo
プログラマのための言語別コーディング規約まとめ | Web活メモ帳
みなさんはコーディング規約を利用していますか。 個人で開発している時はオレオレルールで良かったのですが、 複数人で開発するようになると共通のルールがあった方がストレス無く開発が出来るようになります。 WEB系の言語のコーディング規約について、調べ物が必要だったので、 まとめたものをブログでもシェアします。 HTML・CSS Google HTML/CSS Style Guide の推奨ガイドラインまとめ HTML5 コーディングガイドライン（HTML5）ver1.0 JavaScript JavaScriptのいろいろなコーディングルールをまとめてみた PHP PHPのコーディング規約 PSR-0、PSR-1、PSR-2、PSR-3とは WordPress コーディング基準 Pear Manual :: 標準コーディング規約 Zend Framework PHP 標準コーディング規約 Ca
プレゼンに最適！CI用の名刺からメモ帳・カレンダーなどのPSD素材 -blugraphic
ブランドや企業のアイデンティティ用のさまざまなグッズをまとめたプレゼンなどにぴったりなPSD素材を紹介します。 Corporate Identity Photoshop Mock-up (Psd) CI用の素材には、名刺、レターヘッド、封筒をはじめ、ペン、ペンシル、メモ帳、ノート、カレンダー、バッグ、CD、スマフォ、タブレットなどが含まれています。 ブランドを入れるとこんな感じになります。
あふれでるアイデアを箇条書き、階層化して整理してみよう！ | ライフハッカー・ジャパン
アウトラインはとても便利なアイデアの整理方法です。テキストデータを箇条書きにし、かつ階層にわけて表示させることで、プロジェクトやTo-Doリストの管理などに役立ちます。 そんなアウトラインを作成、編集して、複数の端末間で同期するシンプルな方法を探しているのであれば「Fargo」がオススメです。ウェブアプリなのでどのブラウザでも使え、Dropboxとの同期ができます。 試しに、この数日食べた食事をまとめてみました。 「File」＞「New」を選び、タイトルを入力すれば新しいアウトラインが作成できます。 「Enter」キーを押すと新しいヘッドラインができ、「Tab」で下の階層、「Shift」+「Tab」で上の階層に移動します。各ヘッドライン左側の三角のアイコンをクリックすると、表示非表示できます。 階層に分けると、日にちや、朝食昼食など、情報をすっきり整理できました！ Dropboxとの同期も
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
PDFZilla - Download PDFZilla Free Trial
PDFZilla FREE Trial Download Version: 3.9 License: Shareware Requirements: Win XP/2003/VISTA/Win 7/Win 8/Win 10/Win 11 or Later To Install: Double-click the downloaded file, pdfzilla.exe, to start the installation procedure. Reviewed by Sooftware Reviewed by FileHorse A tool provides features which Convert PDF Documents into Various Formats - Reviewed by MadDownload Convert PDF to Any Format Easil
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Loading...
レスポンシブデザインのウインドウサイズの切替えについてまとめてみました
https://design-spice.com/2012/06/13/responsive-web-design-image/
レスポンシブWebデザインの作り方（簡単設定方法）
起業前に知っておくべき得するエントリー11選 | Web活メモ帳
Graphic design, PSDs & Free Icons for Download | PSDBlast.com
IM7｜株式会社24-7
Twitter BootstrapのCSSをオンラインで作成・「StyleBootstrap.info」