あまり知られていない「Googleカレンダー」の裏機能8選！
プライベートからビジネスシーンまで幅広く利用されている「Googleカレンダー」。アナタも友だちや家族とスケジュールを共有したり、クライアントとの打ち合わせ予定を事前に通知（リマインド）する機能などを活用しているのでは？ でも、実は「Googleカレンダー」にはあまり知られてない裏機能がたくさん存在するのだ。そこで今回は、使わないと損する「Googleカレンダー」の便利機能を厳選して8つ紹介しよう。 アナタは自分の予定をどのように管理しているだろうか。システム手帳には、アナログなりの趣やメリットもあるが、やはり、デジタルのほうが機能的には圧倒的に便利だろう。 なかでも、Androidスマホの標準機能である「Googleカレンダー」はパソコンでも確認できるし、外出先からスマホで気軽にアクセス＆編集できるので、プライベートやビジネスのスケジュール管理に使っている人も多いはずだ。 Googleカ
2017年、CSSでこれをやりたかったが実現できる新しい3つのテクニック
CSSには数多くの新しい機能が準備されています。その中でも2017年の今年に学んで、身につけておきたい3つのテクニックを紹介します。 3つはすべて有用で、Webサイトやアプリを作成する際に必ず役立つと思います。 3 New CSS Features to Learn in 2017 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 @supportsを使った条件付きCSS Float, Flexboxの後継者「CSS Grid Layout」 プロパティを変数で指定 すべてのブラウザにサポートされていない場合 @supportsを使った条件付きCSS @supportsを使用したCSS Feature Queries（W3C）は、特定のCSSのスタイルを指定したユーザーエージェントに対してのみ適用することができる条件付きのCSSを
文字詰めできるCSSのfont-feature-settingsが凄い！ 日本語フォントこそ指定したい自動カーニング - ICS MEDIA
游ゴシックではプロポーショナルメトリクスは効果的 WindowsやmacOSに搭載されている游ゴシック体は、仮名が漢字に対してかなり小さめにデザインされています。游ゴシック体ではヒラギノ書体より字間が開いて見えてしまうため、プロポーショナルメトリクスを活用する効果は大きいです。 Webフォントにもプロポーショナルメトリクスは効果的 デバイスフォントだけでなく、Webフォントでもプロポーショナルメトリクスに対応したOpenTypeフォントがたくさんあります。Webフォントに関しては記事「Webフォントサービスの徹底比較！ 和文フォントが使える5つのサービスの利点まとめ」を参考ください。 ▲左側は未指定（和文等幅）の状態でカタカナの開きが大きい。右側はプロポーショナル字形を適用した状態で、カタカナが詰まっている。 対応環境：ほぼすべてのブラウザで利用可能 これだけ便利なCSSですが、どれだけの
Mac標準「プレビュー」の意外と知られていないTips - Qiita
※ "意外と知られていないか"の基準は筆者の主観です。 ※ 動作確認環境は、MacOSX Yosemite、プレビュー v8.0です。 ※ MacOSX Sierra, プレビュー v9.0で動作確認しました。 ※ mac OS Mojave, プレビュー v10.1 で動作確認しました。 更新履歴 2019/03/06 macOS Mojave 10.14.1 での動作を確認 2017/05/01 Mac OS Sierra での動作を確認 2016/10/12 7. クリップボードから開く 2016/09/27 6. 画像を回転させる 2016/09/27 5. PDFを暗号化する 2016/09/27 4. PDFのファイルサイズを圧縮する 1. インスタントアルファ😄 同じような色のエリアを選択し透過してくれる機能 これを何回かやってみると？ ポテトチップスの袋もあっという間にで
CSSでコンテンツが少なくてもフッターをウィンドウ下部に表示する方法 - NxWorld
特に何も考えず組んでいると、コンテンツの内容が少ない場合に本来ウィンドウ下部に表示されてほしいフッターコンテンツなどが中途半端な位置に表示され、その分フッターとウィンドウ下部の間にある領域に大きな空白ができてしまうことがあります。 これをCSSや場合によってはJavaScriptで解決する方法があるのはご存知の方も多いと思いますが、最近では特に古いIEの対応がなくなってわざわざJavaScriptを使わなくてもよくなったり、CSSも以前よりシンプルな記述で実装できるようになっているので、自分が最近利用した実装方法を備忘録も兼ねていくつか紹介します。
[CSS]否定疑似クラス「:not」の便利な使い方と使う時の注意点
例えばリストの各アイテムの区切りにボーダーをつける時、まずはli要素にボーダーを指定し、最後のli要素にだけボーダー無しを上書きで指定する、そんなスタイルシートも「:not」を使うと簡単に指定することができます。 否定疑似クラス「:not」の便利な使い方と使う時の注意点（特に優先順位）を紹介します。 On :not and Specificity 以下、各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様に許可を得て翻訳しています。 「:not」の便利な使い方 CSSセレクタの優先順位 101 「:not」を含む優先順位 「:not」を使う時の注意点 まずは、「:not」の各ブラウザのサポート状況。 2016年現在、どの環境でも特に問題なく、利用できると思います。 :not などセレクタの各ブラウザのサポート状況 「:not」の便利な使い方 否定疑似クラス「:not」は使い
![[CSS]否定疑似クラス「:not」の便利な使い方と使う時の注意点](https://cdn-ak-scissors.b.st-hatena.com/image/square/c7854364c5c81764331231720a32437f4c3a3926/height=288;version=1;width=512/https%3A%2F%2Fcoliss.com%2Fwp-content%2Fuploads-201601%2F2016032501.png)
Mac OS X（Yosemite）の機能や設定！今更聞けない物から意外と知られてない物まで色々 | バンクーバーのうぇぶ屋
Macユーザーの皆さんはもうYosemiteにアップデートしましたか？僕はちょっと遅くて年始になってからアップデートしてみたんですが、いまさらですが結構変わりましたね。で、良い機会だからとちょっとどんな機能が実装されたか気になったのと、ちゃんとMacを使いこなしたい、みたいな衝動に駆られたので、とりあえず記事にします。というわけで今日は個人的に、これは知ってて損は無いと思ったMacの機能を色々と共有させて頂ければと思います！ 知られている物も、そうじゃないものも色々あるかと思いますが、僕自身がとりあえず知って良かった的な物を色々ご紹介出来ればと思います！ちなみに僕の確認環境がYosemiteなのでYosemiteベースで書きますが、いくつかの機能は前OSからあった物もあるようです。あと、思いつきベースで行くので順番も適当で行きます（笑） フォルダ関連 ファイルの名前を一括変更（連番も可能）
知ってると便利なCSSのテクニックのまとめ -CSS Protips
リスト要素で実装したナビゲーションの右端のボーダーを取り除くシンプルな方法、flexboxで実装したカラム間の溝の最後の溝を取り除く方法、天地の中央に配置など、知ってると便利なCSSのテクニックを紹介します。 CSS Protips -GitHub CSS Protipsのバージョンアップ版の紹介記事はこちら。 CSSでやりたかったことが数行のコードで実装できるスタイルシートの小技のまとめ -CSS Protips CSS ProtipsのライセンスはMIT Licenseで、個人でも商用でも無料で利用できます。 下記のスタイルシートの対応ブラウザはChrome, Firefox, Safari, Edge, IE11です。 リスト要素の最後だけボーダーを適用・削除 body要素に「line-height」を加える 天地の中央に配置 ネガティブなnth-childを使用してアイテムを選択
かつてはJavaScriptを利用していたものの、今ではCSSのみで実装できる10の小技
2015年3月18日 CSS 2011年に「少しのコードで実装可能な20のjQuery小技集」という記事で数々の便利な制作技を紹介したのですが、時は流れ、今ではCSSのみで表現できるものが多くなってきました。という事で今回はその記事内で紹介した技を中心に、かつてはJavaScriptを利用していたものの、今ではCSSのみで実装できる小技を紹介します。 ↑私が10年以上利用している会計ソフト！ 目次 Div全体をクリックできるようにする テーブルの偶数・奇数の行の色を変える フォームにテキストを入れておき、フォーカスで消す（文字色も変更） ラジオボタンとチェックボックスを装飾する スライドパネル アコーディオン ツールチップ 言語によってスタイルを変更 横並びのdivの高さ揃える ボックスを上下左右中央に配置する それでは実際にどんな事ができるのか見てみましょう！サンプルも作ったのでコードと
iMac／Macbook Proに入れてるアプリの中で『これだけは絶対必要だろ！』って思えた物全部！ | バンクーバーのうぇぶ屋
どうもー！！最近2011年春モデルのMacbook Proが重量的な意味で重すぎて、もうぼちぼちAirにしたいセナです。 まー、もしAir買ったらまたどうせアプリ入れ直すだろうし、必要な物だけチョイスして整理して入れたいし「あのアプリは必要だ、あのアプリは要らない」とか、たぶんそんな試行錯誤だけで1日以上を費やすかもしれない… オマケに、どうせ近い未来また新しい機種なり何なりが出て、同じ事を繰り返すことになるのは目に見えて居る… 僕、面倒くさいの大嫌いなので、これはなんとかして時間節約出来んもんかと思ったわけです。 と、いうわけで。今日は2013/08時点で「いや、これは自分的に天地がひっくり返ってもとりあえず必要でしょ。」ってアプリを全部一箇所にまとめておくことにしました。 まぁ、必要になるかはさっぱり分かりませんが、こんな記事でもとりあえず書いておけば将来の僕が「ビバ俺！」ってなってる
画像置換のあれへの補足
先月あたり、CSS による画像置換テクニックの話題がにわかに盛り上がりを見せていました。その経緯について まとりさんの記事 で紹介されていますが、僕からも簡単に補足してみます。 まず、よく知られた画像置換のテクニックとしていわゆるファーク式がありました: /* Phark method */ .ir { height: 100px; width: 400px; background: url(image.png) no-repeat 0 0; text-indent: -9999px; } このテクニックは長らく利用され続けてきましたが、その代替として、パフォーマンス面でより良いとされる Scott Kellum さんのテクニック (ケラム式) が Jeffrey Zeldman さんの記事 で紹介されました: /* Kellum method */ .ir { height: 100px
爆速ブラウザ・Google Chromeがさらに便利になる7つの技
この記事には広告を含む場合があります。 記事内で紹介する商品を購入することで、当サイトに売り上げの一部が還元されることがあります。 Google Chrome Logo / Randy Zhang もうずいぶん前から、ブラウザにはGoogle Chromeを使っています。なぜなら早いから。 他にもFirefoxやOpera、Sleipnirなど好みはあると思いますが、もしInternet Explorer（Windowsパソコンに最初から入ってる、青いマークのアレ）を使っている人がいれば、今すぐChromeを使ってみてください。ほとんどの場合で劇的に早くなるはず。 Google Chrome – Google の高速で安全なブラウザをダウンロードまあそれは良いとして、今回はそんなGoogle Chromeをさらに便利に使う技を7つ紹介。 うまく取り入れれば、ネットサーフィンや調べ物がグッと
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
[CSS]ビューポート幅（vw）に対してレスポンシブ対応の文字サイズを指定するテクニック -Responsive font size![[CSS]ビューポート幅（vw）に対してレスポンシブ対応の文字サイズを指定するテクニック -Responsive font size](https://cdn-ak-scissors.b.st-hatena.com/image/square/0e988256232f0d626498e49d6ce0a326ccb9d200/height=288;version=1;width=512/https%3A%2F%2Fcoliss.com%2Fwp-content%2Fuploads-201701%2F2017013101.png)
The Blog | Welcome to Adobe Blog
【Photoshop入門】Webデザインをはじめよう！第1回 デザイン前に覚えておきたい環境設定とレイヤー機能 - Adobe Blog
html5-memo.com
[CSS]可変するレイアウト幅の最大値を制限する簡単な方法
Web制作者が読んでおきたい、最近公開されたおすすめのスライド
Googleが収集しているウェブ履歴を全て削除する方法 | ライフハッカー・ジャパン
CSSの知識をもっと深める30+2の小技テクニック集｜Webpark
