GitHub - Kellermaenn/masscan-web-uiYou signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
Cocoda
200+ DESIGN behindsCocodaは、デザインの裏側をまとめた事例集です。 日本を代表するデザイン組織から、200以上の事例が公開されています。 CONTENTS デザインの裏側をまとめた 200以上の事例ブランドから、プロダクト設計、デザイン組織の立ち上げ...。様々なデザイン領域の深い事例が、日本で最高峰のデザイン組織によって掲載されています。 RECOMMEND あなたの興味に合わせて デザイン事例をおすすめあなたの興味に合わせて、豊富なデザイン事例の中から ピッタリなコンテンツをおすすめします。 MY LIST 自分好みのリストに まとめるコンテンツの中でぴったりなものを見つけたら、あなただけのリストを作って、いつでも見返すことができます。 GET STARTED さっそくはじめる
Web制作の効率、生産性アップ！話題の最新オンラインツール33個まとめ
この記事では、Webデザイン制作を効率アップさせる最新オンラインツール33個をまとめてご紹介します。 ウェブデザインに限らず、グラフィックなどあらゆるクリエイティブな案件、プロジェクトで活躍しそうな新しいツールを中心に揃えています。 これらのツールをうまく活用することで、面倒な作業も短時間で行い、より円滑にプロジェクトを進めることができます。お気に入りのツールをワークフローに取り入れ、より快適で、スピーディーな制作を目指しましょう。 カテゴリごとに整理しているので、目的にあったお気に入りツールを探してみましょう。 コンテンツ目次 1. Web制作便利ツール 2. 配色ツール 3. デザインコレクション 4. イラスト系ライブラリ 5. アイコンツール 6. コラボ、リモートワークツール 7. 面白、クリエイティブツール Web制作の効率、生産性アップ！話題の最新オンラインツールまとめ We
【初アプリ】未経験がFlutterで肉牛繁殖農家のためのアプリを作ってみた - Qiita
はじめに 皆さんはじめまして、Takuと申します。 自分はエンジニアとしての業務も業界も未経験ですが、先日初めてFlutterで肉牛繁殖農家のための生育記録アプリ「Memow」をリリースすることができました。 今回初めての個人開発を通して、ゼロからのモノづくりの楽しさを実感しました。 しかしその反面、知識や経験のない中で、要件定義、設計、UI/UXデザイン、コーディングなど、これら全てをひとりで行うのはなかなか大変でした。 そこで、自分がどのように「Memow」を作っていったのかまとめたいと思います。 今回は、アプリリリースまでの工程の中でも、どのようにアプリの構想を作り上げていったのかという「設計」に焦点を当てています。 自分と同じようにアプリを作る中で悩んでいる人にとって、何かのヒントになれば嬉しいです！ 肉牛生育記録アプリ「Memow」の紹介 自分が作ったのは、肉牛の生育日数や日々の
エンジニアでも出来る！Figmaを使って自作アプリをリニューアル - Qiita
以前、「React Native製、予定作成アプリ「ペペロミア」を公開しました」の記事を投稿しましたが、その続編です。 ■React Native製、予定作成アプリ「ペペロミア」を公開しました https://qiita.com/wheatandcat/items/3324dfd141729e46009f その後デザインをリニューアルしたので、進め方と変更した箇所について紹介していきます。 https://www.figma.com/ プロトタイピング（デザイン）ツールです。 出来ることはSketchと似ていますが、1人で使用するなら無料でブラウザで使用可能なので導入のハードルが低いので、個人プロダクトではオススメです。 今回はFigmaを軸にアプリのデザインリニューアルを進めました。 UIリニューアル アイコン変更 まずは、新規アイコンを作成して、 そこからPrimaryカラー、Seco
非エンジニアがAPIを叩いてLINEのリッチメニューを作りました - Feedforce Developer Blog
エンジニアの隣の席に座ってる非エンジニアの岡田です。 ソーシャルPLUSのプロダクトマネージャーをやってます。 ソーシャルPLUSは WebAPI で提供するサービスなので、 API が叩けないと逐一エンジニアの手を止める事になってしまい、本来やるべき開発に少なからず影響が出るため、 curl から学び、今は postman を愛用しています。 個人的には有料プランにしても良いくらいお世話になってます。お世話になった恩返し（有料プラン移行）は未だできていません。 10月23日に LINE の Messaging API のリッチメニュー機能がリリースされました。 ソーシャルPLUSは LINE ログインにも対応しており、Messaging API をブラウザベースでメッセージが送信できるメッセージマネージャーのオプション機能もあります。リッチメニューは Messaging API だけでな
モーダルとポップアップの違いは？ユーザビリティを良くするウィンドウの使い方まとめ | Workship MAGAZINE(ワークシップマガジン)
思うように閉じてくれないウィンドウに、イライラしたことはありませんか？ モーダルウィンドウとは、まさにそんなウィンドウのこと。 Webサイトやアプリケーションに組み込まれるUIのひとつであるモーダルウィンドウについて、適切な使い方や基本的な情報をまとめました。 モーダルとは「モーダルウィンドウ」 モーダル（=modal）とは「モードを持つ」という意味で、「あなたがこのウィンドウを閉じるまでなにもさせません」というウィンドウのことです。 ウィンドウ内で表示された操作を完了する、あるいはキャンセルをしなければ、ウィンドウの外をクリックしても戻れません。 このため、モーダルウィンドウはユーザーに重要な操作や確認を促したりするときに用いられることが多いです。また、モーダルウィンドウは『JavaScript』で作られることが多いです。 近年は操作感が悪くなるという理由から、モーダルウィンドウを避ける
モーダルウィンドウはやめて！モバイルで最適なUIとは？ | UX MILK
モバイルサイトで最もフラストレーションのたまるユーザー体験の一つとしてモーダルウィンドウが挙げられます。PCサイトでは画面サイズが大きいので、モーダルウィンドウの表示に問題はありませんが、モバイルの場合はウィンドウが（ほとんどの場合）、画面外にはみ出てしまいます。ユーザーはモーダルの一部しか閲覧できず、閉じるのにも一苦労です。 また、画面上にキーボードが表示されている場合、閲覧は更に困難となります。キーボードは画面上に大きな面積を占め、ユーザーは自分が何を入力しているのかを確認するために、いちいちスクロールする必要が出てきます。もし、モーダルウィンドウで表示されているコンテンツを快適に見せたいのであれば、モバイルでのモーダルの使用は控え、代わりにアコーディオンを使いましょう。 アコーディオンはコンテンツをページ内に納めて表示するので、モーダルのように元のページにかぶさって表示されることはあ
Windows UI Automation APIを使うためのGoライブラリw32uiautomationを書いた · hnakamur's blog
2015-02-22 なぜ ウェブアプリ開発をしているとInternet Explorerでの動作確認のためmodern.IEが欠かせません。が、インストール直後は英語環境になっているので、日本語環境での動作確認のためにはセットアップが必要です。 セットアップ手順は以下のQiitaの記事に書いたのですが、手数が多くて面倒でした。 VirtualBox - modern.IEのWindows 7で日本語の表示と入力をできるようにする - Qiita Windows8.xのmodern.IEで日本語を入力、表示できるようにする。 - Qiita それを自動化するコマンドラインツールmoderniejapanizerを作りました。実は2年ぐらい前にAutoItを使って作り始めたのですが自動制御がうまくいかないときがあって挫折していました。昨年暮れぐらいから再挑戦して、今回は勉強を兼ねてGoで実装
Code snippet organizer for pros | Cacher
Snippets: The pro's way of remembering Code snippets help you retrieve and share the technical details behind any implementation. Use snippets to: Recall machine setup instructions open_in_browser Teach coding techniques open_in_browser Write great documentation open_in_browser Labels for every occasion Use Cacher’s flexible color-coded labeling system to organize your code any way you like. Label
どのようにして高速に iOS アプリの UI を作り上げるか：動作モックの活用と実装時の UI 作りこみ - クックパッド開発者ブログ
Holiday デザイナーの多田です。 皆さんは Web アプリやモバイルアプリを開発する時、モックアップ作成にどれだけ時間を割いているでしょうか？もしくはモックアップを作成せずにすぐに実装に入るでしょうか？私はこれまで Web アプリ開発ではいきなり実装に入ることが多かったのですが、Holiday iOS アプリ の開発では Web アプリの時のように上手くいかないことに気づき、やり方を考え直しました。iOS アプリ開発の過程で、モックアップ作成や実装をどのように捉えるか、具体的にどう行うか、ということが自分なりに見えてきたので、それらについてご紹介します。 目的は、価値のあるプロダクトを速くユーザの手に届けること Web アプリやモバイルアプリの開発過程においてモックアップなどを作る目的は、あくまでも ユーザに届く プロダクトの価値を高めてそれを速くリリースすることです。適切な前準備は
1時間で携帯サイトをスマートフォン対応にする方法 | GREE Engineering
初めての投稿となります。エンジニアのmatsuです。 携帯向けウェブサイトを1時間でスマートフォン対応する方法を紹介します。 概要 2011年4月7日のニュースにて携帯電話の新規契約数のうち、スマートフォンが占める割合が50%を越え、スマートフォンが本格的に普及する兆しが見えてきました。 現在、スマートフォン向けサイトを新規構築するためのチュートリアルは数多く出ていますが、既存の携帯サイトをスマートフォンに最適化する方法があまり紹介されていないのでこの記事で紹介したいと思います。 このチュートリアルを行うと以下のようになります。 実装 全部で8ステップあります。 このチュートリアルではブログのトップページを例にとって説明します。 前半では文字コードの変更、HTMLの変更といった構造を変更します。後半では絵文字や文字スタイルを行い、仕上げとしてHTML5のバリデーションを行っていきます。最初
Showcase of Beautiful and Unique iPhone Apps :Speckyboy Design Magazine
Designing the UI of a mobile app from scratch can be both fun and challenging, especially when it comes to creating the user interface (UI). It can be a time-consuming and arduous task that requires a great deal of attention to detail. To help streamline the design process and get you started on your next project faster, we’ve put together a collection of the best free mobile UI kits. These UI kit
ishideoのブックマーク / 2009年3月18日 - はてなブックマーク
MochiKit.Animator 0.9.2 Demos/Testbed MochiKit.Animator is an enhanced*, fully vectorized implementation of Bernard Sumption's animator.js. It eschews the use of classes and instead uses composition to build complex effects in one or two lines of code. The idea is to have everything work "right". This means not having to specify start values, maximum efficiency during playback, and clean, automati
MochiKit.Animator Demos
MochiKit.Animator 0.9.2 Demos/Testbed MochiKit.Animator is an enhanced*, fully vectorized implementation of Bernard Sumption's animator.js. It eschews the use of classes and instead uses composition to build complex effects in one or two lines of code. The idea is to have everything work "right". This means not having to specify start values, maximum efficiency during playback, and clean, automati
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Icons - Material Design
GitHub - ethicalhackingplayground/SubNuke: Subdomain Takeover tool with web UI
なんとなくVue.jsのUIフレームワークを紹介する - Qiita
vimを使う(3) フォントの変更 - Qiita
jQT
