Smashing Magazine

JANUARY 5, 2022

Ten Tips For The Aspiring Designer Beginners (Part 1). Ten Tips For The Aspiring Designer Beginners (Part 1). In this article, I want to share ten tips that helped me grow and become a better designer, and I hope these tips will also help you while you’re trying to find more solid ground under your feet. Luis Ouriach.

Design 126

Design Social Media Website Best Practices 126

Smashing Magazine

AUGUST 17, 2021

Icons are a fantastic way to help convey meaning and add some character to a design. Two versions available: Designers can use the Flagpack in Figma and Sketch, developers can install it directly within their code project (React, Vue, and Svelte are supported). Open-Source Flag Icons. Large preview ). A friendly little detail.

Open Source 143

Open Source Design Availability Website 143

Smashing Magazine

NOVEMBER 22, 2021

Improving The Performance Of Wix Websites (Case Study). Improving The Performance Of Wix Websites (Case Study). Since implementing these changes, we have seen a dramatic improvement in the performance of websites built and hosted on our platform. Dan Shappir. 2021-11-22T10:30:00+00:00. 2021-11-22T11:06:56+00:00.

Website 126

Website Performance Google Media 126

Smashing Magazine

MARCH 2, 2020

Inspired Design Decisions: Neville Brody Design Cannot Remain Neutral. Inspired Design Decisions: Neville Brody Design Cannot Remain Neutral. Local bands designed their own publicity and the mostly two-colour artwork was edgy and unpolished. Music magazines were popular too. Andrew Clarke. Large preview ).

Design 101

Design Media Testing Entertainment 101

Smashing Magazine

JUNE 28, 2021

Mike’s personal website. Designing With Code: A Modern Approach To Design. The Rise Of Design Thinking As A Problem Solving Strategy. Drew McLellan: He’s a Senior Software Engineer for an agency called Echobind. But for me, I don’t have design sense. A little bit, but I’m not a designer by any means.

Website 62

Website Design Open Source Software 62

Smashing Magazine

AUGUST 20, 2021

The world’s first website was made from static HTML files created in a text editor. Fast-forward 30 years, and website technology has changed significantly — we have images, stylesheets, JavaScript, streaming video, AJAX, animation, WebSockets, WebGL, rounded corners in CSS — the list goes on. Mike Neumegen. released 1998.

Ecommerce 139

Ecommerce Website Government Internet 139

Smashing Magazine

JUNE 18, 2020

That’s because they are meant for user preferences, as mentioned here in the case of iOS and here in the Android documentation when talking about the Security library which is designed to provide wrappers to the SharedPreferences specifically to encrypt the data before storing it. Secure Storage On Mobile. Large preview ). In React Native.

Storage 93

Storage Mobile Website Java 93

Smashing Magazine

SEPTEMBER 24, 2021

Lessons Learned Rebuilding A Large E-Commerce Website With Next.js (Case Study). Lessons Learned Rebuilding A Large E-Commerce Website With Next.js (Case Study). But if you are not careful and start banging out code without thinking about design, you might end up with a big ball of mud. ESLint ,” official website.

Website 113

Website Code Servers Analytics 113

Smashing Magazine

SEPTEMBER 28, 2022

The resource loading waterfall is a cascade of files downloaded from the network server to the client to load your website from start to finish. Developing software is becoming easier as frameworks like React, Vue, or Angular become the go-to solution for creating even the simplest applications. More after jump! Prefetching.

Cache 125

Cache Performance Servers Social Media 125

Smashing Magazine

DECEMBER 27, 2021

Building Gatsby Themes For WordPress-Powered Websites. Building Gatsby Themes For WordPress-Powered Websites. With Gatsby, you can pull data from (almost) anywhere and use it to generate static or dynamic websites. I used to design and develop WordPress themes. Further Reading On Smashing Magazine. Paulina Hetman.

Website 127

Website Open Source Code Availability 127

Smashing Magazine

APRIL 13, 2020

Inspired Design Decisions With Herb Lubalin: Typography Can Be As Exciting As Illustration And Photography. Inspired Design Decisions With Herb Lubalin: Typography Can Be As Exciting As Illustration And Photography. Inspired Design Decisions: Avaunt Magazine. Inspired Design Decisions: Pressing Matters.

Design 116

Design Media C++ Technology 116

Smashing Magazine

SEPTEMBER 14, 2021

Need to design something? It can be tempting to start with a computer-based tool, e.g. wireframing software like Balsamiq , or design tools like Photoshop or Figma. This process is recommended even if we aren’t designing something big or in the capacity of a designer. The Power Of Pen And Paper Sketching.

