【Tips】ただただフォーム最適化をまとめたチートシート的なもの - Qiita
概要 主に「2016年 - 2017年」の記事から引っ張ってきて、ただただ羅列したものです。 なので、このまとめ自体の最適化が成されてないですが、そこはご容赦ください… ユーザビリティ・アクセシビリティ 分かりやすさ 入力項目は必要最低限にする 項目名は簡潔で短く分かりやすいものにする できる限り入力フィールドの数は最小限にする 一つの項目の入力フィールドを複数に分けない 例：姓名、電話番号、郵便番号など 必須項目は、「＊」ではなく「必須」と表示する ラベルやヒント（○文字以上必要です）をplaceholderに設定しない フォーカスした際に消えてしまうため、入力例を入れてあげる程度にする フォーカスした際の入力フィールドのデザインを変える 入力フィールドのサイズは、入力される値に合わせる リアルタイムでチェック出来るバリデーションを実装する エラーメッセージは、上部にすべて表示するのでは
[CSS]ヘッダやコンテンツを区切るラインを斜めに実装するCSSやSVGのテクニック総まとめ
長方形ではないヘッダやコンテンツが最近増えてきました。その一つとしてヘッダの下、コンテンツを区切るラインを斜めにすることで、簡単にデザインの印象を変えることができます。一見シンプルに見えますが、実装するには慎重を要します。 ラインを斜めに実装するCSSやSVGのテクニックをコードのシンプルさ、コンテンツの生成、対応ブラウザ、パフォーマンスの面から実装に適した方法を詳しく紹介します。 Ultimate Guide to Non-Rectangular Headers 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 斜めのラインをCSSやSVGで作成する方法 斜めのラインをCSSのボーダーで作成 斜めのラインをCSSのグラデーションで作成 斜めのラインをCSSのシェイプで作成 斜めのラインをSVGの背景で作成 斜めのラインをSVGの
![[CSS]ヘッダやコンテンツを区切るラインを斜めに実装するCSSやSVGのテクニック総まとめ](https://cdn-ak-scissors.b.st-hatena.com/image/square/073c1ed9139e9dac94415303caed23cb2c34be93/height=288;version=1;width=512/https%3A%2F%2Fcoliss.com%2Fwp-content%2Fuploads-201701%2F2017020301.png)
基礎からしっかり学べる！JavaScriptライブラリ・フレームワーク7選
いまやJavaScriptを語る上で、ライブラリやフレームワーク抜きで全てを語ることはできません。 JavaScriptをそのまま使うことも時としてありますが、多くの制作現場では開発スピードを上げたり、便利な機能をより短いコードで実装することのできるライブラリやフレームワークを活用しています。 しかし、一口にJavaScriptライブラリ・フレームワークといっても、その特徴や強み・弱み、活用方法が大きくことなります。 そこで今回は、様々なJavaScriptのライブラリやフレームワークの中から今だからこそ勉強しなおしたいJavaScriptライブラリ・フレームワークを7つ、概要や特徴を中心にご紹介します。 今人気のライブラリやフレームワークを知ることで、学習やWebアプリケーション開発の際の参考にしてみてください。 参考： 全くの初心者でも大丈夫！JavaScriptをゼロから学ぼう｜fe
「スナフキンの忘れもの」がインテリアになりました
DI CLASSE(ディクラッセ)から、ムーミンに登場するキャラクター・スナフキンの帽子を形どったペンダントランプ「スナフキンの忘れもの」が発売されています。 フィンランドの作家・トーベ・ヤンソンによって生み出されたシリーズ作品『ムーミン』。かわいらしいキャラクターたちによるファンタジーながら、人生の教訓が詰まった奥深いストーリーで、世界中の子どもから大人まで広く愛されています。 ディクラッセとのコラボレーションで誕生した「スナフキンの忘れもの」は、落ち着いた色合いとミニマルなシルエットが特徴です。プルスイッチにスナフキンの帽子に刺してある羽の形が採用されていて、ムーミンファンの心をくすぐるデザインに仕上がっています。 ムーミンの生まれ故郷である北欧テイストのインテリアにフィットするデザインです。お部屋のアクセントに取り入れてみてはいかがでしょうか。
Lottie
Easily add high-quality animation to any native app. Lottie is an iOS, Android, and React Native library that renders After Effects animations in real time, allowing apps to use animations as easily as they use static images. Get Started Learn more › Why Lottie? Flexible After Effects features We currently support solids, shape layers, masks, alpha mattes, trim paths, and dash patterns. And we’ll
ロゴを簡単に作れる「LOGASTER」でロゴを作ったよ！ - あれこれやそれこれ
2017 - 02 - 01 ロゴを簡単に作れる「LOGASTER」でロゴを作ったよ！ ☆ブログ☆ ☆ブログ☆-ブログ運営 ☆雑感☆-お役立ち？ Twitter Google Pocket このブログについて ・管理人サキの自己紹介 ・プライバシーポリシー、免責事項、著作権について ・問い合わせフォーム ・カテゴリ別の一覧はここから デザインまるでダメな私はこういうのが大好き WordPressのサイトを作っている私がはまっていること。それはデザインのセンスがまるで無いこと。色のパターンしかり、背景など然り。 ・・・・・なんかこの配色はまるで田舎のチンピラの背広だな。 そしてロゴを作ろうと考えた時に完全に思考停止したのであります。「そもそも自分で書けないものが”ぐらふぃっく”にできるわけがない」 こういう時にやることといえば普通なら お金を出して作ってもらう 友達、知り合い、弟子、人脈を駆
オニに似合う服を教えてください
1971年東京生まれ。イラストレーター。ドクロ服、ドクロ雑貨集めに情熱を燃やしすぎている。ほかにはワニ、ウツボ、ハダカデバネズミなど毛の生えていない動物も好む。著書に「しろねこくん」、「ココロミくん」、「ひとみしり道」、「ばかスイーツ」などがある。（動画インタビュー） 前の記事：リアクション上手になろう
“逆境”でもヒット商品 ヒントは？｜NHK NEWS WEB
アイス、チョコレート、即席めん。 この３つには共通点があるのですが、皆さんはご存じでしょうか。実はこれらはいずれも 国内市場が拡大した商品 です。 ”人口減少や高齢化で国内市場は縮小に向かう”と言われる中、これらの市場では何があったのか。売り上げ増加、ヒット商品を生むヒントを探ります。 （経済部・岩間宏毅） 大手菓子メーカーの江崎グリコが、千葉県野田市に増設したアイスクリーム工場は２月に稼働を始めます。投資額は１８０億円と、この会社のアイスクリーム工場としては実に２６年ぶりの大型投資です。 生産能力を２０％も増やす投資に踏み切ったのは、新たに開拓した ”冬アイス” などの需要に応えるためです。イチゴを使った高価格帯の限定商品を投入するなどして、冬アイスの売り上げを伸ばし、この会社のアイスクリーム事業の売り上げは３期連続で増加しているのです。 冬には売り上げが大幅に減っていたアイス
アメリカよりもクラウドよりも「デザインファースト」
「誰でも知っているが日本語に訳しにくい言葉がある」。社会生態学者ピーター・ドラッカーのほぼ全著作を翻訳された上田惇生氏と話していて、こう言われたことがある。一例として上田氏は「アート（Art）」を挙げた。「デザイン（Design）はどうですか」と尋ねたところ、「デザインも訳しにくい言葉の一つ」と仰った。 手元の岩波英和辞典で“Design”を引いてみた。最初の意味は「計画する」であり、「目論む」「企てる」「志す」といった訳語が並ぶ。2番目の意味として「設計する」があり、「下絵、設計図、図面を描く」などと書かれていた。 もう一つ、別の書籍に出ていた説明を紹介する。テクノロジー利用に関わる「デザイン」の定義である。 「資源を、人間の要求や欲求に対処し得る製品やシステムに作り変えたり問題を解決するために、計画を作成する反復的な意志決定のプロセス」――。 分かりにくいが要するにデザインは「意思決定
師匠が会社を辞めました。 - SHOSATO blog
一昨日、師匠が会社を辞めました。 退職エントリならぬ退職されエントリです。 私が2011年4月にペパボへ入社した後、 デザイナーの研修期間で師匠になっていただいたのが、こちらのデミさんでした。 twitterはおかだ引越センター | @demiflare168 tumblrもすてき | demi365.tumblr.com SUZURIの忍者スリスリくん生みの親であり、 ほぼ一年中、サンタを生産しています。 研修期間が終わってからも、 「これ、どう思いますかデミさん」 「わからなくなってきたんですがデミさん」 「一体どうすればデミさん」 「このフォントなんですかデミさん」 「溶鉱炉の画像持ってませんかデミさん」 この『困ったら師匠（デミさん）に聞こう！』というスタンスはずっと変わらないまま、私自身はデザイナー歴6年になりました。 そんなわけで、 新卒で入社してきた何も知らない自分が、 約6
自殺行為でも４０代から漫画・ラノベ業界で働きたい！ そのために自分が出来る事「ＰＶ数アップのためにブログのデザインを見直し」 - 小説書きながら気ままにオタライフ
ブログＰＶ数アップためにブログのデザインを少々見直し １、フォローボタンが少ない ２、スマホのフォローボタンが無かった グーグルにサイトマップのＩｎｅｄｘを登録してなかった。 終わりとまとめ こんにちわどうも、てんたまです。 ４０代からオタ系メディア業界に就職するための就活努力として、オタク系のブログでＰＶ数を上げて、その業界で自分は価値があると、目に見える証明を作ろうと活動を開始して二日目。 まあ、まだまだ昨日の今日って感じの、完全駆け出しＢＯＹ（心は永遠に少年ｗ）ですが。 継続は力なり、オタ系ブログでＰＶ数アップするには、何をすればいいのか？ 今日も無い知恵絞って考えています。 また読者の中には「４０代でラノベ編集の仕事やるなんて、馬鹿か！ 自殺行為だぞっ！」手厳しいブコメ残している人もいたので、ま～た懲りずにやってるよと呆れてる人も中にはいるかも知れませんが…。 とりあえずそう感じて
「マリメッコ展」に行ってきました。レビューです。お土産はリサ・ラーソンの100枚レターブック。 - そこにいるだけでいい
渋谷の東急文化村で開催されている「マリメッコ展」に行ってきました。2/12（日）までです。まだの方、お急ぎください。 入場料は1400円です。東急のTOPカードの提示で100円引きになります。 この「マリメッコ展」があることはayakoteramoto(id:simplehome)さんのコチラのブログ「心を楽に、シンプルライフ」で知りました。 www.simple-home.net ayakoteramotoさんはイラストレーターで絵もかわいいのですが、お洋服や小物がとってもおしゃれです。おうちもとってもきれいで素敵です。こちらのブログで「マリメッコ展」が開催されていることを知りました。その後、行くのを忘れていたらこちらのブログoimichi1(id:oimichi1)さんの「毎日無印パンツ」でも紹介されていました。 oimichi1.hatenablog.com oimichi1さんも持
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
