はてなブックマーク

Many people say conversational UI is the future of web interface. Some might say it`s just another design fad or that text-based interfaces aren`t anything new with the advent of iPhone Messages, Slack or Facebook Messenger the way we exchange information changed irreversibly. Text messages have became extremely natural way of communicating these days. So in this post we`ve gathered 40 Inspiring C

Glitching images & videos these days seems to be all the rage. The artistic application of malfunctioning video has become a trend in web design. So in this post we`ve collected 25 stunning CSS glitch effect examples. Hopefully they will serve you as an inspiration for your future works.

Flexbox Patterns Flexbox is awesome, but it introduces many new concepts that can make it difficult to use. These interactive examples will show you practical ways to use it to build UI components. They start out simple and get more complex near the end. Bulma A modern CSS framework based on Flexbox. Smart-splitting window panes If the window is wider than it is tall, it’ll split into columns. Oth

Habitat Sign In by Chanpory RithInkling Pay by Paresh Khatri Sign Up Form by aaron Involvio Marketing Site by James Login Form by Ionut Zamfir Signin for Neonmob by Rogie Sumry: Login by Hayden Login Form by Christof Flachsmann Fetch Dribbble by Kaarel Metsaots Registration Form by Nick Three step form by Hrvoje Dominko Sign in by Gediminas Saulis U&Me by Anton Avilov Payment Form by Alexander Han

Gif Style CSS3 Animation By Jascha Goltermann Pure CSS One Div Weather Animated Icons By Fabrizio Bianchi Solar System animation – Pure CSS By Malik Dellidj Gif animation + CSS animation + Blend modes By yoksel Indatus CSS Animation By Patrick Hill Material Design Hamburger By Chris Wheatley Stats animation By Jonas Badalic CSS+SVG Pacman By buschidos Cubes CSS3 Animation By Nate Wiley Delightful

iPhone iOS7 Wireframe Kit Create awesome high-fidelity iPhone wireframes in Keynote using this fully-editable wireframe kit. Customize the wireframe template, drag and drop elements to create your design, annotate, and deliver professionally refined wireframes quicker than you ever imagined you could. iOS 7 Wireframe Kit An Illustrator kit to make your wireframing a day at the beach. Sourcebits Fr

This post brought together a showcase of intuitive, stunningly beautiful dashboard concepts & designs to help inspire you. If you’re about to start a project that deals with data visualization, hopefully this collection will give you some inspiration into how you can show your information in a useful, simple and uncluttered way.

FROONT FROONT makes responsive web design visual. Design can be done in-browser with intuitive drag-and-drop tools. After all, humans judge design with their eyes therefore it seems just normal to see right away how designs will look across all different screen sizes. Each project has its own URL, that makes it easy to test the designs on real devices right away. Reflow Reflow is a visual editor f

UI Parade Live Tools are a collection of free online design apps that allow you to easily create your own ui elements with very little coding knowledge. As well as being able to create custom elements, you can also download your creations for use in your websites and online applications. Webflow Webflow enables you to create responsive layouts and pixel-perfect designs directly in your browser, wi

Eldorado Flat icons Icon Pack: 256×256 Business Icons Commercio Free Media & Marketing Icons Set Flat Icon – Leisure Series Online shopping Medical Communication Icon 80 Black Hotel And Vacation Icons Modern SEO Services Icons 130 Simple Icons • FOOD & DRINKS • 45 Medical icons 50 Model Seo Icon Food & Beverages Icon Pack 20 Steel Construction Icons Ultima SEO Services Icons Map Icons and Elements

Travel Photography is an amazing art to share the stories with the camera and bring it to others who were not able to encounter it for themselves. It has quickly become one of the most popular genres of photography out there. As a travel photographer, you will travel to lots of places and capture them through your camera. A professional photography portfolio website is something that every travel

Flat design existed long before it became a buzz word. It’s just finally been packaged. Flat design is beautiful and refreshing. It’s also generally faster to design and easier to make responsive. If it was a graphic design trend, it’d be well received. Unleash The Power of WordPress Ad Awesome collection of 11,000+ WordPress Themes, including Bootstrap Templates & Design Assets

UI KIT A lightweight and modular front-end framework for developing fast and powerful web interfaces. Polymer Polymer is a new type of library for the web, built on top of Web Components, and designed to leverage the evolving web platform on modern browsers. Rock Hammer A curated project library for Hammer For Mac. Rock Hammer contains baseline typography, plus styling for common HTML elements inc

[one_half] by Jeff Broderick [/one_half] [one_half_last] by Matthias Mayr [/one_half_last] [one_half] by Rally Interactive [/one_half] [one_half_last] by Jeff Broderick [/one_half_last] [one_half] by Morgan Allan Knutson [/one_half] [one_half_last] by musHo [/one_half_last] [one_half] by Charles Riccardi [/one_half] [one_half_last] by Brian Benitez [/one_half_last] [one_half] by Victor Erixon [/on

Here are 16 cool jQuery plugins with 3D effects, no flash needed just javascript, html5 and css3. Teta Carousel 3D Ad jQuery plug-in that helps you quickly and easily organize your content in 3D space. The plug-in supports responsive layout with the auto scaling capability and is just perfect for displaying content on all screen sizes. Carousel 3d A simple 3D carousel widget. It supports all major