40の美しいモバイルアプリデザイン40の美しいモバイルアプリデザイン

スポンサードリンク

2012/06/16

40 Beautifully Designed Mobile Apps With Excellent UI Experience in Mindの記事より

40の美しいモバイルアプリデザインが紹介されています。
コレら以外にもモバイルアプリデザインを集めているアーカイブサイトが紹介されています。

特にMobile UI Patterns は情報量が多いです。

Featured Mobile App Makers

40 Beautifully Designed Mobile Apps With Excellent UI Experience in Mindの記事より

特にMobile UI Patterns は情報量が多いです。

Featured Mobile App Makers

スポンサードリンク

-Web制作, アプリデザイン
-Web制作, アプリデザイン

WEBブラウザはリンク要素の上にマウスカーソルを乗せると矢印から指マークへ切り替わります。マウスカーソルリンクカーソル CSSを編集しているときに何度やっても指マークが表示されなくなる不具合が起こることがあります。その時の解決方法を記載します。 CSSでレイアウトしたときにリンクの指マークが表示されない原因はZ-index よくよく考えれば当たり前なのですが、他のことでいっぱいいっぱいになっていると忘れがちな内容です。リンクタグを付けているのに指マークが表示されない要素に『positionのプ ...

JavaScript Web制作

2019/8/5

【Chart.js】グラフを簡単に作れるJavaScriptライブラリ

Chart.jsはグラフをとても簡単に作っていくことができるJavaScriptライブラリです。・どのグラフにするか？・どんな数値・メモリを入れていくか？と中身のデータを入れ替えていくだけでグラフが簡単に出来上がります。エクセルなどのスプレッドシートでグラフを作る感覚に近いです。グラフの初期テンプレートは用意されており色を変えるだけでなく、カスタマイズも出来ます。グラフが表示されるときにアニメーションするのもポイントが高い点です。グラフがアニメーションするとWEBページとしての見栄えも良いで ...

Web制作

2017/9/29

さくらドメインコンパネにWPXレンタルサーバーのネームサーバーを設定する方法

さくらドメインコンパネにWPXサーバーのネームサーバーを設定する方法

JavaScript Web制作

2019/8/14

スクロールしたらCSS3のグラフがアニメーションするようにする方法

スクロールしたらCSS3のグラフがアニメーションするようにする方法『アニメーションするグラフを作ってくれ』と言われてしました。知らない間にアニメーションの需要が出てきているんですね。少しWEBから遠ざかっていたのでこんなことができるようになっていたのは非常に驚いています。たしかにアニメーションするグラフは見栄えが良いし、企業のサイトを作成するとなると決算や社内状況を知らせるためグラフは不可欠な要素になります。ちょっとリッチなページ、ひと目を引くページ作成でアニメーションをいれてくれと言われる ...

Web制作

2014/7/18

Naverまとめで「サービス利用に制限がかかっているため、ログインできません。」が表示される

adsense Web制作

2014/4/11

アドセンスのクリック率が落ちてきたら広告のブロックもしてみよう。

アドセンスのクリック率が落ちてきたら広告のブロックもしてみよう。広告のブロック設定方法の紹介

Web制作

2013/3/20

【htmlコーディング】Zen Cording for Coda v0.7.1の使い方

Web制作

2012/6/16

短期間でのスマホウェブ開発スライド短期間でのスマホウェブ開発スライド

Web制作

2019/3/14

「Lity」の使い方。画像や動画を簡単に強制ポップアップ表示させるJSライブラリー【WEB制作】

「Lity」の使い方。画像や動画を簡単に強制ポップアップ表示させるJSライブラリー【WEB制作】 LityはjQueryを利用したLightbox系のJavaScriptライブラリです。ポイント・画像、インラインコンテンツ、iframe、動画URLをポップアップ表示できる・3kBと超軽量・レスポンシブ対応・利用にはjQuery本体が必要。・MIT license. Lityを使うとどうなる？ユーザーがボタンを押すと、対象の内容をポップアップ表示できます。ポップアップ表示をすることで、自分の ...

Web制作

2014/6/25

自分のブログファンを増やすためにプロフィールシェアボタンを記事の下へ置こう。

JavaScript Web制作

2019/7/11

【JavaScript】「next()」「prev()」でjQueryで要素の取得して画像を変更する。

