つまらない管理画面UIデザインには用はない

  • 2019.01.18

Webアプリケーションの管理画面は、どれも似たり寄ったりでつまらない! WordPressのような2カラム構成に、Bootstrap3のようなカラーリング。 殆どの管理画面がこれだ。 どれも似たUIなので、非常に使いやすく、学習コストも少なくて最高のUIだが、どれも個性がなくてつまらない… もう、つまらない管理画面は懲り懲りだ。おさらばしよう! 脱つまらない管理画面UIのためのデザインの参考になる […]

目を引く文字デザイン

どうも中野です。今回は目を引く文字デザインの紹介をします。今回ご紹介するものはAdobeが提供していますチュートリアルの内容になります。 1.マドの中を塗る 2.混植する 3.先端にモチーフをつける 4.斜体にする 5.文字の要素をバラバラにする 6.配置を工夫する 7.ワンポイントを入れる 8.単純な線にする 9.文字の一部を分断する 10.図形で囲む 11.一部を伸ばす、つなげる 12.カリグ […]

ES2015(ES6)をすべてのブラウザで使えるようにコンパルする

JSでletやconst、class構文などが使えるようになったES2015(ES6)ですが、IEなどの一部ブラウザでは、まだ対応されていません。 ES2015(ES6)対応状況 主要ブラウザで未対応なのは、IEぐらいですが、日本ではまだIEユーザーが多く存在するので、class構文など使用したい場合は、ES2015(ES6)がすべてのブラウザで使えるようにコンパルして上げる必要があります。 Ba […]

Photoshopの力

どうも中野です。今回はどんな内容のブログを書こうかな?とネットを徘徊していると、フォトショップ職人なる記事を見つけました。そこにはPhotoshopの無限の力を感じれる作品がいました。 1.Max Asabin 彼はロシア在住の方です。光の使い方がすごくうまくて、複数の写真を組み合わせて1枚の写真のように見せるテクニックは脱帽ものです。 2.kanahoooo 中国でフォトショップ聖人”Photo […]

CSSとJSをAtomで自動的に圧縮する

こんにちわ、ライブラリとかを使用する際とかに「style.min.css」と言った圧縮されたファイルをよく見かけますよね。 「.min」は、minifyのことで改行やスペースなどの不要なものを削除してファイルを圧縮する手法のことです。 CSSやJSを圧縮するには、WEBツールやサーバーサイドで行う方法がありますが、今回はエディタで自動圧縮する方法をご紹介したいと思います。 エディタで自動圧縮するメ […]

人物の切り抜き remove.bg

どうも中野です。皆様、明けましておめでとうございます。本年もよろしくお願い致します。 今回は簡単に人物の背景を切り抜けるサイトを紹介します。また、そのサイトの使い方も説明したいと思います。 1.remove.bgにアクセス remove.bgにアクセスします。 2.切り抜きたい画像をアップします 切り抜きたい画像をアップします。今回はこの男性の画像をアップします。 3.完了 たったこれだけで背景を […]

PWA VS ネーティブアプリ

  • 2018.12.28

PWAとネーティブアプリについて、いい感じにプレゼンされている動画があったので、シェアしたいと思います。リスニングができなくても、パワポだけでおおよその内容は分かるかと思いますので、PWAに興味がある方は一度視聴されたら良いと思います。 ネーティブアプリのメリット ネーティブアプリがWEBに優っている項目は以下の3点です。 動作が速い 一貫したUIを オフラインでの動作 ネーティブアプリのデメリッ […]

WordPress新しい投稿画面の使い方 Part.2

どうも中野です。今回は前回説明しました新しい投稿画面の使い方の続きになります。それでは早速説明していきます。 カスタムHTML(Custom HTML) HTMLを直接打ち込むことができます。なので、この機能を使えばいちいちコード表示に変えなくてもHTMLを打ち込むことができます。 ギャラリー(Gallery) ギャラリーの挿入ができます。鉛筆マークで編集もできます。右のパネルで細かな設定もできま […]

WordPress新しい投稿画面の使い方

どうも中野です。WordPressの投稿画面が変わっていて、驚かれた方も多いのではないでしょうか?プラグイン1つで昔の投稿画面に戻すことも可能ですが、1度使ってみて使用感等を味わってから決めるのはいかがでしょうか?ということで今回は新しい投稿画面の使い方を説明します。 新しいエディタの名前 新しいエディタの名前は「Gutenberg」みたいです。前の投稿画面との大きな違いは、全ての要素がブロック構 […]

WEBデザインをする上で参考になる記事

みなさん、どうも中野です。 今回は何を書こうかな? とネットを徘徊していると、為になる記事がいたる所に転がっているではないですか!! これは早速いただかねば!! ということで、中野が独断と偏見で選んだ「これは見といた方がいい」や「参考になる」と思った記事を紹介します。 1.レイアウトが考えやすくなるデザインのルール https://wp.yat-net.com/?p=3633 この記事はレイアウト […]

1 14