WEBサービス
Notionを起動するにはインターネットに接続してください。のエラー対処法
「Notionを起動するにはインターネットに接続してください」のエラー対処法 iOS版のNotionアプリで「Notionを起動するにはインターネットに接続してください。」のエラーが出る場合に試すことをまとめました。 インターネットの接続方...
[CSS]簡単に三角形を生成できるジェネレーター「CSS三角形作成ツール」
WEB上で三角形の形状やサイズ、色などを指定しながら、CSSの三角形が簡単に生成できるジェネレータCSS三角形作成ツールのご紹介です。 以前にもCSSで円形、三角形、台形、星形 などを表現する方法のまとめの記事を紹介させていただきましたもの...
[Mac]IEやAndroid、iOSなどのブラウザチェックができるBrowser Stack
Internet ExplorerによるブラウザチェックをMacで行う場合、VirtualBoxを使うなど色々方法があるかと思いますが、 今回はその中でも、Mac OS XのブラウザでWindowsのInternet ExplorerやFi...
アイコンフォントが手軽に使える「IcoMoon」の使い方
WEBサービスのモックアップ作成などでもお世話になる事が多いアイコンフォント。 今回は、数も種類も非常に豊富なアイコンの中から、自分が好きなモノを選んでダウンロードできるIcoMoonというサービスについて、その使い方と簡単なカスタマイズに...
Dropboxで2段階認証を有効にしてセキュリティ強化を行う方法
Dropboxへのログインに2段階認証をかける方法です。 通常使うパソコンの他、別のパソコンやスマホ、iPadなどのタブレット経由でDropboxへログインする際に、従来のメールアドレスとパスワードの認証に加えて「6桁 のセキュリティコード...
[CSS]リボン風帯のHTMLとCSSをWEB上で生成できる3D Ribbon Generator
WEB上で簡単に「リボン風帯」のデザインを作って、HTMLとCSSのコードを生成できるサービス3D Ribbon Generatorのご紹介です。 生成されるコードの量はかなり多いですが、リボン帯をCSS だけで一から作ろうと思うと結構大変...
ブログにFeedlyへの登録ボタンを設置する方法
Google Readerに替わるRSSフィードリーダーとして人気の高いFeedlyに、ブログのRSS を登録してもらうための「Follow on feedly」ボタンを設置する方法のご紹介です。 Feedly へアクセス 以下のページより...
このサイトもしかして落ちてる?を調べることができる「Down for everyone or just me?」
いつも見ているサイトがたまに繋がらない…という時に、「もしかしてサイトが落ちてる??」を調べることができるサービスがDown For Everyone or Just Meです。 Down For Everyone or Just Me へ...
[CSS]border-radiusなどのコードをWEB上で簡単に生成できるCSS3 Generator
CSS3のborder-radiusやbox-shadowなどのプロパティの値をブラウザ上で設定し、コードを生成できるジェネレータCSS3 Generatorを使ってみました。 エディタで書いていると、特に transform とかはイメー...
CSS によるローディングアニメーションを簡単に生成できる「CSS Load.net」
loading 画像が簡単に作れるサービス の記事でも紹介させていただいた Ajaxload を使えば loading 画像を作成できますが、今回紹介させていただく CSS Load.net を利用すれば「CSS のみ」によるローディングア...
特殊文字やハートマークなど大量のUnicode 文字を掲載しているサイト「Unicode character table」
中国語、韓国語、アラビア文字などの他、ハートマークや音符といった記号まで膨大なUnicode 文字を掲載しているサイトUnicode character tableのご紹介です。 使いたい文字があればクリップボードにコピーしてテキストエディ...
PNG画像のファイルサイズを小さくできるサービスTinyPNG
前回JPG 画像の容量(サイズ)を圧縮できるサービス「JPEG Minimizer」の記事ではJPGファイルの画像圧縮サービスについて紹介させていただきましたが、今回は「PNG」形式の画像の容量を圧縮できるサービスTinyPNGについて紹介...
Amazonアフィリエイトの商品リンクを簡単に生成できる「amazlet」
Amazonのアフィリエイトリンクを手軽にブログへ設置できるサービスamazletのご紹介です。 この手のサービは他にも ポンデリンク など色々ありますが、Amazonの商品ページからブックマークバーに登録しているamazletのリンクをク...
Google Readerの登録サイトをFeedlyに移行する方法
2013年7月でサービスが終了するGoogle Reader。 Google Readerの代替サービス、データの移行先としてFeedlyの名前がよく挙がっていますが、このFeedlyは Google Readerのお気に入りサイト情報をそ...
[CSS]CSS3のグラデーション用ジェネレーターUltimate CSS Gradient Generatorが超便利
イラレやフォトショでデザインしたグラデーションのボタンなどを、CSS3のグラデーションに落とし込む時などに使えるサービスがUltimate CSS Gradient Generatorです。 カラーピッカーとグラデーションバー付きで分かりや...
[WordPress]IFTTTでWordPressのブログ記事をTwitterに連携する方法
Instagramの写真をDropboxに保存したり、Gmailの重要なメールをEvernoteに保存したりなど、様々なWEBサービスやSNS同士を連携させることができるIFTTT。 今回は、このIFTTTを使ってWordPressの投稿記...
JPG画像の容量(サイズ)を小さくするサービスJPEG Minimizer
サイトやブログの高速化に取り組む中で「画像の容量をいかに減らすか?」は重要な課題だと思います。 ギャラリーサイトなど画像を多用する場合はもちろん、WordPressのブログでも記事に挿入する写真にアイキャッチ画像に…と、扱う画像が増えていけ...
FacebookやTwitterなどのロゴ画像がベクトルデータでダウンロードできる LogoEPS
LogoEPSというサイトには、FacebookやTwitter、Google、Youtube、Appleなどの有名企業やサービスのロゴ画像が大量に掲載されており、それらロゴ画像がAI形式や、EPS形式などのベクトルデータでダウンロードする...
Amazonアソシエイトの用の商品画像サイズを自由に設定できる「ポンデリンク」
Amazonアフィリエイトの商品写真をブログに掲載する際に、Amazon側で用意されている画像サイズ「小」「大」ではちょっと小さすぎる… なんて場合に、自由に画像サイズをカスタマイズして商品写真を掲載できるサービスのご紹介です。 ポンデリン...
[javascript]手軽にブログの関連記事を表示できるLinkWithin
ブログの関連記事を自動で取得してサムネイルとタイトル付きで表示してくれる LinkWithin。 LinkWithinのサイトでメールアドレスやブログURLなどを登録するだけでjavascriptのタグ(ソースコード)が発行されますので、そ...
URLを簡単にエンコード、デコードできるサイト「URLエンコード・デコードフォーム」
URLに日本語が含まれるサイトにアクセスすると、URLが %3%y9%97897%… みたいな文字列になっていると思います。これは日本語が対応していないので、対応している文字列に変換されている訳ですが、サイトを構築する上でも意図的にURLを...
オンライン上で.htaccessを簡単手軽に作成できる.htaccess Editor
ベーシック認証からリダイレクトの設定まで、オンライン上で手軽に.htaccessファイルの作成ができる便利なサイトのご紹介です。 .htaccess Editor 以下のサイトにアクセスします。 .htaccessファイルを簡単作成「.ht...
loading画像が簡単に作れるサービス「Ajaxload」
ページを下までスクロールすると「次の記事を読み込む」というボタンがあって、クリックしてくるくる歯車が回って… 最近はこのようサイトをよく目にしますが、そのくるくる回るloading 画像を1から用意する、ってなると結構手間がかかるので、好き...