Bookmarks tagged with #webdesign.
Show all
Show all
Is timeless UI design a thing?
Trends come and go, fonts become uncool, buttons aren't supposed to have round corners... but what if UI design became timeless?
Saved
on: 2018-07-09
The Layouts of Tomorrow | Max Böck - Frontend Web Developer
I went over to dribbble in search of fresh webdesign ideas - how hard is it to build a non-standard layout, given the modern CSS tools we have today? An experiment on CodePen.
Saved
on: 2018-06-21
Material Design is a political choice
Google's Material Design is only a single perspective of what constitutes good design, closing the door on other different aesthetics.
Saved
on: 2018-06-18
Easier scrollytelling with position sticky
Leaning on CSS to simplify the process.
Saved
on: 2018-06-13
HTML5 UP
Responsive HTML5 and CSS3 site templates designed by @ajlkn and released under the Creative Commons license.
Saved
on: 2018-06-03
Where Lines Break is Complicated. Here's all the Related CSS and HTML. | CSS-Tricks
Say you have a really long word within some text inside an element that isn't wide enough to hold it. A common cause of that is a long URL finding it's way
Saved
on: 2018-05-16
The Art of Minimalism with UX
Minimalism is on the rise — but what is it? Is it the style of art that can be found in architecture, paintings, sculptures and design that eliminates all non-essential forms or features? Or is it a form of lifestyle where you declutter your life from all unnecessary things.
Saved
on: 2018-05-08
10 Reasons to Love (and Use) Gradients in 2018 | Webdesigner Depot
After years of flat, material and completely minimal styles, the gradient has made a comeback. Everywhere you look, designers are using color fades to add
Saved
on: 2018-04-27
Which Podcasts Should Web Designers And Developers Be Listening To? — Smash
In this article, Ricky Onsman brings you a list of current podcast for web designers and developers that our Smashing community listens to. We had what can only be called a very strong response both in number and in passion, and we’re pretty sure that any web designer or developer will find a few podcasts in this lot that will suit their particular listening tastes.
Saved
on: 2018-04-19
Editorial Design and CSS Grid: Inspiration and examples • Silo Creativo
With CSS Grid we can design web design inspired by magazines and other editorial design works. We made a practical example on how to pass a design from a magazine to the web.
Saved
on: 2018-04-19
Brutalist design is the bad influence we all need
Like it or not, brutalist design is moving from something edgy and almost punk, to something very mainstream and commercially viable.
Saved
on: 2018-04-16
12 Beautiful Examples of Web Typography – Plan of ATTCK – Medium
Varying screen sizes makes designing web typography uniquely challenging. These sites do it wonderfully, in no particular order. Supremo does a superb job of presenting beautiful typography in an…
Saved
on: 2018-03-26
The Ultimate Guide To iPhone Resolutions
Articles about PaintCode's new features, interviews, application development topics.
Tags:
#webdesign
Saved
on: 2018-03-20
Responsive images done right - stitcher.io
How to render responsive images in an optimal way.
Saved
on: 2018-03-09
Web Typography: Designing Tables to be Read, Not Looked At · An A List Apar
You may not think about it often, but tables are meant to be read. In this excerpt from Chapter 2 of his book, Web Typography, Richard Rutter explains how typography can improve the UX of our rows …
Saved
on: 2017-11-02
CSS Grid Challenge: Winners and Templates – Smashing Magazine
[CSS Grid](https://www.smashingmagazine.com/2017/06/building-production-ready-css-grid-layout/) is becoming the **new layout standard** for the web, and we are all still experimenting with what we can achieve with it.
Saved
on: 2017-10-12
Comparing CSS Resets
This pen is a demo by scotch.io to demonstrate different CSS resets and how they are used....
Saved
on: 2017-10-12
PhospheneFX – Phosphene is a New York-based independent design and visual e
Phosphene® is a New York-based, award winning, independent design and visual effects studio.
Tags:
#webdesign
Saved
on: 2017-01-03
The Web Behind | The Web Ahead
The Web Behind is a series within the series where we take a look back at where the web came from, and the people who made it.
Saved
on: 2016-11-04
The Illusion Of Life: An SVG Animation Case Study – Smashing Magazine
How far can we push SVG animation? At the time, designer Chris Halaska and Michael Ngo were colleagues working on an illustration-heavy campaign website. While aesthetically pleasing, the designs lacked the required “oomph” that all creatives search for. Their idea was to create a data-driven process that enables designers to quickly prototype animations from static illustrations. In this article, Michael will take a look at how you can use SVGs to create seemingly complex animations from simple illustrations.
Saved
on: 2016-07-27
7 reasons why infinite scrolling is probably a bad idea
On more than one occasion I have found myself trying to convince team-mates that Infinite Scrolling and its close relative Show More is more likely to degrade the experience than improve it. I…
Saved
on: 2016-06-25
SiteSee - Web Design Inspiration
A curated gallery of beautiful, modern websites meant to inspire web developers and designers.
Saved
on: 2016-06-12
CSS, HTML, Design and Development blog
A blog on CSS, HTML, Javascript to make and design websites
Saved
on: 2016-05-20
Screen sizes and break points for responsive design
Rather than optimizing your UI for the many devices across the Windows ecosystem, we recommended designing for a few key width categories called breakpoints.
Saved
on: 2016-05-12
Almost complete guide to flexbox (without flexbox) | Kenan Yusuf
Front-end engineer, focused on creating exceptional products, user interfaces and experiences on the web.
Saved
on: 2016-04-12
Every Fucking Bootstrap Website Ever
adventurega.me ist die beste Quelle für alle Informationen die Sie suchen. Von allgemeinen Themen bis hin zu speziellen Sachverhalten, finden Sie auf adventurega.me alles. Wir hoffen, dass Sie hier das Gesuchte finden!
Saved
on: 2016-03-17
The New Web Typography › Robin Rendle
How should we go about making typographic laws, rules and guidelines for the web?
Saved
on: 2016-02-23
Website Layout Tools Compared: Flexbox Vs. Susy – Smashing Magazine
Many developers are unsure which tool is best for creating layouts for their websites. Some feel that Flexbox is powerful enough to handle all of their layout problems. However, they are unsure whether to learn it because of its confusing syntax. Others feel that Susy is much simpler and prefer its simplicity to Flexbox. So, which is more powerful, Flexbox or Susy? Is it possible to use both Flexbox and Susy at the same time? In this article, Zell Liew will find out!
Saved
on: 2015-12-16
neutraltone/awesome-stock-resources
:city_sunrise: A collection of links for free stock photography, video and Illustration websites - neutraltone/awesome-stock-resources
Tags:
#webdesign
Saved
on: 2015-11-09
Rain & Water Effect Experiments | Codrops
Today we'd like to share some WebGL experiments with you. The idea is to create a very realistic looking rain effect and
Saved
on: 2015-11-06
oak.is / Animated SVGs: Custom easing and timing
The chart above is an animated SVG featured on Sprout. This chart, and one other animation on Sprout, were initially GIFs. By using animated SVGs instead of GIFs we were able to reduce our page size from 1.6 mb to 389 kb, and reduce our page load time from 8.75 s to 412 ms. That’s a huge difference. Below, I’ll break down the animation of one of the circles seen in the chart. The technique applies to all of the elements in the graphic. With this you can create your own lightweight animated graphic.
Saved
on: 2015-06-29
Solid Icons | Squid Ink
2,000 handcrafted Glyphs Icons. Easy to customize and scalable. Include Photoshop, Illustrator, SVG files. Designed for mobile applications, iOS and Android Apps.
Saved
on: 2015-06-08
16 Essential Modern Web Design Elements for Apps and Websites
Saved
on: 2015-05-11
An Introduction To Graphical Effects in CSS : Adobe Dreamweaver Team Blog
Saved
on: 2015-05-02
2015 | The Webby Awards
DISCOVER THE BEST OF THE INTERNET. Welcome to the NEW Webby Gallery + Index. Discover the best of the Internet and uncover trends, insights and talent that define the future of Internet excellence.
Saved
on: 2015-04-28
Documentation - Materialize
Materialize is a modern responsive CSS framework based on Material Design by Google.
Saved
on: 2015-04-24
The Code Kit — Web Design & Development Tools, News, and Inspiration
Saved
on: 2015-04-21
Using Gulp in Your Web Design Workflow - Blog - Matt Modrowski
Tags:
#webdesign
Saved
on: 2015-04-21
Trianglify Generator
Create colorful low poly triangle patterns that can be used as wallpapers and website assets.
Saved
on: 2015-04-16
Ask DN: Nicely designed online magazines - Designer News
Saved
on: 2015-04-15
Awwwards - Website Awards - Best Web Design Trends
Awwwards are the Website Awards that recognize and promote the talent and effort of the best developers, designers and web agencies in the world.
Tags:
#webdesign
Saved
on: 2015-04-13
The Best Designs - The Best of Web Design - Design Inspiration & Recognitio
Saved
on: 2015-04-13
Thomas Byttebier - The best UI typeface goes unnoticed
Clarity is the most important value of a well-designed user interface. Last time I blogged about pictograms. Let’s talk type today. Because even more than icons, a typeface can make or break clarity.
Tags:
#webdesign
Saved
on: 2015-04-09
Web Typography for non-designers - Presslabs
Although a lot of today’s web content is highly interactive and image-based, language–and thus words–is still the basic means of expression on almost every…
Tags:
#webdesign
Saved
on: 2015-02-27
bendc/frontend-guidelines
Some HTML, CSS and JS best practices
Tags:
#webdesign
Saved
on: 2015-02-26
pixle/subway
Subway is a set of 306 pixel perfect crafted icons optimized for iOS, Apple Watch, Windows and BlackBerry 10. - mariuszostrowski/subway
Saved
on: 2015-02-23
How to design better websites by writing them first | Userbrain
Writing better websites with good onboarding! Improve website signup process and user onboarding experience. How to start designing great onboarding websites effectively.
Saved
on: 2015-02-19
webdesignrepo - a compact list of helpful webdesign links
New links every day to the latest dev and design. Plus a vault of the best resources for design and development.
Saved
on: 2015-02-16
Freebie: "Boxify" One Page Website Template | Codrops
Today we are very happy to share a beautiful and modern one page website template with you. Boxify is a stylish HTML5/CS
Saved
on: 2015-02-03
Hover Effect Ideas | Set 1
Hover Effect Ideas: Inspiration for subtle hover effects
Saved
on: 2015-01-10
Design in the browser with web fonts and real content - Typecast
Saved
on: 2014-12-17
Skrollr vs ScrollMagic | Comparison of scrolling animation plugins
Skrollr or ScrollMagic? Which one to choose and why? Find out in the comparison of these most popular scrolling animations plugins.
Saved
on: 2014-11-16
Website Style Guide Resources
A collaborative collection of resources for creating Front-End Style Guides and Pattern Libraries
Saved
on: 2014-11-16
Artifact Austin: Leaving Pixels Behind - Todd Parker - Presentazioni Google
Leaving Pixels Behind: A VECTOR WORKFLOW FOR DESIGNERS vv
Saved
on: 2014-09-25
http://www.helloerik.com/the-subtle-magic-behind-why-the-bootstrap-3-grid-works
Saved
on: 2014-07-16
Responsive Web Design by Ethan Marcotte
Think beyond the desktop, and craft designs that respond to your users’ needs—no matter how large or small the display.
Saved
on: 2014-06-19