A CCO project maintained by the Simple Icons contributors. Use GitHub for requests, corrections and contributions. Kindly supported by your donations at Open Collective.
A surprisingly common response when asking people about things they’d fix about anything in CSS, is to improve the handling of viewport units. One thing that comes up often is how they relate to scrollbars. For example, if an element is sized to 100vw and stretches edge-to-edge, that’s fine so long as the page doesn’t have a vertical scrollbar. If it does have a vertical scrollbar, then 100vw is t
This application is a living style guide or pattern library, generated from KSS documented styles...with an accessibility twist. No matter your level of development or accessibility expertise, there are ways to help contribute to the a11y style guide. Why did this project start? We wear a lot of hats as front-end developers. Depending on the client or company you work for, you may be the designer,
インターナショナル ターゲティング レポートのサポートが終了しました。 Google は、引き続き hreflang タグをサポートおよび使用します。ただし、Search Console の国単位のターゲット設定を使用して特定の国の検索結果をターゲティングする機能は、エコシステムにとっての有用性に乏しいと判断され、サポートを終了しました。
Images are critical for every website and application today. Whether it be marketing banners, product images or logos, it is impossible to imagine a website without images. Sadly though, images are large in size making them the single largest contributor to the page size. As per the latest HTTP Archive data, the median page size on desktops is 1511 KB. Images make up for almost 650 KB of that size
Users can be hesitant to fill out forms. That is why it is our goal as designers to make the process of filling out a form as easy as possible. Nick shares some techniques that can help you design effective forms. (This article is kindly sponsored by Adobe.) Forms are the linchpin of all mobile interactions; it stands between the person and what they're looking for. Every day, we use forms for ess
since 2008, a reference platform for typographic and graphic posters.
Let’s see some examples of UI animations going from good to great. With a little bit of tweaking here and there, you can elevate your UI patterns with animation. The interactions listed show continuity between states, denote a relationship between shared elements, and call the user’s attention to something they should notice and act upon. To create these animations, I followed the guidelines from
Why your website should have meta tags? Your website visitors are visual beings (with the exception of robots). When they see the awesome content, product, video, or all of the other cool things they discover on there, they will share it. Now how great would it be if that wasn’t just a plain link in the message, post, comment or tweet but a quick preview of your awesome stuff? Meta tags enable sea
Rapidly build modern websites without ever leaving your HTML.A utility-first CSS framework packed with classes like flex, pt-4, text-center and rotate-90 that can be composed to build any design, directly in your markup. <figure class="md:flex bg-slate-100 rounded-xl p-8 md:p-0 dark:bg-slate-800"> <img class="w-24 h-24 md:w-48 md:h-auto md:rounded-none rounded-full mx-auto" src="/sarah-dayan.jpg"
100+ Best Typography Tools for Designers and Developers A comprehensive list of typography tools to help you establish a beautiful and user friendly type design for websites. A good typography is something lively for all websites as they are the communication medium. Good Typography is an significant element in any sort of design; Typography is one of the most important facets of web design. Typog
The Best Landing Page Examples Learn Design, Download Free Books & UI Kits Lapa Ninja is a gallery featuring the best 5906 landing page examples, free books for designers and free UI kits from around the web. Tired of seeing the same old boring animated websites? Check out landing.love to watch & learn from the best.
Keyframes 0% {transform: perspective(100px) rotate(0deg) } 25% {transform: perspective(100px) rotateX(180deg) rotateY(0);} 50% {transform: perspective(100px) rotateX(180deg) rotateY(180deg);} 75% {transform: perspective(100px) rotateX(0) rotateY(180deg);} 100% {transform: perspective(100px) rotateX(0) rotateY(0);} SCSS Mixin @mixin waitAnimate($options: ()) { $options: map-merge(( animationName: w
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く