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

  • 2016-06-25  最終更新日:2016-06-25

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

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

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

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

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

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

もっと見る

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

  • 2016-06-19  最終更新日:2016-06-19

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

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

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

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

もっと見る

顧客目線と自己目線

  • 2016-06-12  最終更新日:2016-06-12

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

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

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

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

もっと見る

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

  • 2016-06-05  最終更新日:2016-06-05

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

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

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

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

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

もっと見る

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

サイト内検索

最近の投稿

アイキャッチ
姫路セントラルパークに行ってきた感想

さて久しぶりになりましたが連休中に姫路市に行って参りました。太陽公園と姫路セントラルパークを2日かけて回りましたが姫路セントラルパークに関しては1日では足りないぐらいかもしれないです。ここは遊園...

12 May 2019

アイキャッチ
これは楽!iterm2パスワードマネージャー機能

さて今回はiterm2のパスワード管理についてです。そもそもこんな機能がついていること自体知らなかったのでこれ使って楽だなと思ったのでご紹介します。 iterm2の現在時点での最新バージョンは...

30 Mar 2019

アイキャッチ
JavaScriptライブラリデータベースのご紹介

さて今回はJSライブラリーのデータベースをご紹介したいと思います。知っている方が多いかと思いますがライブラリやプラグイン、フレームワークなど探す際には役立つサイトではないでしょうか。 どのJS...

28 Mar 2019

アイキャッチ
Web制作者が8年Chrome使ってきた中でおすすめの拡張機能

最近はEdgeもGoogle Chromeと同じChromiumベースでのブラウザとなりほとんどクローム(Chrome)状態ではあります。FirefoxとSafariぐらいでしょうか。Firef...

17 Mar 2019

アイキャッチ
Bootstrap4でフォーム入力の際にカレンダーから日付入力する方法

最近はメインでのコーディングはBootstrap4に移行しておりますがいろいろと3の時に使えたものが使えなかったりとしております。 DatetimePickerなどもそうですね。私個人的には4に...

18 Feb 2019

著者

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

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

タグクラウド

フッターイメージ