はてなブックマーク

Discover the Awwwards Jury 2024

Web Design Trends 2019: Voice Interfaces, Image Search, Alexa and other crazy things that are rocking our world. Hello user ?, we are delighted to present this article rounding up 2019’s web design trends in a very special way. You can read more about all the following trends in our new book “NOW. A Contemporary Landscape for Digital Thinkers 2”. The book is like waking up after a futuristic dream

Best selection of Bootstrap Website examples for your inspiration... Read more Bootstrap is an open source toolkit for developing with HTML, CSS, and JS. Quickly prototype your ideas or build your entire app with our Sass variables and mixins, responsive grid system, extensive prebuilt components, and powerful plugins built on jQuery. Get started with Bootstrap, the world's most popular framework

This year we have seen many multicolored gradients with vibrant color palettes and irregular shapes with blur and distortion effects. Gradients are currently being used in many ways, but the most characteristic, in terms of trends, sees their use extended to secondary elements within the composition, such as hovers, titles, 3D elements, icons, and more. Gradients have been trendy for a while now,

Warning designers, we are facing an invasion. A “Brutal” invasion of gigantic cursors, crazy hovers and unusable galleries! Brutalism in web design laughs in the face of rationalism and functionality, in the world of design it can be defined as Freestyle UGLY irreverent RAW and superficially decorative etc. Check out some articles and examples of brutalist websites that will blow your mind with in

Most of the stunning visual effects you see everyday on the web or in movies and games would not be possible without GPUs. These Graphical Processing Units with their thousands of cores running in parallel are incredibly fast, but can be tricky to program at first. In this post we're going to look at how to set up Pixi.js, one of the most widely used Javascript rendering libraries, to run shaders

Trends in web design, like fashion trends, come and go. Sometimes trends are dictated by necessity (like responsive design). Other trends are industry shifts, such as the change from skeuomorphism to flat design. The decision to follow a trend must depend on the needs of your users and your business. The decision should never be based solely on “it’s what the cool sites are doing”. Fads fade. A si

Who can forget the GIFs of the ‘90s, or the more up-to-date focus on flat design? Recently, we’ve seen a surge in popularity of responsive web design, as more and more sites join the drive to become ‘mobile ready’ which is now even more important in the wake of Google’s Mobile Friendly update. Let’s examine some of the most popular for this and the coming year. 1. The Proliferation of UI PatternsO

Trendy Web Color Palettes and Material Design Color Schemes & Tools The latest web design trends have brought to light the fierce rivalry between Color and Typography to dominate the visual experience. Everybody is happy to admire shiny and vibrant color palettes 🌈, they stimulate the senses, and their qualities go beyond simply being visual. As we discussed in our article Color Exploration in We

The 2015 version of The 100 Greatest Free Fonts Collection is finally here. . Do you remember our “100 Greatest Free Fonts Collection” articles for 2012, 2013, and 2014? Well, the 2015 version of those articles is finally here. Just like previous years, we've undertaken great efforts to look for, categorize, and create font previews of 100 typefaces that you can use to do almost anything. Update:

The culture of design in Japan is detailed and dynamic, continually evolving, and not afraid of experimentation. In the past, it has been characterized by its use of vibrant colors, personalized typography, and information heavy designs - often using a mixture of Japanese and Western characters, generating a certain amount of confusion, especially for Western users! Japan is a curious case in the

Web Animation Infographics: A Map of the Best Animation Libraries for JavaScript and CSS3 plus Performance Tips Today we have decided to showcase a 'map' of the current state of web animation by compiling highly regarded libraries, frameworks and plugins based on their versatility and performance. Infographic 1: The Map of Web Animation The infographic is divided into three sections, the first par

The Ultimate Trends for UI Inspiration: Animated Concepts, Menus, SVG graphics and more We are back with an inspiring selection of User Interface elements such as music widgets, calendars, slideshows, and more. As per usual, there are many, many native app designs which stand out for their simplicity, and of course, we haven't forgotten web interfaces for desktop and responsive UI designs. Whilst

Here we are, once again, with our now-famous selection of the top 100 free fonts for 2014. This year we have only selected fonts published or updated in late 2013 and 2014, giving you one of the most up-to-date lists around. The majority are completely free with licenses for commercial use; the odd few available for personal use only have extended license options at a very reasonable price. The fr

We're honored to present the top-awarded agencies, studios and freelancers.

Creative Code: CSS, JavaScript, WebGL and Three.js Experiments What is a Creative Coder? A Creative Coder can be described as an explosive combination of designer-programmer whose main focus is on animation, interactivity, and visual effects. Creative Coders have a strong affinity to generative art and a strong understanding about the application of mathematical concepts and algorithms like Lorenz

Bootstrap Customization: Themes, UI Patterns and Tools Everyone loves Bootstrap, the front-end framework created by Twitter, because it’s easy to set up, it magically creates a responsive version, great for prototyping etc... Of course, its biggest defect is that it’s too visible. We can think of thousands of projects where the framework is clearly recognizable. This shouldn’t happen so often, as

Flat Long Shadows: Step-by-step Tutorial, Resources and Examples Within the flat design trend on the rise at the moment, especially in this world of the web, one thing that stands out is the use of long flat shadows, particularly for small UI elements and icons. These shadows have a characteristic 45º angle below the horizontal axis and a gradient color close to the background shade can be applied

Interview with Addy Osmani, Developer Programs Engineer at Google Addy Osmani tells us what it’s like to create the future of the web. Martha went to meet the developer relations wizard at Google HQ in London. Personal site | @addyosmani | Google+ Profile So, Google. How did you end up here? In the interviews, I was asked "If you had six oranges in one hand and seven in another, what would you hav

Giving a website personality is probably one of the most important questions before beginning development on any project. Sometimes a good photo or excellent use of typography or color can help you achieve this goal. But if your team includes a designer who can make illustrations, icons etc. especially for each project, that's priceless, beyond a doubt. You can also use vector resources from image