UI

IUデザイン

デザイン

【UIデザイン】初心者こそAdobeXDとSketchを使ってみて欲しい

これからUIデザインにチャレンジしたい!という初心者の方のために人気のUIデザインツールを紹介をします!
今回紹介するのは「XD」と「Sketch」です。

【jQuery】ドロワーメニューを簡単作成!Drawer.jsの使い方

プログラミング

【jQuery】ドロワーメニューを簡単作成!Drawer.jsの使い方

2020/5/1    , , , ,

どうも、ジャングルオーシャンのミケです。
今日はドロワーメニューが簡単に作れるDrawer.jsの紹介だよ。

レイアウト イメージ

プログラミング

【コピペOK】floatとFlexboxのCSSレイアウト比較例3選

floatとFlexboxって、Webデザイン初心者には分かりづらいですよね(^^;)
実際のところどっちが簡単なのかサンプルコードを用意したので比較みましょう!

プログラミング

【コピペOK】ユーザビリティを高めるHTML・CSSフォーム基本テク!

ユーザビリティを向上させるためのフォーム専用の属性や便利なCSSの設定が色々あるんですよ!今回はフォームのHTML・CSS基本テクニックをご紹介します!

ユーザーログイン イメージ

プログラミング

【CSS】ツールチップをHTMLとCSSだけで簡単に作る

2020/5/1    , , ,

補足説明をする時などによく使われるツールチップをHTMLとCSSのみで作ってみました。ぜひデザインに取り入れてみてください。

缶ビールに感動する人 イメージ

デザイン

UIとUXの違いが分かりずらいので、色んなものに例えてみた

2020/2/13    , ,

みなさんはUIとUXとは何なのかご存知でしょうか?この記事では具体的にイメージしやすいように身近なものでUIとUXの違いを例えてみようと思います!

回転木馬

デザイン

【UIデザイン】カルーセルスライダー実装のメリット・デメリット

Webデザインをするうえでユーザーの”使いやすさ”をデザインする「UIデザイン」が大事!今回はカルーセルスライダー(カルーセルUI)について解説します!

eyecatch-mouseoverimg

プログラミング

【CSS】マウスオーバーで画像を拡大縮小回転させる

2020/5/1    , , , ,

CSSのtransformプロパティを使ってマウスオーバー時に画像を拡大、縮小、回転する方法を記述しています。サンプルデモも14種ご用意しましたのでぜひ見てみてください。

アコーディオン イメージ

デザイン

【UIデザイン】アコーディオンメニュー実装のメリット・デメリット

Webデザインをするうえでユーザーの”使いやすさ”をデザインする「UIデザイン」が大事!今回はアコーディオンメニュー(アコーディオンUI)について解説します!

Webデザイン イメージ

デザイン

【初心者向け】Webデザインを学ぶのにおすすめの書籍&サイト集

「Webデザイナーになるには、何から始めたらいい?」「Webデザインの良い参考書が見つからない」と思っている方のためにオススメの書籍やWebサイトを紹介します!

© 2021 ジャングルオーシャン