表示モードウイルス対策ソフトはいらない!サイトを見ただけで感染は理論上不可能。4点のことを守るだけでウイルス感染はしません2019-09-28パソコン使用歴15年で四六時中パソコンを使用しているヘビーユーザーです。こんな状態ですが、何一つ異常ありません。今日もパソコンの調子は快晴です。ちなみに私はネットバンクも利用しているし、仕事上、海外サイト(ちょっと危険っぽいサイト)でデザインに必要なフリー素材を探すことも頻繁に行っています。※この記事を最後まで読まずに真似しないでください。私がウイルス対策ソフトなしで感染しないのかを根拠で説明します。目に優しくて電力エコなダークモード(ナイトモード)をサイトやブログに導入する方法。ダークモード(ダークテーマ)への切り替えができるようになってきました。ダークモードがもたらす効果は以下の2点。TwitterやYoutubeを一日中見ている人にとっては、このダークモードは嬉しい。背景が真っ白だと、目がチカチカしてきます。DataTablesの初期ソートを無効にする。並び順の設定2019-05-23CSSフレームワークとして一番需要が広がっているbootstrap。DataTables」プラグインがクセがあります。初期の並び順(ソート)がソースコード順になってくれません。"aaSorting...続きを見るjquerybootstrapDataTablesjQuery【レスポンシブ基本】スマホ閲覧の時だけ表示またはパソコンの時だけ表示するCSS最短テクニック2019-04-04レスポンシブでサイトを制作することは今や当たり前ですよね。googleが推奨していることもありますし、なによりサイトのメンテナンスがラクです。レスポンシブ最高!というわけで早速表題の件に。レスポンシブでサイトを作る場合、スマホで表示するボタンをパソコン版では表示しないようにしたい部分がでてきます。分かりやすい名前のクラスをつけておくと便利です。逆にスマホ用のCSSにパソコン版だけの部分を非表示に...続きを見るレスポンシブCSSボタンを押したらローディング(くるくる回るスピナー)を表示する(ローディング画像不要CSSのみ)2018-11-26管理画面でユーザーに画像をアップさせる際、実行ボタンの2度押しを防ぐために必要なローディングの表示。苦労せず設置ができたので、コードを紹介します。ローディング自体はCSSで完結します。画像不要なのが今回のミソです。ボタンを押したらローディング発動の部分だけjqueryです。bodyの下辺りにローディングのHTMLコードをコピペして、フォームのボタンに何らかのクラス名を付けてください。次はCSSに以下のコードをコピペしてください。「下から上に移動しながらのフェード」これがなかったので、自分で調整したものを残します。単純に、jqueryのappend関数(コンテンツ追加)でbodyのmargin初期値を50pxなどにして、delay(ディレイ)後にmarginを0にする。同時にフェード効果とのコラボとなり、非常に心地の良い効果になります。...続きを見るjquerycss3フェードリッチ効果jQueryリンクや画像をマウスホバーの際にゆっくり変化させるCCSのみで最短の方法2018-10-29マウスホバーはPC版サイト限定なので、スマホサイトでは使えません。BtoBではまだまだPC版サイトが重要なので、需要は多少ありますよね。変化させる方法ですがCSSのみで簡単にできます。classにtransition(切り替える時間)を指定します。hover時の効果も指定。半透明にさせるopacityかbackgroundがベターです。あとは、ホバー時に変化させたい画像やリンクの...続きを見るCSS3opacitytransitionCSS中小企業がポンコツシステム会社の餌食になってる件について2015-10-22PHPのシステムエラー復旧を承っちゃおうかな。ポンコツなシステム会社が多すぎるからさ。登録ボタンを押すと、ページが見つかりません...っておいおい。苦労して入力したのにふざけんなっつーのと、怒り心頭。受注PHPパソコンを持たない世代の増加でWEB制作者の需要が年々アップ!2015-04-23WEB制作の業界で飯を食ってきて10年目になった。WEBの技術者もそれに伴い増加傾向にあったと思われる。この頃はガラケーサイトを作るが面倒だった。WEBエンジア(SE)は実機チェックに奔走せざるを得なかった。その5年後の2010年にはガラケーサイトの需要が縮小し、スマホの時代に突入。SE的にはガラケーサイトを作るよりはかなり楽になった。個人的主張ドキュメントタイプについて2014-08-14HTMLの先頭で記載しなければいけないドキュメントタイプにはいくつか種類がある。ドキュメントタイプを指定しないと、古いIEではCSSが正しく反映しなかったりするので宣言は必須。auto;」が効かない。これまで現役で、今もなお主力なのがxhtmlのドキュメントタイプ。この指定をすると閉じタグのないタグには最後にスラッシュが必要になる。個人的には好きな指定法。xhtmlより前に主流だったのが下記のドキュメントタイプ。テーブル組みの時代によく見られていたので、古いサイトは大半がこの形。htmlSta...続きを見るHTML5XHTMLHTML本物のタブブラウザはスレイプニル!高速ネットサーフィンで仕事で差をつけろ!(2019年更新:スレイプと決別した理由)2013-09-012019年7月更新:もう4年前頃にスレイプニルとはきっぱり決別した理由。スレイプニルは「重い」「突然落ちる」のデメリットがあります。スレイプニル4のブックマークとタブの使い勝手は抜群にいいので、今も離れられないユーザーがいると思います。決別しようと思ったのは、バージョン5の時にスレイプニルの良さがすべて消し飛んでしまったからです。普通のよくあるブラウザと同じ様なものになった感があります。使いこなす前にアンインストしたので知りませんが。最新バージョンに全く魅力を感じなかったので決別しようと決心しました。この記事に関する最新記事は「ボタンを押したらローディング(くるくる回るスピナー)を表示する(ローディング画像不要CSSのみ)」になります。下記の古い内容よりも画像ファイルが不要で使い勝手がいいので、新しい記事をご覧ください。古い方法でよければ以下をご覧ください。管理画面で時間のかかる処理(例えば画像や動画などをアップロードする際)をする場合、画面が固まってしまったと勘違いされて閉じられたり、ボタンを何度も押されてバグを発生させてしまうこともあるかもしれない。管理画面ローディングloadingjQuery【フリー素材】スマホ版ヘッダー用素材2012-10-25今回はスマホ版サイトのヘッダーの部分でよく見かけるアイコンの素材。今回配布しているPSDファイルでは、ホームやメールなど全てがベクターなので拡大縮小が自由です。※自由に使っていただいてかまいませんが、再配布はご遠慮ください。スマホ版サイトをデザインする時の強い味方となる参考サイトをついでにご紹介。-...続きを見る無料素材スマホiphoneWEB素材PSDWEB素材6行程でアコーディオンメニューを導入2012-09-08jQueryを使用してたった6行程でアコーディオンメニューを完成させているコードがあったのでご紹介。})...続きを見る最短コードjQueryjQueryクロスブラウザ対応CSSハックの一覧2012-08-09コーダー泣かせのIEはハックで強引に直しちゃいましょう。IEはjavascriptの動作が重いし、CSS3とHTML5の対応は進んでいませんし、FireFoxもCSS3とHTML5が完全対応ではありません。safariとGoogleChromeはその辺はかなり対応していて優秀です。マイクロソフトはOS部門のWindows以外で大した成功がないような気がします。メッセンジャーはスカイプに負けてるし、ブラウザもイケてないし、スマホでも勝ち目なさそうだし。クラウドサービスもグーグルの方が技術的に強そうなイメージがある。どれも使いやすさには定評がある...続きを見るハックCSS【フリー素材】フォーム用のボタン2012-08-09個人的に好きな色のボタンを3パターン作りました。CSS3で表現できるものですが、IEが対応していないので、グラデーションや角丸はまだまだ画像を使っていった方が無難ですよね。ボタンの文字を編集したい方もいると思うのでPSDファイルもアップしてあります。※自由に使っていただいてかまいませんが、再配布はご遠慮ください。...続きを見るフォームボタンWEB素材ページを開いたらすぐに指定のページ内リンクにスクロールさせる2012-08-08ページを開いた直後に指定のページ内リンクまでスムーズにスクロールさせるという技。jqueryを使用しています。下記のコードは#sampleの部分まで移動させるという場合のものです。任意で変更してください。~~とありますが、このpはHTMLタグのpとは関係ありません。ただの変数名...続きを見るjqueryページ内リンクスクロールスムーズjQuerythickboxでダイアログを表示する2012-08-08Jqueryのプラグインであるthickboxを使ってダイアログを表示してみよう。headタグ内でjqueryを読み込んだ後にthickbox.jsを読み込む。順番が逆だと動きません。あとはテキストリンクにclass指定でthickboxを宣言し、リンクを貼るだけで設置完了です。リンクのパラメータにはheightとwidthを必ず指定しなければいけません。リンク先はHTMLや画像、PHPでさらに独自のパラーメーターを付け足すことも可能です。htm...続きを見るjqueryダイアログjQueryfloatで横並びにしたli(リスト)をセンターにする方法2012-08-04ページャを作る時に重宝するテクニックです。floatで横並びにした場合、text-align:center;ではセンターにはなりません。potosion(ポジッション)を使って実現させます。position...続きを見るページャーpagerCSSあると便利なリスト用アイコン2012-08-04画像をダウンロードして、フォトショップで切り抜き加工をして使ってください。CSSの宣言方法も記載しておきます。2px)←この部分はline-heightの設定値により数値の調節が必要になります。ヘッダーなどでサイトロゴの横にバナーを置く時に回り込みの解除が必要になってきます。背景画像があるカラムの中でfloatを使って回り込みをすると、背景画像が表示されなくなります。そこで背景画像を指定しているタグにclearfixを使えばちゃんと背景が表示されるようになります。clearfixは便利なのでサイト毎に必ず宣言しています。Aslettという方が、cleafixを考案したらしい。現在はコードが短くスッキリしています。使用方法は変わりません。.clearfix::a...続きを見るCSSの基本CSSハックCSSこの記事がお役に立てましたら是非シェアのご協力お願いします。ツイートシェア送るPocketはてなサイト内検索ブログ管理人M2NETは、日本の広告クリエイター。理屈主義で人を簡単に信じない現代的なキャラ。WEB制作はデザイン+コーディング+システム全般を平均的にこなし、近年は動画制作にも精通。2006年頃からアフィリエイトで生活。フリーランスとして10年以上活動中。制作に特化した技術者であり、マーケティングは得意ではない。現在、マーケティング上手を目指して日々奮闘中。【Photoshop】ホワイトバランスを調節する最短の方法(背景が暖色系でオレンジ色っぽい、赤っぽいを白い背景に調整)ウイルス対策ソフトはいらない!サイトを見ただけで感染は理論上不可能。4点のことを守るだけでウイルス感染はしませんパソコンを購入する際に必要な「HDDのパーティション」の知識。ハードディスクは壊れやすさNo.1だからリスクを減らそう記事以外のコンテンツ紹介ネットやアプリで無料で気軽にどんどん対局ができる将棋。脳は使わないと劣化して、使えば進化していきます。効率のいい脳の鍛え方の一つとして将棋はうってつけです。将棋関連の記事を見る食品添加物がなぜ入っているのか、何でできているのかを知ることは大切です。人間の身体は食べ物でできているから。便利コンテンツとして野菜を長持ちさせる情報をまとめています。