UI & UX Design Tips by Jim Raptis.
Social LoginSocial login boosts conversion since users can easily join your platform. Then, it's a good practice to put your social login on top of the page and place the email password authentication below. Beware that privacy-oriented people prefer not to use social login then it's always good to have another option for them.
これぞプロのデザインテクニック！UIデザインの印象がよくなるデザインの知識とテクニックのまとめ
Webサイトやスマホアプリをデザインする際に、カラー・タイポグラフィ・レイアウトなどはどのようにすればうまくいくのか、ユーザーインターフェイスのデザインが一手間加えるだけでよくなるデザインの知識とテクニックを紹介します。 10 cheat codes for designing User Interfaces 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 1. テキストは重要、より大きく！ 2. 複数のブラックを作成しない 3. カラーを理解するためには数学が大切 4. 空白スペースを活用してグループ分け 5. カラーを使用して行を区切る 6. ドロップシャドウの代わりに乗算を使う 7. 一行の長さ 8. 新しいデザインに執着しない 9. ブランドカラーをアクセントとして使用する 10. リストにおけるビュレットのデザイン 1
マークダウン記法をマスターするためのサイト・チートシート・ツール。 - あなたのスイッチを押すブログ
「マークダウン記法」というのをご存知でしょうか。 例えばHTMLで文字を強調しようと思うと、文字をstrongで囲うと思います。ですが、いちいちコードを書くのは面倒ですよね。パソコンならスニペットを使えばいいでしょうが、iPhoneなどのモバイル端末では面倒極まりない作業です。 そこで「マークダウン記法」。これは、ある法則に従って記号を使えば、後からHTMLに変換される。文字装飾が行える。そんな簡易文字装飾フォーマットなのです。 ちなみにWikipediaによると… Markdown は、文書を記述するための軽量マークアップ言語のひとつである。「書きやすくて読みやすいプレーンテキストとして記述した文書を、妥当なXHTML（もしくはHTML）文書へと変換できるフォーマット」として、John GruberとAaron Swartzによって考案された。[1] Markdownの記法の多くは、電子
動くCSSのためのメモ。
CSSでできる事がどんどん増えてます。JavaScriptを使って実装するようなレイアウトやUIも、CSSだけで作れちゃうほど、便利なプロパティがじゃんじゃか増えましたね。ここでは、要素にアニメーション効果をつけるためのCSSを使ったエフェクトについて、まとめてゆこうと思います:)。 CSSで動かす 「動く」といっても、自由自在にぐにゃぐにゃ動かせるわけではなくて、CSSアニメーションでは、プロパティの数値をスムーズに増減させることで、要素のスタイルを滑らかに変化させます。 例えば、下のサンプルでは、p要素にカーソルを合わせた時に、font-sizeの値を、1emから2emに、スムーズに変化するように指定しています。 p { transition: font-size 1s; } 動かすためのマストプロパティ CSSでアニメーションさせるために必要不可欠なのがtransitionプロパティ
【追記あり】【初心者】デザインってなんだ？「デザイン」の概念と、４つの基本原則を知ろう | WP-E (仮)
みなさんこんにちは！無事大学の卒業が確定して一安心のmegです。今回は初心者向けの記事としてデザインの基本についてまとめてみました。デザインに興味はあるけれど何を勉強すればよいのか分からない方、これからデザインについて学ぼうと思っている方の参考になれば幸いです♪ 目次 デザインとは何か 「デザイン」という言葉の意味 ソール・バスとスティーブ・ジョブズの言葉 デザインの４つの基本原則を知る ‐『ノンデザイナーズ・デザインブック』より 近接 整列 反復 コントラスト まとめ – 【2014年3月9日18時27分「概念とテクニックは繋がっている」を追記しました】 １、デザインとは何か １－１、「デザイン」という言葉の意味 皆さんは「デザイン」と聞くとどんなことをイメージしますか？オシャレなこと？洗練されていること？私たちはなんとなく見た目が美しいことや、ぱっと目を引くものなどを想像しがちですが、
一歩進んだHTML/CSS/JSを目指すために | 1000ch.net
2013/08/01 一歩進んだHTML/CSS/JSを目指すために 「なんとなく書きたくないけど、どう意識してコーディングしていけばいいのかわからない…。」 それを解消するためのツールがありますので、紹介します。 HTMLInspector philipwalton/html-inspector Introducing HTML Inspector こちらはHTMLを解析して悪いところを指摘してくれるツール。 たぶんガイドラインとかそれぞれあると思いますが、基本的にはコレに沿ってもいいかと。 スクリプトを差し込んで、実行すると、指摘事項がconsoleに出力されます。 githubのリポジトリからダウンロードするか、bowerで落としてくるか。 bower install html-inspector 次に、解析したいページに以下のコードを埋め込みます。 <script s
[Mac] Mac買ったぞ！オススメアプリ教えろ！ | Appleちゃんねる
Mac買ったからおすすめのアプリ教えて下さい！当ブログはリンクフリーです。相互リンクやその他ご連絡は問合せフォームからお願いします。（ブログのカテゴリーによっては掲載をお断りさせて頂く場合がございます。） 当ブログで掲載している動画及び画像の著作権は各権利所有者に帰属致します。 掲載されている記事に問題がある場合は問合せフォームからご報告ください。 確認後、適切な対処をさせて頂きます。
iPhoneユーザー歴3年半、本当に使っているアプリだけをまとめてみた。 - iPhoneとiMacと自分と...
初めてiPhoneを手に入れたのが、2009年5月のiPhone 3G。その後、現在まで約3年半に渡り、iPhone 4 → iPhone 4S → iPhone 5と使ってきました。 このブログでも何度かおすすめアプリを紹介してきましたが、今回は1年ぶり通算8回目となる、iPhoneのホーム画面公開エントリー。2013年秋に登場した最新モデルiPhone 5s、iPhone 5cのユーザーにも参考にしていただければと思います。 ホーム2画面、アプリ購入総額は約11万円 フォルダは純正アプリの他、便利な通知センターからアプリを起動できる「MyShortcuts+Viewer」から起動するアプリをまとめておく用途に使用。アプリは画面下側の左から順に紹介。 PlusBlog 掲載するiPhoneのスクリーンショットを見やすくまとめるために、たっくさんが公開されているWebサービスiPhone
［Mac保存版］Macユーザーなら絶対に保存するべき有益すぎるTipsや環境設定、アプリの記事２２選まとめ : WEBZUKI
［Mac保存版］Macユーザーなら絶対に保存するべき有益すぎるTipsや環境設定、アプリの記事２２選まとめ January 27, 201219:28 ツイート 今回はMacに関する有益になりすぎる情報をみなさんに提供したいと思い、まとめてみました。少し量が多いですが、ブクマ必須の内容となっておりますのでぜひ読んでみてください。前回より追加しました。 ［スポンサードリンク］ Macに関連する書籍って確かに良い情報を書いている時もあるんですが、やっぱりブロガーさんがまとめている記事の方が書籍や雑誌より10倍有益だなと個人的に思うんです。 今回はMacに関する良質記事をまとめてみましたので、Mac初心者でも中級者でも上級者でも読んでみてください。 また以下紹介する、ブログはRSS登録する価値があると思います。毎回有益な情報を提供してくれます。 目次 １．お掃除、高速化、メンテナンス系の記事 ２
iPhone 5とiOS 6を使いこなすための小技・裏技・Tips集 - RyoAnna
iOS 6が登場して3日、iPhone 5が発売されて2日が経った。新しいOSを使っていると色んな発見があって面白い。今回の記事は、各サイトで紹介されている小技や裏技をまとめた。 過去のまとめ記事はこちら。 iPhoneがもっと楽しくなる小技・裏技・Tips集 - #RyoAnnaBlog iOS5をマスターするための小技・裏技・Tips集 - #RyoAnnaBlog 今回のTips集と合わせると、より一層iPhoneが楽しくなるはずだ。 1. ランドスケープモードでフリック入力 iOS 6でランドスケープモードのフリック入力が改善され、画面の右にテンキー、左に変換候補が配置されるようになった。iPhone 5専用のインターフェイスとの事。 [iPhone 5] 横画面（ランドスケープモード）でも快適にフリックできます。 | 覚醒する @CDiP 2. Safariのランドスケープモード
WordPressカスタマイズの基礎が全て分かる初心者必読の記事10選
ユーザーに届ける価値を徹底的に追求する マーケティングを提供します © Copyright 2022 バズ部. All rights reserved. Webサイトやブログを構築する際に使えるCMSやWebサービスは数多く存在するが、WordPressは近年、もはやCMSのデファクトスタンダードとしての地位を確立している。（※W3TECHの調査によると、世界のWebサイトの約33.9％がWordPress。CMS市場では60.7%がWordPress。） もちろん、私も、ほとんどのサイトやブログをWordPressで構築しているし、国内でもWordPressの導入例は増え続けている。 従って、WordPressのカスタマイズ方法を知っておくと、何かと有利な場合が多い。そこで、本日は、WordPressをカスタマイズしたい初心者が絶対に読むべき１０の記事をご紹介する。 また、私たちバズ部は
Mac歴5年の私が実施してるMacの簡単メンテナンス | Macとかの雑記帳
私が普段行っているMacのメンテナンスです。初心者でもできる簡単なもので、Macユーザーなら最低限やった方がいいと思うもの4つです。 1. 再起動 「えっ？」と思うかもしれませんが、電源を落とさずスリープモードで長い期間使っていると、徐々に調子が悪くなることがあります。使用状況によりますが、1週間に1回は再起動してます。 2. バックグラウンドメンテナンスタスク 10.4 Tiger 以降のOS Xには、自動でメンテナンスを行う機能が備わっています。俗に「メンテナンススクリプト」呼ばれるもので、キャッシュや/tmp以下の一時ファイル等を削除してくれます。 この機能、10.7 Lionの設定ファイルを見ると以下の時間に実行されるようです。 毎日、早朝の03:15 毎週、土曜日の 03:15 毎月、1日の05:30 この時間にシステムが終了してたり、スリープ状態の場合はメンテナンスは行われませ
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
[Mac] 知らない人は損してると思うMacの使い方【その１】 | Appleちゃんねる
「これ知らないMacユーザは損してるよね〜」って思えるMacのTips新年ネタ 前スレで、起動時に明けましておめでとうが出なくなったってありましたよね。 久しぶりに見ましたよ。 スクリーンセーバーでWord of the dayを設定していると、 基本的には、大辞泉（オプションで変更可能）の内容がランダムっぽく表示されるのだが、 年末には、大晦日、正月には明けましておめでとうと出ていた！ それから、表示される内容と日付に注意して見ているのだが、結構日付を意識しているっぽい。 システム環境設定で「日付と時刻」から日付を手動で1月1日にしてスクリーンセーバーを「Word of the day」にすれば見ることができます。 関連リンク： OS X Lionのスクリーンセーバーで「Word of the Day」を選択して「あけましておめでとう」を表示する － MACお宝鑑定団 blog（羅針
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
CSSでよく使うコードのまとめ、ブレイクポイントの定義・Flexboxのグリッド・ボタン・フォーム・ユーティリティなど -Corpus
TEST CORDING » Sassの@functionの使い方まとめ – プログラマブルな処理は@function
Flipsblog.jp
feb19
CSSをもっと使いこなしたい人用のいろいろなテクニックが見られるサイトのまとめ
これからのWeb制作に使える、HTML5,CSS3の対応表や各種リソース