Design 124

Design Website Open Source Mobile 124

Smashing Magazine

NOVEMBER 2, 2021

However, at the end of 2020, about 1% of websites included a Service Worker, and 2.2% Application leaders for digital commerce technologies must plan for PWAs when designing digital commerce experiences”. Meet Adam Silver’s Form Design Patterns , a practical guide to designing and building forms for the web.

Code 74

Code Cache Retail Mobile 74

Smashing Magazine

OCTOBER 28, 2021

Maybe you’re launching some software and need to know how to price it. Web scraping is the practice of extracting large amounts of web data through the use of software. As such, I urge you always to be mindful of the website while scraping, take care not to damage it, and follow ethical guidelines. Robert Sfichi.

Website 115

Website Code Retail Best Practices 115

Smashing Magazine

NOVEMBER 5, 2019

It’s often why online forums and website support centers contain question-and-answer like this one on the Go1 website : Go1’s support center answers the question “Why Has My CSV Upload Failed?”. CSV importers should be designed — error messages and all — to make this a quick and painless experience for your users.

Azure 51

Azure Website Code Systems 51

Smashing Magazine

AUGUST 9, 2021

Smashing Podcast Episode 41 With Eva PenzeyMoog: Designing For Safety. Smashing Podcast Episode 41 With Eva PenzeyMoog: Designing For Safety. In this episode, we’re talking about designing for safety. What does it mean to consider vulnerable users in our designs? Design for Safety from A Book Apart. Drew McLellan.

Design 98

Design Education Network Google 98

Smashing Magazine

JULY 9, 2021

These are just a couple of examples of what disabled users face daily when they try and access a website that is inaccessible. The case for accessibility is this; we as stakeholders, managers, teams, designers and developers need to do better in not only practicing accessibility but advocating for it as well.

Website 145

Website Mobile Design Testing 145

Smashing Magazine

JULY 16, 2021

Component-based design, enabled and enforced by modern JavaScript frameworks, does not only provide great developer experiences and project ergonomics when used in a smart way, but it can also offer advantages for accessibility. website : 1 — Welcome to GOV.UK For example, let’s take the (abridged) headline tree from the GOV.UK

Strategy 140

Strategy Virtualization Government Education 140

Smashing Magazine

NOVEMBER 24, 2021

A Showcase Of Lovely Little Websites. A Showcase Of Lovely Little Websites. Oh, and if you’ve come across a website that you feel is too good to keep to yourself, please don’t hesitate to share it in the comments below. Of course, design isn’t quite like art. Cosima Mielke. 2021-11-24T12:00:00+00:00. Covid Art Museum.

Website 121

Website Design Games Open Source 121

Smashing Magazine

OCTOBER 29, 2019

Speed Up Your Website With WebP. Speed Up Your Website With WebP. Spend enough time running websites through PageSpeed Insights and you’ll notice that Google has a major beef with traditional image formats like JPG, PNG and even GIF. Image editing software and content management systems are, too. Suzanne Scacca.

Website 72

Website Speed Cache Google 72

Smashing Magazine

JULY 6, 2021

We’ve explored the concepts behind headless CMSes in detail here on Smashing Magazine, but let’s do a quick recap. When it comes to a Traditional CMS, the CMS and the resulting front-end website are built on a monolithic architecture. there was a separate subdomain for a mobile website). Infrastructure Integration.

Cache 143

Cache Website Mobile Google 143

KeyCDN

JANUARY 16, 2019

The concept of responsive web design has been around for a while, but all of the kinks have yet to be ironed out. The exponential proliferation of connected devices with varying software and technical capabilities has made it more and more difficult to cater web content to every single user. Why Use Client Hints?

Servers 67

Servers Google Website Energy 67

Smashing Magazine

AUGUST 12, 2021

Whether you’re just starting out with Figma or have been using it for a good while now, this post will give you just enough pointers to make your design process faster and smoother. design tokens. design systems. responsive design and testing. responsive design and testing. Table of Contents. accessibility.

Google 145

Google Design Code Mobile 145

Smashing Magazine

OCTOBER 23, 2021

based cross-platform framework whose motto is : “write code once and simultaneously deploy it as a website, a mobile app and/or an Electron app”. Meet Adam Silver’s Form Design Patterns , a practical guide to designing and building forms for the web. App Design. At this point, the design of our app is in place.

Database 111

Database Code Mobile Google 111

Smashing Magazine

JULY 2, 2021

A mistake could be made when you work with several projects/websites. It is important to make sure that your message looks as designed for all your recipients. Just a couple of years ago one online media for software developers sent a digest to its subscribers by listing them in a Cc field. So where do they go?

