[B! UI] akikaraのブックマーク

Fluent Design System

A11y – Focus OrderQuickly annotate your design’s focus and tab order for a meaningful flow of interactive objects. A11y – Color Contrast CheckerEnsure your text is readable by adhering to Web Content Accessibility Guideline standards.

akikara 2024/04/26

UI

リンク

Shoelace: A forward-thinking library of web components.

Search Works with all frameworks 🧩 Works with CDNs 🚛 Fully customizable with CSS 🎨 Includes a dark theme 🌛 Built with accessibility in mind ♿️ First-class React support ⚛️ Built-in localization 💬 Open source 😸 More awesome than ever Quick Start Add the following code to your page. <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@shoelace-style/shoelace@2.16.0/cdn/themes/light.css"

akikara 2023/01/27

UI

リンク

commonsguy's cwac-touchlist at master - GitHub

CWAC TouchListView: Dragging and Dropping for Fun and Profit! The standard ListView is a very sophisticated tool, but it lacks any sort of drag-and-drop support. The Android open source project has an example of implementing drag-and-drop on a ListView, in the form of the TouchInterceptor class used in the Music application — you use this to re-arrange a playlist. However, that widget is not in th

akikara 2012/09/06

リンク

http://www.mobiletuxedo.com/

akikara 2012/03/29

リンク

Webデザイナーのためのandroid用レイアウト講座

Notes de l'éditeur\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n

akikara 2011/10/19

リンク

jQueryベースのタブUI１５種まとめ:phpspot開発日誌

15 Useful jQuery Tab-Based Interfaces | ZoomZum ｊQueryベースのタブUI１５種まとめ。ちょっとタブUIなどに迷ったら参考にできそうです。WEB1.0の時代のタブがなかった時代を忘れてしまうくらいに当たり前にこうしたインタフェースが存在します。あの当時はどうやってやってたんだろうという感じですが、進化を感じますね関連エントリ閉じられるタブUIを実装できるjQueryサンプル「Magic Tabs」 textareaやinputでタブの入力を可能にするjQueryプラグイン「Enable tab key」

akikara 2011/09/03

リンク

CSS3で実装されたボタンの総まとめ

利用も簡単にでき、スタイルシートの勉強にもなる、CSS3で実装されたボタンを紹介します。ほとんどのものがclassを追加するだけで、簡単に利用できます。

akikara 2011/08/11

リンク

ボタンやフォームなどUIデザイン　10 Free UI Kits for user interface designers

This domain may be for sale!

akikara 2011/05/20

リンク

Custom Controls for iOS, iPadOS, macOS, tvOS, and watchOS - Cocoa Controls

FrameGen is a powerful application designed to streamline the process of creating xcarchive files from your xcodeproj projects. With an intuitive user interface and a wide range of functional capab...

akikara 2011/04/25

リンク

classを指定するだけでボタンにアイコンを表示してくれる「Mega Web Buttons Pack」 | Web活メモ帳

ボタンにアイコンを表示する際に使えそうな「Mega Web Buttons Pack #1」のご紹介。 javascriptとcssをいくつか読み込むだけで、簡単にアイコン付きボタンが作れるようになります。いくつか使い方をご紹介。サンプル ■ 追加 Add ■ お気に入り Favourite ■ フォルダ Folder ■ RSS RSS ■ 検索 Search ■ ユーザー Users 何のためのボタンなのか、わかりやすくするのに良いですね。ダウンロードは下のリンクからどうぞ。

akikara 2011/04/18

HTML&CSS
UI

リンク

HTML5+CSS3で実装された、さまざまなUIエレメントのコレクション

パラグラフ・リスト・見出しなど [ad#ad-2] UIパーツの使い方下記の3つのステップで、これらのUIを自分のページで利用できます。 IEへの対応 IEにHTML5を理解させるために、2つの重要なファイルを使用します。  CSSのインクルードスタイルシートファイルをインクルードしてください。もし使用するエレメントが限られているのであれば、その箇所のみで大丈夫です。 <link rel="stylesheet" href="reset.css"

akikara 2011/02/25

リンク

iPhone ステンシルパックを作りました - Liner Note

ひとまず近況報告お久しぶりです。前回の記事から、実に21ヶ月ぶりの投稿になります。今はミツエーリンクスという会社でユーザビリティ屋さんをしています。もともと、更新にはある程度の時間を使っていたので、社会人になってから全く更新できなかった、というのが一通りの言い訳です…。スマートフォン用ステンシルパック今は、個人的 / 会社的に、スマートフォン用サイトの設計をたまにやっていたりするのですが、ワイヤーフレーム作成にはある程度素材が必要なわけになります。もちろん、iPhone 4 GUI PSD (Retina Display)やYDN Design Stencil、あるいはそのほかの素材集がいろいろあるわけですが、PowerPointでのワイヤーフレーム作成を考えると、PSD/AIファイルはとても取り扱いがしにくい。ということもあり、休日を使ってPowerPointでステンシルキット

akikara 2010/12/14

リンク

jQueryUI Icons List / Cheatsheet

akikara 2010/12/13

リンク

WEBデザイナー向け☆iPhoneアプリのUIデザイン

どーもキンモクセイぷんぷん香る自由が丘からaoizmです。秋満開！スマートフォンまっさかり！(強引) KAYACでもiphoneアプリ制作のお仕事が増えてきております。 WEBデザイナーがiphoneアプリのデザインをする際に、やっぱり気になるのがWEBとの違い。画面サイズが小さく持ち歩けるデバイスiphoneは、デスクトップ上のアプリやWEBサイトとは使用環境もその操作方法も異なるため、WEBとは違ったインターフェイスが求められます。その違いを認識した上で、違いを活かしたデザインをするためには？ iPhoneアプリのUIデザインまとめてみました。 WEBサイトとiphoneアプリの違い状況持ち歩けるがゆえそのシチュエーションもさまざま「会議で」「合コンで」「移動時」「就寝時」... 状態そのときユーザーはなにをしている？「歩きながら」「話しながら」「運動しながら」...