Smashing Magazine

Popis:

Smashing Magazine is focused on designing and building websites. We present most valuable techniques, ideas and resources for Web designers — articles written by...

URL:

http://www.smashingmagazine.com/

Katalog:

Technology

Publikuje:

5,6 položek/týden

Monthly Web Development Update 1/2019: Rethinking Habits And Finding Custom Solutions

18.ledna
What could be better than starting the new year with some new experiments? Today I figured it was time to rethink JavaScript tooling in one of my projects. And since we wrote everything in plain ECMAScript modules already, I thought it would be easy to serve them natively now and remove all the build and transpilation steps. Until I realized that — although we wrote most code ourselves — we hav...

Grabbing Visual Attention With The Visual Cortex

17.ledna
(This is a sponsored post.) You are designing a landing page. The goal of the page is to get people to notice, and hopefully click on a button on the screen to subscribe to a monthly newsletter. “Make sure the button captures people’s attention” is the goal you’ve been given. So how, exactly, do you do that? Research on the visual cortex in the brain can give you some ideas. The visual cortex i...

HTML5 Input Types: Where Are They Now?

16.ledna
One of the stand-out headline features of HTML5 for many designers and developers was the addition of a number of new types of form input that could be used. For years, we’d been confined to using single-line text inputs (type="text") and laying on JavaScript and user instructions to try an accurately capture valid data of different types through that one unsophisticated field. HTML5 brought wi...

How Improving Website Performance Can Help Save The Planet

15.ledna
You may not think about it often, but the Internet uses a colossal amount of electricity. This electricity needs to be produced somewhere. In most countries, this means the burning of fossil fuels. This, in turn, means that the Internet’s carbon footprint has grown to the point where it may have eclipsed global air travel, and this makes the Internet the largest coal-fired machine on Earth. The...

Web Standards: The What, The Why, And The How

14.ledna
The World Wide Web is an interesting place. As the Internet has grown and become more common place, it has become a gigantic instrument of change in terms of the way in which we interact with the world and each other. Like many people, my intro to web development at school was kind of bleak. Our school ICT (Information Computing Technology) lessons taught us very little, using Dreamweaver (back...

When And How To Use CSS Multi-Column Layout

11.ledna
In all of the excitement about CSS Grid Layout and Flexbox, another layout method is often overlooked. In this article I’m going to take a look at Multi-column Layout — often referred to as multicol or sometimes “CSS Columns”. You’ll find out which tasks it is suited for, and some of the things to watch out for when making columns. What Is Multicol? The basic idea of multicol, is that you can t...

Designing A Font Based On Old Handwriting

10.ledna
Designers create handwriting-based connected cursive fonts for a variety of reasons: to immortalize the loops and swirls of a loved one’s handwriting, to digitize the penmanship of a person or document of historic significance, or to transform charming handwriting into a creative asset that can be licensed. Let’s say you found a beautiful old handwriting specimen you want to digitize. You might...

Powerful Image Analysis With Google Cloud Vision And Python

9.ledna
Quite recently, I’ve built a web app to manage user’s personal expenses. Its main features are to scan shopping receipts and extract data for further processing. Google Vision API turned out to be a great tool to get a text from a photo. In this article, I will guide you through the development process with Python in a sample project. If you’re a novice, don’t worry. You will only need a very b...

How To Design Search For Your Mobile App

8.ledna
Why is Google the search behemoth it is today? Part of the reason is because of how it’s transformed our ability to search for answers. Think about something as simple as looking up the definition of a word. 20 years ago, you would’ve had to pull your dictionary off the shelf to find an answer to your query. Now, you open your phone or turn on your computer, type or speak the word, and get an a...

Front-End Performance Checklist 2019 [PDF, Apple Pages, MS Word]

7.ledna
Web performance is a tricky beast, isn’t it? How do we actually know where we stand in terms of performance, and what our performance bottlenecks exactly are? Is it expensive JavaScript, slow web font delivery, heavy images, or sluggish rendering? Is it worth exploring tree-shaking, scope hoisting, code-splitting, and all the fancy loading patterns with intersection observer, server push, clients hints, HTTP/2, service workers and — oh my — edge workers?

HTML5 SVG Fill Animation With CSS3 And Vanilla JavaScript

4.ledna
SVG stands for Scalable Vector Graphics and it is a standard XML-based markup language for vector graphics. It allows you to draw paths, curves, and shapes by determining a set of points in the 2D plane. Moreover, you can add twitch properties on those paths (such as stroke, color, thickness, fill, and more) in order to produce animations. Since April 2017, CSS Level 3 Fill and Stroke Module al...

How Much Should You Get Paid To Build Websites In 2019?

3.ledna
(This is a sponsored post.) When a business owner is in need of a new website, one of the first answers they’re going to go in search of is: “How much should I pay for a website?” Most of the articles they’ll find tell business owners that there are a few contributing factors when it comes to pricing: Type of website (e.g. personal blog, small business website, booming e-commerce shop) Size of ...

How To Learn CSS

2.ledna
I get a lot of people asking me to recommend to them tutorials on various parts of CSS, or asking how to learn CSS. I also see a lot of people who are confused about bits of CSS, in part because of outdated ideas about the language. Given that CSS has changed quite substantially in the last few years, this is a really good time to refresh your knowledge. Even if CSS is a small part of what you ...

2018: A Smashing Year In Review

31.prosince
As we come to the end of 2018, I spoke to some of the Smashing team, to get some thoughts on what the past year has been like for Smashing Magazine. We’re a small and fully remote team, communicating via Slack and Notion. Many of us only work part-time for Smashing, however, in many ways, I think that is one of our strengths. We’re not just the publishers of an online magazine or conference org...

New Year, New Beginnings (January 2019 Wallpapers Edition)

31.prosince
Maybe you’ve already started into the new year when you read this, maybe you’re still waiting for the big countdown to begin. No matter what: Let’s welcome 2019 with a fresh wallpaper! To give you a little inspiration boost, artists and designers from across the globe once again tickled their creativity and designed unique wallpapers for you to indulge in. All of them come in versions with and ...
© 2000-2019 ANNECA s.r.o., Klíšská 977/77, 400 01 Ústí nad Labem, Tel: +420 478571021, Email: info@hearea.com, Twitter: @hreader