TOP  >  Design  >  スクエア型を利用したパターンまとめ「40 Amazingly Creative Square Patterns For Free Download」 デザインの背景などを鮮やかに彩るパターン素材には、さまざまな柄が存在していますが、今回紹介するのは、スクエア型を利用したパターンまとめ「40 Amazingly Creative Square Patterns For Free Download」です。 （Pattern / candy bunnies :: COLOURlovers） スクエアをいろんな形でデザインに取り入れたパターンが40種紹介されています。気になったものをピックアップしましたので、下記よりご覧ください。 詳しくは以下 Pattern / rock the tartan :: COLOURlovers スクエアを取り入れた代表的なパタ

これは使いどころが多そうですね！ Web決済においてクレジットカードは重要な要素となっています。入力を少し間違えただけで使えないため、しっかりと入力してもらわないといけません。入力を間違えたとしても再入力はユーザにとって大きなストレスで購入を諦めてしまうかも知れません。 もともとクレジットカードにはチェックデジットをはじめ入力の正しさを検証する機能があります。そこでクライアントサイドでその検知が可能なCreditly.jsを使ってみましょう。 よくあるクレジットカード入力フォームです。 番号が間違っているとテキストボックスが赤くなります。 セキュリティコードの桁数が足りない場合もエラー感知されます。 セキュリティコードは一般的に3桁ですが、カード会社によっては4桁となっています。そういった点もCreditly.jsではサポートしていますので、事前チェックが可能になります（セキュリティコード

これは知っておいて損はないでしょう！ Bootstrapの便利な使いどころとして管理画面があります。管理画面は限られた関係者しか使いませんのでBootstrap臭がしても気にすることはありません。それなりの表示がすぐに実現できるのは使い勝手を向上します。 しかしそんな適当な範囲を超えて実用性のある管理画面を実現できるBootstrapテンプレートがBootstrap Admin Themeです。Bootstarp 3系に対応していますので最新のウィジェットもばりばり使えるでしょう。 Bootstrap Admin Themeの主なページとしては、 ログイン ダッシュボード カレンダー グラフ ボタン/アイコン WYSIWYGエディタ フォーム/ウィザード テーブル その他ウィジェット が用意されています。これだけあれば後は組み合わせるだけで（Bootstrap本来の機能も使いつつ）リッチな

Open Document Format（ODF）と言えばOpenOffice.orgやLibreOfficeで使われているファイルフォーマットです。さらにGoogleドキュメントをはじめ、各種オフィススイートでもサポートされているフォーマットになります。 仕様はもちろん公開されていますのでその内容を解析すればエディターを開発することができる訳ですが、それは簡単ではないというのは容易に想像できます。という前提のもと、見て欲しいのがWebODF、WebベースのODFエディターです。 エディター画面です。変更履歴まで表示できてしまう優れもの！ まさかここまで…というレベルです。ちゃんとツールバーまであって、ほぼローカルアプリケーションレベルの編集が実現します。 日本語の入力もできます。 ODFファイルをアップロードして、そのまま編集もできます。画像の埋め込みもできるなど、ドキュメントエディタと

MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました 今はまさに多チャンネル時代になっており、ユーザは様々なソースからWebサイトに訪れるようになっています。さらにユーザによって欲しい情報はばらばらで、Webサイトに求められる機能は多様化しています。 それらを複数のソフトウェアで実現していると全体としての体験はちぐはぐになってくることでしょう。そこで使ってみたいのがpimcore、多機能なCMS/顧客体験マネジメントシステムです。 まずはデモを見てみましょう。こちらは顧客向けの画面です。 次に管理者画面にログインします。 管理画面への変更はすぐにユーザ画面に反映されます。 pimcoreは主に8つの特徴を挙げています。 Webコンテンツマネージメント Eコマースフレームワーク 商品情報管理 マルチチャンネル&印刷 顧客体験&エンゲージ

MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました こういうライブラリは利用場面が多そうです。 Webサイトを見ているユーザに通知を出したいと思うことは良くあります。例としてはエラー通知があります。Ajaxで発生したエラーを通知する場所をどこにするかは考えものです。場合によってはユーザはその場所を表示していないかもしれないからです。 そこで使ってみたいのがフローティングで表示するタイプの通知です。ウィンドウに対する相対位置で指定されるので必ずユーザが見ている画面上に出せるのが利点です。そんな通知を表示するライブラリ、notifItを紹介します。 notifItの使い方 最もシンプルな例です。 notif({ msg: "<b>Success:</b> In 5 seconds i'll be gone", type: "succes

Homebrewを使っている人はいれておくと幸せになれそう！ Mac OSXではLinux/Unix系のソフトウェアが手軽に使えますが、そのパッケージ管理としてよく使われているのがHomebrewです。筆者も様々なソフトウェアをインストールしています。そんな中、よく使っているのがMySQL/nginxなどのサーバ系ソフトウェアです。 そうしたソフトウェアをインストールしている際にターミナルから起動、終了を行っているなら使いたいのがLaunchRocketです。環境設定パネルを使ってサービスの起動/終了が管理できますよ。 LaunchRocketのインストール インストール方法はバイナリをダウンロードする、コンパイルする、Homebrewを使ってインストールするの3つがあります。前者二つの方法を使うとHomebrewのスキャンが必要になりますので、Homebrewを使う方法をお勧めします。h