MENU

Macでウィンドウごとや影付きなどスクリーンショットを撮る方法まとめ

今まで普通にスクリーンショットを撮る方法は知っていましたが、ウィンドウごとにも撮ることができると知ったので紹介します。しかも、ウィンドウの影ありなしまで指定できるとは。デフォルトでここまでできるのは非常にありがたいですね。 画面全体 command + shift + 3 。撮影したスクリーンショットは、デフォルトではデス

CSSで管理画面のようなメインは中央揃えで左右背景色が違う複雑なレイアウトを作る

とある案件で、管理画面のようなUIを作る機会があったので紹介したいと思います。背景色を左右に2色分けたレイアウト手法は2017年のトレンドになる可能性もあるので、覚えておくといいかと思います。対応ブラウザは、IE9〜11、Chrome、Firefox、Safariです。 デモ コンテナ内のコンテンツ量が少ないデモ コンテ

jQueryでpostMessage()を使ってクロスドメインな親と子iframeの間で値を送受信する

今回は親と子iframeとの間で値を送受信しますが、別にiframeでなくても通信できます。IE8から使えるので、ほぼすべてのブラウザで使えると思います。JSで postMessage() を使ったサンプルは多くありますが、jQueryのサンプルはなかったので紹介します。jQueryの場合は若干違う箇所が出てくるので注意が必要です。

ElectronでネイティブアプリっぽいUIを実現するために必要なHTMLとCSS

ElectronではUI設計はHTML/CSSを駆使して作ります。ネイティブアプリのようなレイアウトを実現することは意外と難しいです。少し苦労しましたが、汎用性のあるレイアウトのテンプレートができたので紹介したいと思います。 デモ よくあるアプリケーションの雛形ですね。ヘッダーとフッターがあって、その中央にはメインコン

Macで始めるElectronの導入からサンプルアプリのパッケージ化までと注意点

前から導入が簡単でHTML/CSS/JSの知識だけでクロスプラットフォームなアプリケーションが作れてしまうと有名なElectronでしたが、なかなかアプリケーションを作る機会もなくて、触っていませんでした。しかし、今回、ある事業をやる上で顧客向けのアプリケーションが必要となったため、手軽に今ある知識でできそうなElectronを使おうと思

JS/jQueryでFastClick.jsを使ってスマホのclickイベントの300ms遅延をなくす

みなさん、スマホのクリックイベント遅延の対応はどうしていますか。Web制作会社の制作実績などを見ていると、スマホのクリックイベント遅延に対応していないものが結構あるようです。対応にはいろいろなライブラリがありますが、その中でも最もテストされているFastClick.jsの使い方を紹介していきます。 ダウンロード h
2 / 512345