Testing 109

Testing Servers Social Media Automotive 109

Smashing Magazine

AUGUST 24, 2021

It means adopting common software development practices. Continue reading below ↓ Meet Smashing Email Newsletter with useful tips on front-end, design & UX. Subscribe and get “Smart Interface Design Checklists” — a free PDF deck with 150+ questions to ask yourself when designing and building almost anything.

Development 119

Development Benchmarking Code Engineering 119

Smashing Magazine

JUNE 20, 2019

As of writing, they have been viewed over 29 trillion times across the web and it’s easy to understand why — the collection gives you access to over 900 beautiful fonts you can use on your website for free. Resource hints are a feature supported by modern browsers which can boost website performance. — FAQ, Google Fonts.

Google 111

Google Performance Cache Website 111

Smashing Magazine

OCTOBER 19, 2021

Bridging The Gap Between Designers And Developers written by Matthew Talebi. Tips And Tricks For Evaluating UX/UI Designers written by Nataliya Sambir. Powered E-Commerce Website written by Arijit Mondal. Powered E-Commerce Website written by Arijit Mondal. Attainable DevOps. Weekly Update. Solving CLS Issues In A Next.js-Powered

DevOps 83

DevOps Metrics Systems Design 83

Smashing Magazine

MAY 16, 2022

Due to the design of web browser APIs, there are currently no mechanisms for querying requests and their relative responses after the fact. Let’s assume all website images return this Server-Timing header structure. When acting as a proxy, they can be used to read and modify requests coming from and responses returning to the website.

Servers 92

Servers Monitoring Cache Network 92

Smashing Magazine

JUNE 2, 2021

Real-life performance for your users and how the website “feels” when you’re using it should not be discounted, even if it costs you a point or two in Page Speed (otherwise, we would all just have a search bar and unstyled text). The design was made by a design and UX agency that also handled the HTML prototype (based on Bootstrap 4).

Performance 115

Performance Cache Website Mobile 115

Smashing Magazine

OCTOBER 26, 2018

However, being an easy-to-use inclusive and versatile piece of software, WordPress comes with a plethora of options that are not necessarily utilized in each and every project. As a result, website performance can suffer. Recommended reading : How To Use Heatmaps To Track Clicks On Your WordPress Website. Security concerns.

Cache 78

Cache Website Speed Database 78

Smashing Magazine

JUNE 25, 2020

Django websites involve a lot of files. As if that wasn’t enough already, sometimes users come along and want to upload their own files to your website. One final note is that many libraries for CSS and JavaScript have free CDNs that most websites can use. Philip Kiely. 2020-06-25T12:30:00+00:00. 2020-06-25T15:34:35+00:00.

Media 69

Media Cache Storage AWS 69

Smashing Magazine

AUGUST 22, 2021

This means that it will not magically download your website resources much more quickly than TCP. While this is conceptually possible (QUIC does exactly that), things were initially not designed like this, because we need to be able to use TCP with and without TLS on top. What Does It All Mean? 0-RTT Connection Set-Up.

Performance 105

Performance Network Latency Servers 105

Smashing Magazine

NOVEMBER 30, 2021

Improving The Performance Of Wix Websites written by Dan Shappir. Adding A Dyslexia-Friendly Mode To A Website written by John C Barstow. And the average website has only gotten a hundred milliseconds faster in terms of load time, because we just keep throwing more and more stuff at our users. Chris on Twitter. Weekly Update.

Technology 94

Technology Technology Servers Code 94

Smashing Magazine

SEPTEMBER 28, 2021

Two notable examples are comments on GitHub and the source code for posts on Smashing Magazine! On design systems, CSS/JS and UX. Certain websites and web apps that use Markdown input will also try to add alternate description text for you. How Markdown Works. Markdown uses special arrangements of characters to format content.

Website 129

Website Technology Technology Code 129

Smashing Magazine

JUNE 10, 2022

We saw how important it is to keep the typographic design parameters and variables the same to get a more accurate result while testing different typefaces. Research and design effort based on not good, okay, very good. Measurement: Research and design effort based on not good, okay, very good. Did you miss out on it?

Performance 94

Performance Design Speed Testing 94

Smashing Magazine

SEPTEMBER 7, 2021

This collaborative project involved engineers, product managers and designers from Microsoft and Google, working towards a shared goal (learn more about the project itself in my BlinkOn talk ). With almost 30 different panels, DevTools is a really complicated piece of software in any browser. Opening, Closing, and Moving Tools.

Google 97

Google Open Source Media Code 97