MENU
sass-mixin-function-default-arguments-order-dependent

Sass/Scssでデフォルト引数を指定する際の引数順序依存を改善する

SCSSは非常に便利で開発の効率も上がりますが、かゆいところに手が届かないといったことも結構あります。今回はその1つである、引数の順序依存を改善する方法を紹介します。 デフォルト引数とは たとえば、こんな関数を作ってみます。全体の幅とガター幅が分かっていて、均等分割したいとき、1カラムの横幅はいくつになるか求める関
mac-screenshot

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

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

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

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

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

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

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

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

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

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