Magic UIUI library for Design Engineers20+ free and open-source animated components built with React, Typescript, Tailwind CSS, and Framer Motion. 100% open-source, and customizable.
UIデザインで中央配置がずれてしまう理由と解決方法
メルカリで値段の「¥マーク」を小さくしたら購入率が伸びた理由、ペイディがサービス名を「カタカナ表記」にする理由など、プロダクトのマーケ施策まとめ30(2023)｜アプリマーケティング研究所
Designing tables
I plan to continue to design, code, and write about UI components and patterns for enterprise SaaS. I aim to create a product that allows software designers and engineers to plug into a comprehensive set of UI components to build amazing interfaces. Stay tuned! If you’re interested, sign up to stay informed on my progress.
ほどよい個性で見出しに使いたくなるGoogle Fonts 19選 | BUILD Journal
自然に見える画像の枠線を求めて - Qiita
この記事の概要 サムネイル画像やユーザーアイコンなど、どんな画像が適用されるか分からない要素ってありますよね。 そんな要素に対して、視認性を確保するためにborderをひいてあるのによく遭遇します。 そのborderが時折ちらついて見えるのが嫌だったので、改善策を考えてみました。 完成物＆通常のborderとの比較 全体像はこちらです。 差がわかりやすそうな部分をクローズアップしました。 左の画像の草、真ん中の画像の右端にあるペンケース（？）、右の画像の机や天井など「borderの方が明るい箇所」が悪目立ちしているというか、ノイズに見えて気になります。 修正版がこちらです。 左の画像の空や右の画像の窓など、白く飛んでいる場所にだけborderが見え、それ以外の箇所は元の画像を活かしています。 CodePenはこちら。 仕組み <div class="adjusted-border"> <!
You Don’t Need A UI Framework — Smashing Magazine
Developers often reach for UI frameworks like Bootstrap or Material UI, hoping that they’ll save a bunch of time and quickly build a professional-looking app. Unfortunately, things rarely work out this way. Let’s talk about it. Every now and then, someone will ask for my recommendations on UI frameworks. By “UI framework”, I mean any third-party package that is focused on providing styled UI compo
Leroy merlin - Inspirations
LEROY MERLIN INSPIRATION Patientez quelques instants, l’inspiration arrive…
インターフェースデザイン なぜ私たちは画面の中に質感を感じるか？ - 東京ミッドタウン・デザインハブ第94回企画展「Tama Design University」 by 多摩美術大学 TUB
商用利用OK！2021年にリリースされた無料フォント40
Interactive color picker comparison
Almost all color pickers are based on HSL or HSV, but that might not be the best choice. Here standard HSV and HSL color pickers are compared with Oklch, Okhsv, Okhsl and Hsluv. For background and more information about the color spaces used, check out the accompanying blog post. The source code is available on Github here.
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
Text fields & Forms design — UI components series
Forms have existed for a significant amount of time, greatly simplifying the task of drafting complaints and various other legal pleadings. With the advance of information and its processing, means to gather the data are also evolving. As printed forms were here for years we can learn a few tips from their design. Text field anatomyText fields allow users to enter text into a UI. They typically ap
Buttons Generator
About Button Generator CSS button generator is a free online tool you can use to create CSS button styles in one click. How do I create a button? Just find a CSS button you like the most and click on it. That’s it! The CSS code for that button is now in your clipboard. Is JavaScript or jQuery required for these buttons to work? Absolutely not. The generated code is CSS-only. Can I use these button
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
All-New Kinesis Form Split Touchpad Keyboard
Joel on Software - 環境をコントロールできれば楽しく感じるもの
カラー生成のこんな便利ツールがあったとは！ ベタ塗りのカラーと同じに見える半透明のカラーを生成するツール -Alphredo
Macaron | Visual component editor for Web development
Adobe製品と同じような事をフリーソフトでやりたい場合の対応表がすごく使える→他にも高機能なフリーソフトが集まる
業務系システムは『イケてるフラットデザイン』だと使いにくい？現場が本当に必要だった物との比較
