Inspired UI - Mobile UI Patterns Mobile Design Pattern Gallery 组件 · Bootstrap 用于显示链接列表的可切换、有上下文的菜单。JavaScript 下拉菜单插件让它有交互性。 案例 将下拉菜单触发器和下拉菜单都包裹在.dropdown里，或者另一个声明了position: relative;的元素。然后添加组成菜单的HTML代码。 <div class="dropdown"><button class="btn dropdown-toggle sr-only" type="button" id="dropdownMenu1" data-toggle="dropdown"> Dropdown <span class="caret"></span></button><ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu1"><li role="presentation"><a role="menuitem" tabindex="-1" href="#">Action</a></li><li role="presentation"><a role="menuitem" tabindex="-1" href="#">Another action</a></li><li role="presentation"><a role="menuitem" tabindex="-1" href="#">Something else here</a></li><li role="presentation" class="divider"></li><li role="presentation"><a role="menuitem" tabindex="-1" href="#">Separated link</a></li></ul></div> 对齐选项 给下拉菜单.dropdown-menu加上.pull-right 使文字右对齐。 <ul class="dropdown-menu pull-right" role="menu" aria-labelledby="dLabel"> ... 在任何下拉菜单中均可通过添加标题来标明一组动作。 禁用的菜单项 给下拉菜单中的<li>加上.disabled禁用链接。 用按钮组把一组按钮放在同一行里。 按钮组中的工具提示和弹出框需要特别的设置 基本案例 按钮工具栏 尺寸 嵌套 尺寸
Five Sketches™ lovely ui Creative Nerds So February has finally drawn to an end the shortest month of the year and it really has felt like it this month has rapidly went by, nerveless this hasn’t stop the design community pumping out some great design tutorials with some great outcomes. Photoshop Tutorials Design a Beautifully Detailed Web Button A simple, elegant, and professional button tutorial from Liam McCabe. Liam creates all sorts of great web elements, so he’s going to be a great guide through the process. If you’ve been looking for a way to spice up your designs with a uniquely styled button or UI element, look no further. How to Create a Realistic Crack Effect on a Face Today you will learn an easy way to add crack effects to your images. Create an Intricate Mythological Statue Photomanipulation Photoshop Tutorial Create a Fallen, Rain-Soaked, Angel Composition in Photoshop Illustrator Tutorials How To Create an Intricate Vector Heart Illustration How To Create a Vector Soldier Character in Illustrator Freebies
Smashing Mobile — Responsive Design, iOS, Android and Mobile Development UX Booth: User Experience & Usability Blog