Internationale Web News
- Welcome to My New OfficeMy first professional web development was at a small print shop where I sat in a windowless cubical all day. I suffered that boxed in environment for almost five years before I was able to find a remote job where I worked from home. The first thing I told myself when leaving that first job […]
The post Welcome to My New Office appeared first on David Walsh Blog.
For the Angular part, we’ll be creating a simple client-side application for creating and listing contacts.
- 10 Portfolio Websites that Tell a StoryA designer’s portfolio is not something out of the ordinary. It is not extravagant or luxury. On the contrary, it is an ordinary thing that we meet on a daily…
The post 10 Portfolio Websites that Tell a Story appeared first on Speckyboy Web Design Magazine.
- How @supports WorksCSS has a neat feature that allows us to test if the browser supports a particular property or property:value combination before applying a block of styles — like how a @media query matches when, say, the width of the browser window is narrower than some specified size and then the CSS within it takes effect. In the same spirit, the CSS inside this feature will take effect when the property:value pair being tested is supported in the current browser. That … Read article
The post How @supports Works appeared first on CSS-Tricks.
- instant.pageinstant.page is a pretty cool project from Alexandre Dieulot. Alexandre has been at this idea for half a decade now, as InstantClick is his and is essentially the same exact idea.
The idea is that there is a significant delay between hovering over a link and clicking that link. Say it takes you 300ms of delay. That 300ms could have been spent preloading the next page. And if you do use that time preloading, that page loads that much faster.… Read article
The post instant.page appeared first on CSS-Tricks.
- IE10-Compatible Grid Auto-Placement with FlexboxIf you work on web applications that support older browsers, and have lusted after CSS Grid from the sidelines like I have, I have some good news: I’ve discovered a clever CSS-only way to use grid auto-placement in IE10+!
Now, it’s not actually CSS Grid, but without looking at the code itself, you wouldn’t be able to tell. The HTML structure looks like CSS Grid. It has a defined set of columns with an undefined amount of rows and it … Read article
The post IE10-Compatible Grid Auto-Placement with Flexbox appeared first on CSS-Tricks.
- Using Slack Slash Commands to Send Data from Slack into Google SheetsSince I work from home, most of my daily work interactions happen through Slack. It’s my equivalent to the water cooler. A place to hang out and discuss ideas with friends. I’m part of a book recommendations channel. People share books all the time, but they disappear quickly, lost in a sea of messages. I […]
The post Using Slack Slash Commands to Send Data from Slack into Google Sheets appeared first on David Walsh Blog.
- How A Screen Reader User Accesses The Web: A Smashing VideoTwo weeks ago, I had the pleasure of hosting a Smashing TV webinar with Léonie Watson on how a screen reader user accesses the web. In the talk, Léonie showed some big-name sites, such as BBC, sites nominated by Members (including my own!), Smashing Magazine itself, and the popular third-party service Typeform, because so many of us (including us at Smashing) just assume that the popular services have been checked for accessibility.
- Staying in Touch with What Users WantAs web designers, we build sites for our clients based on our own expertise. And while there are tried-and-true techniques for placing items such as navigation and calls to action,…
The post Staying in Touch with What Users Want appeared first on Speckyboy Web Design Magazine.
- The Cloud Is Just Someone Else's ComputerWhen we started Discourse in 2013, our server requirements were high:
modern, fast dual core CPU
speedy solid state drive with 20+ GB
I’m not talking about a cheapo shared cpanel server, either, I mean a dedicated virtual private server with those specifications.
We were OK with that,
- The Magic of React-Based Multi-Step FormsOne way to deal with long, complex forms is to break them up into multiple steps. You know, answer one set of questions, move on to another, then maybe another, and so on and so forth. We often refer to these as multi-step forms (for obvious reasons), but others also take to calling it a “wizard” form.
Multi-step forms can be a great idea! By only showing a few inputs on a screen at a time, the form may feel … Read article
The post The Magic of React-Based Multi-Step Forms appeared first on CSS-Tricks.
This is super timely given a lot of the content we and other sites have been posting lately centered around learning, complexity, changing roles, and more. Sacha captures it nicely:This is especially interesting since it comes at a… Read article
The post The #StateOfCSS 2019 Survey appeared first on CSS-Tricks.
The post Weekly News for Designers № 475 appeared first on Speckyboy Web Design Magazine.
- Monthly Web Development Update 2/2019: Web Authentication And The Problem With UXThe only constant in life is change, they say. And it’s true, even if we think nothing changes at all. Whether you notice change or not is only a question of how you perceive and how you observe things. In the tech industry, it’s easy to see how fast things evolve — read a summary article like this one, and you’ll suddenly become aware of how much has happened in just one month.
- Getting to Grips with the Airtable APIThe Airtable web app is pretty neat. You can use it like a spreadsheet but it’s useful for all sorts of other things too. The neatest thing about it for me is that it has an API so that you can treat it like a database.
I’ve been thinking about making weekly notes for the different teams I work with at Gusto to read about what the design systems team is working on, things we’ve fixed, and any bugs we’ve … Read article
The post Getting to Grips with the Airtable API appeared first on CSS-Tricks.
- Use monday.com to manage and share projects all in one place(This is a sponsored post.)
We’ve talked quite a bit about project management and workflows around here at CSS-Tricks, not because it’s the core of what we do as designers and developers, but because we all play a role in it as part of a team and because it impacts the quality of our work at the end of the day.
That’s why having a good system in place is such a benefit both to us and to teams … Read article
The post Use monday.com to manage and share projects all in one place appeared first on CSS-Tricks.
- Managing Image Breakpoints With AngularAs web developers, we are often required to create applications that are responsive as well as media-rich. Having such requirements in place means that we need to work with image breakpoints, as well as media queries since we want to provide the best experience to the end users. Adding to the list of requirements we may need to use a front-end framework such as Angular which is great for creating SPAs and other application types.
- How to Ship a Custom Login Form in Minutes – Without Coding SponsoredIf you can create a user login form for your product or app in minutes – and without coding – you must be doing something illegal or magical. Or, you…
The post How to Ship a Custom Login Form in Minutes – Without Coding appeared first on Speckyboy Web Design Magazine.
- 10 Free Responsive Website Mockup TemplatesIf you’re a designer, you probably know that showing your clients that their website will be responsive can be tricky without doing the actual coding. Designing different device mockups and…
The post 10 Free Responsive Website Mockup Templates appeared first on Speckyboy Web Design Magazine.
- The Smart Ways to Correct Mistakes in GitThe world of software development offers an infinite amount of ways to mess up: deleting the wrong things, coding into dead ends, littering commit messages with typos, are a mere few of the plentitude.
Fortunately, however, we have a wonderful safety net under our feet in the form of Git when we’re working with version control. Not that you and I need a safety net, of course, because we never make mistakes, right? Sure, sure. But for the benefit … Read article
The post The Smart Ways to Correct Mistakes in Git appeared first on CSS-Tricks.
- “the closest thing web standards have to a golden rule”The internet’s own Mat Marquis plucks this choice quote from the HTML Design Principals spec:In case of conflict, consider users over authors over implementors over specifiers over theoretical purity.And then he applies the idea to putting images on websites in 2019.
Direct Link to Article — Permalink… Read article
The post “the closest thing web standards have to a golden rule” appeared first on CSS-Tricks.
- An Introduction To WebBluetoothWith Progressive Web Apps, the web has been ever more closely moving towards native apps. However, with the added benefits that are inherent to the web such as privacy and cross-platform compatibility.
The web has traditionally been fantastic about talking to servers on the network, and to servers on the Internet specifically. Now that the web is moving towards applications, we also need the same capabilities that native apps have.
- The Six Best Productivity Apps for Designers SponsoredWe seem to be surrounded by those who are obsessed with productivity. We want to or are pressured to do better and do more in less time. We’re told that…
The post The Six Best Productivity Apps for Designers appeared first on Speckyboy Web Design Magazine.
- 18 Free High-Resolution Adobe Illustrator Brush PacksIf you’re looking to add unique elements to your Illustrator designs or want to spice up your projects, you’re going to need a quality Illustrator brush pack. While Illustrator is…
The post 18 Free High-Resolution Adobe Illustrator Brush Packs appeared first on Speckyboy Web Design Magazine.
- Webhosting Compared: Testing The Uptime Of 32 Hosts In 2018(This is a sponsored article.) Many surveys have indicated that uptime is number one factor when choosing a web host and although most, if not all, web hosting services “promise” 99.99% uptime, it’s not the case with our case-study.
According to our latest research, the average uptime of 32 shared web hosting providers is 99.59%. That’s approximately 35 hours 32 minutes of downtime per year, per website.
And downtime even happens to online giants.
- Script & Style Show on iTunes!Last year Todd Gardner of TrackJS and I debuted our YouTube web show (podcast): The Script & Style Show. It was an amazing first year of guests, including Chris Coyier, Kyle Simpson, Jason Laster, Max Lynch, Dylan Schiemann, and more! And the show will only get better! I’m happy to announce a few new places […]
The post Script & Style Show on iTunes! appeared first on David Walsh Blog.
- A/B Testing For Mobile-First ExperiencesYour client’s website is done. They’re thrilled with it. You and your team are satisfied with the results. And visitor reception looks good so far.
While I recognize that a lot of research, experimentation, analysis and review went into the creation of the website, is that all there is to building a winning website these days? I’d argue that the mobile-first web has added a layer of complexity that few are fully prepared for.
- Making a Statement: The Use of Stacked Text Blocks in Web DesignIt is so exciting to examine modern website designs and stumble upon tiny things that developers find adorable. “Tiny details make the difference” – we hear this a lot these…
The post Making a Statement: The Use of Stacked Text Blocks in Web Design appeared first on Speckyboy Web Design Magazine.
- Weekly News for Designers № 474This week’s Designer News (№ 474) includes Two Sets of Free Icons, The Graphic Design Archive, How to Report Errors in Forms: 10 Design Guidelines, Custom Cursor Effects, SocialSizes Social Media Templates, CSS Position Sticky – How It Really Works, Chinese Material Design and much more.
The post Weekly News for Designers № 474 appeared first on Speckyboy Web Design Magazine.
- 10 Free Instagram Story TemplatesInstagram stories are a great way to connect with your followers and give them a glimpse into your personal life as well as exclusive behind the scene updates. However, creating…
The post 10 Free Instagram Story Templates appeared first on Speckyboy Web Design Magazine.
- How People Make Decisions(This article is sponsored by Adobe.) Kelly’s in charge of choosing IT cloud services at her company. She has signed the company up for a chatbot service, and has had the “Pro” level service (not the “Free” or “Standard”) for two years.
It’s time for the annual renewal. Will she renew? Will she decide to renew, but switch to the free service only? Is there anything about the email notice and/or webpage for the service that will either encourage her or discourage her from renewing?
- How To Architect A Complex Web TableImagine you design a system for data researchers. Or an application for energy management. Or a dashboard for corn traders. Maybe you’re designing something like that right now. In all the mentioned cases, people will expect tables. Not those fancy ones from design inspiration sites but Excel-looking monsters with hundreds of cells and complex interaction.
In this case, a designer faces many challenges. For instance, matching design with existing frontend frameworks or struggling with “uncomfortable” data that smashes the layout.
- iOS Performance Tricks To Make Your App Feel More PerformantAlthough modern iOS hardware is powerful enough to handle many intensive and complex tasks, the device could still feel unresponsive if you are not careful about how your app performs. In this article, we will look into five optimization tricks that will make your app feel more responsive.
1. Dequeue Reusable Cell You’ve probably used tableView.dequeueReusableCell(withIdentifier:for:) inside tableView(_:cellForRowAt:) before. Ever wondered why you have to follow this awkward API, instead of just passing an array of cell in?
The post CSS :placeholder-shown appeared first on David Walsh Blog.
- A Guide To CSS Support In BrowsersWe will never live in a world where everyone viewing our sites has an identical browser and browser version, just as we will never live in a world where everyone has the same size screen and resolution. This means that dealing with old browsers — or browsers which do not support something that we want to use — is part of the job of a web developer. That said, things are far better now than in the past, and in this article, I’m going to have a look at the different types of browser support issues we might run into.
- Using Vue.js To Create An Interactive Weather Dashboard With APIs(This is a sponsored article.) In this tutorial, you will build a simple weather dashboard from scratch. It will be a client-end application that is neither a “Hello World” example, nor too intimidating in its size and complexity.
The entire project will be developed using tools from the Node.js + npm ecosystem. In particular, we will be heavily relying on the Dark Sky API for the data, Vue.js for all the heavy lifting, and FusionCharts for data visualization.
- Set Desktop Wallpaper from Command Line on MacWhenever I need to accomplish a basic task that typically calls for interacting with a UI, I challenge myself to complete the task from command line. After all, most UIs are simply a mask over basic commands, especially when it comes to the operating system. Suddenly I feel like an automation or systems engineer! One […]
The post Set Desktop Wallpaper from Command Line on Mac appeared first on David Walsh Blog.
- Spread The Love! Inspiring Wallpapers For February 2019As designers we usually turn to different sources of inspiration, and, well, sometimes the best inspiration lies right in front of us. With that in mind, we embarked on our wallpapers creativity mission more than nine years ago. The idea: to provide you with unique and inspiring desktop wallpapers each month anew. Wallpapers created by the community for the community.
We are very thankful to all artists and designers who have contributed and are still diligently contributing to this challenge, who tickle their creativity to keep the steady stream of wallpapers flowing.