Jun 25, 2016

CSSだけでInstagram風のフィルターが使えるcssgramが便利

2016-06-25
blog web css Instagram filter インスタグラム風

インスタグラムはやってますね、私も1年ほど前に登録したもののあまり使っておりません。。。さてそんなインスタグラムの写真フィルターのようなライブラリがありましたのでご紹介します。

簡単に言えば、CSSgramはCSSで画像をInstagramのようなフィルターっぽく編集できるライブラリです。

ここでやっているのは、基本的に画像にグラデーションオーバーレイ、フィルタやブレンド機能を使って似せているような機能です。

簡単にInstagram風のフィルターが使うことができます。

対応ブラウザはIE(インターネットエクスプローラー)は対象外となっております。Google Chrome、Firefox、Opera、Safariが対応しているようです、edgeは対応しているのかな、cssの問題なのでおそらく対応していると思われますが。。

こちらは公式サイトです。⇒CSSgram test sheet

Read more

Jun 19, 2016

特定のサイトにアクセスできなくなった対処法

2016-06-19
blog web access deny virus software アクセス

なぜか特定のサイトだけにアクセスができないということがありませんか?

私はありました。すごく重用なサイトでもなかったので特に気にしていなかったのですが、どうもこのパソコンだけがアクセスできないということがわかったとき、原因を調べてみました。

原因はいろいろあると思いますが今回はウィルスソフトでした。ESET NOD32というソフトを長年使ってきたのですが今までこんなことなかったのですが、Macだとうまくいかないようですのでその対処法をご紹介します。

今回の設定はMac版に限ります。

Read more

Jun 12, 2016

顧客目線と自己目線

2016-06-12
blog eyes user customers think カスタマー

さて、今回は顧客目線について考察してみたいと思います。

自分の商品を売るために一生懸命相手にアピールしますよね。ただここで自分の考えを相手にたたみかけるように話してもおそらく伝わりません。

この商品ってこんなに良いのですよ、すごいんですよ、こんなことも出来るんですよ。etc…

普通引いちゃいますよね。あったばかりの人にガンガン押されても。。。これってあまり顧客のことを考えてないからだと思うのです。まずは自分が顧客だったらと思うことが大事なのです。

Read more

Jun 5, 2016

WindowsのIMEの入力切り替えをMac風な「変換」と「無変換」キーに割り当てる方法

2016-06-05
blog keyboard windows mac input ウィンドウズ ime

WindowsマシンとMacマシンを使っていて入力変換に悩まされます。私はだいたいMac風変換で打っているのでWindowsの変換方式だとイライラします。

それはひとつのキーで切り替えている点です。これって結構な確率で間違えてしまいます。日本語入力のつもりで打っていたら英数になっていたり、英数のつもりで打っていたら日本語入力だったりと。。まあ、それは間違えますよね。あー、こっちじゃないー!!と

だけどMac風の入力変換だとそれがかなり減ります。スペースキーの両隣にある無変換と変換キーに割り当てると何度そのキーを押しても変わることがないので間違えることはありません。

例えば無変換キーを何度押しても英数になりますし、変換キーを何度押しても日本語入力のままです。

そこで今回は主要なIMEのキーの割り当て方をご紹介いたします。OSのバージョンはWindows7は割と紹介している記事が多かったのでWindows10でやってみたいと思います。

Read more

  • このエントリーをはてなブックマークに追加
  • follow us in feedly

最近の投稿

アイキャッチ
anime.jsの使い方

今回はオブジェクトに動きを加えたり、ちょっとしたアニメーションを付け加えるのにとっても役立つアニメーションライブラリのご紹介です。 anime.jsはとっても軽量でかつ簡単に使えるので去年あた...

18 Feb 2017

アイキャッチ
鳥取県米子市の大雪での現状報告

先月に続いてまた大雪です。鳥取市の方がだいぶ雪が積もっていますね。90cmとは。。。 先月同様駐車場から出られないほど雪が積もりました。今日は雪かきで疲れました。。。週末で助かった部分がありま...

12 Feb 2017

アイキャッチ
親要素をクリックしたら子要素のリンクを発動させる方法

システム上の設定で自動的にはき出すhtmlの場合とかに有効な手段かもしれません。 a要素が複数でてきてその上の要素をクリックしたら下の要素が発動するような仕組みです。 例えばli要素の中にdi...

04 Feb 2017

アイキャッチ
ワードプレスでデバッグログをダッシュボードに表示させる方法

ワードプレス運用中のサイトのエラーログを出力させてそれをダッシュボードで見る方法をご紹介します。 ログ出力方法は結構いろいろなサイトに書かれているのですがそれをダッシュボードに表示させる方法が...

28 Jan 2017

アイキャッチ
bttn.cssで簡単にボタン作成

簡単にボタンが設置できるbttn.cssのご紹介です。数も12種類のボタンだけで色と大きさが指定できます。 容量も少ないのでさくっと出来ます。下記公式サイトからダウンロードして使うかcdnjs...

21 Jan 2017

著者

ウェブエンジニアのSUYAMAのブログです。

WEBに関することや個人的に関心のあることについて書きます。主に技術系ブログです。

タグクラウド

フッターイメージ