JavaScriptのライブラリとして一般的になったのが「jQuery」です。いまだにjQueryを使ったサイトの案件はたくさんありますので、 JavaScriptの勉強をしていく上では逃げられないライブラリになっています。「ボタンをオン・オフしてjQueryで画像を変えたい！」と言う時困るのが・そもそもの画像の変える書き方がわからない・画像を変える要素を選択する書き方がわからないというところでしょうか。初歩的な内容ですが、とても需要があり使うことが多いため書き方を覚えておくと便利です。 jQ ...

Web制作 Wordpress

2016/8/2

php-fpm+nginxでload averageが上がった時の対処メモ

JavaScript Web制作

2019/12/26

【JavaScript】jQueryのSlideToggle()でアコーディオン開閉時にテキストを変更する。

アコーディオン処理を加えるときにとても楽ちんなのがjQueryのSlideToggle()です。短い文でかんたんにアコーディオン開閉時を実装できます。 SlideToggle()とともに「もっと見る」「閉じる」のようなボタンのテキストを変化させたいことがあります。今回はそのサンプルを紹介します。 javaScriptでやること・SlideToggle()を実装する・SlideToggle()の開閉を判別する・テキストを変更する。最初に必須なjQueryの読み込み方 jQueryをページに読み込 ...

Web制作

2015/2/24

お名前.comのVPS(KVM)プランでページ表示速度を上げてSEO対策

JavaScript Web制作

2019/12/26

【JavaScript】Swiperを使って端がちょっと見えるスライダーを実装する方法

数あるJavaScriptスライダープラグインの中で、・bxslider.js ・slick.js の著名ですが今回利用したのが「Swiper」です。 Swiperのメリット Swiperはオプションが多く、いろいろなスライダーを作ることができます。・IE11対応・jQueryが不要・スマホOKでタッチやスワイプにも対応・オプションがありすぎてちょっと面倒とりあえず公式サイトにあるDEMOを見てみると実装できるスライダーの豊富さがわかります。デモを見るだけでも大変です。IE11だと結構動作が ...

Web制作

2019/4/26

古いサイトでたまに見かけるaタグ「javascript:void(0);」の意味【WEB制作】

Javascript 古いサイトの修正をするときに見かけることがあるのが「javascript:void(0);」 aタグの画面遷移を無効化するために使われていますが、どんなメリット・デメリットがあるのでしょうか。「javascript:void(0);」のメリット・aタグのhrefに書き込むとaタグの画面遷移を無効化・カーソルが「指カーソル」の形になるのでボタンの画像が視覚的に”押すもの”とわかりやすくなる。・表示枠をタブ化するときなどにURL欄に”#”などがつかない「javascript ...

css Web制作

2019/11/8

メディアクエリ(Media Queries)が効かないときに確認したいこと

メディアクエリ(Media Queries)が効かないときに確認したいことメディアクエリ(Media Queries)はスマホ向けのWEBサイトを作るのに必須な技術です。メディアクエリを正しく記述しても効かないときがありましたので備忘録として記載しておきます。メディアクエリ @media screen and (max-width: 320px); というように表示させるディスプレイサイズごとに CSSを記述していける書き方です。 CSSは原則として下に書く内容が優先度が高く処理されるため（イレギュ ...

Web制作

2019/3/8

【WEB制作】Lightboxの実装方法。かっこいい画像ギャラリーがJavaScriptの知識なしで簡単実装できる

LightboxはjQueryを利用したJavaScriptライブラリ。最近は見かける機会が減ってきましたが、写真を押すと写真が拡大表示されて黒背景に写真が等倍で表示される「写真の見栄えをよくできる」ライブラリです。サムネイルを押すと、大きい画像が等倍にリサイズされながらフェード処理されて表示されるので動きがあり非常に見栄えが良いのがポイント高いです。 JavaScriptの専門知識がまったくなくても簡単に導入ができるのでよく利用されています。ライセンスは The MIT Licenseで商用・ ...

Web制作

2019/4/12

【Web制作】IE11でFlexboxが横並びにならなくてハマる

IE11でflexboxが横並びにならないとお客さん側から苦情が来てしまいました… 事前にIEはチェックしなくて良いと聞いていたので油断してましたね。結論としては「display: flex;」の記述が抜けていたこと。 IEだしdisplay:-ms-flex を書いておけば良いものだと勘違いしていたんですね。 IE11ではdisplay:-ms-flex;が読み込まれずにいて、そもそもの「display: flex;」が抜けているとflexboxレイアウトができないという初歩ミスにハマってしまい ...