Internationale Web News

  • Welcome to My New Office
    Dienstag 15:35 David Walsh at David Walsh Blog
    My 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.
  • Styling An Angular Application With Bootstrap
    Dienstag 13:00 at Articles on Smashing Magazine — For Web Designers And Developers
    In case you’ve already tried building a web application with Angular 7, it’s time to kick it up a notch. Let’s see how we can integrate Bootstrap CSS styles and JavaScript files with an Angular project generated using the Angular CLI, and how to use form controls and classes to create beautiful forms and how to style HTML tables using Table styles. For the Angular part, we’ll be creating a simple client-side application for creating and listing contacts.
  • 10 Portfolio Websites that Tell a Story
    Dienstag 11:31 Nataly Birch at Speckyboy Web Design Magazine
    A 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 Works
    Montag 18:39 Chris Coyier at CSS-Tricks
    CSS 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.page
    Montag 18:25 Chris Coyier at CSS-Tricks
    instant.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 Flexbox
    Montag 17:15 Brian Holt at CSS-Tricks
    If 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 Sheets
    Montag 14:10 Ben Collins at David Walsh Blog
    Since 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 Video
    Montag 14:00 at Articles on Smashing Magazine — For Web Designers And Developers
    Two 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 Want
    Montag 7:29 Eric Karkovack at Speckyboy Web Design Magazine
    As 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 Computer
    Sonntag 3:15 Jeff Atwood at Coding Horror
    When we started Discourse in 2013, our server requirements were high: 1GB RAM 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 Forms
    Freitag 16:20 Nathan Sebhastian at CSS-Tricks
    One 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.
  • The #StateOfCSS 2019 Survey
    Freitag 16:19 Geoff Graham at CSS-Tricks
    You know about the State of JavaScript survey, where thousands upon thousands of developers were surveyed about all-things-JS, from frameworks to testing and many other things in between? Well, Sacha Greif has launched one focused entirely on CSS. 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.
  • Weekly News for Designers № 475
    Freitag 14:45 Speckyboy Editors at Speckyboy Web Design Magazine
    This week’s Designer News (№ 475) includes The End of the Celebrity Designer, UX Microcopy: Finding a Balance Between Empathy and Humor, Intro to Font Metrics, A Subtle JavaScript to Punish Non-Paying Clients, Bidirectional Scrolling is Here to Save Responsive Design, An Introduction to CSS Exclusions and much more. 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 UX
    Freitag 11:42 at Articles on Smashing Magazine — For Web Designers And Developers
    The 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 API
    Donnerstag 16:31 Robin Rendle at CSS-Tricks
    The 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
    Donnerstag 16:29 Geoff Graham at CSS-Tricks
    (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 Angular
    Donnerstag 13:00 at Articles on Smashing Magazine — For Web Designers And Developers
    As 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 Sponsored
    Donnerstag 11:27 Speckyboy Editors at Speckyboy Web Design Magazine
    If 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 Templates
    Donnerstag 3:37 Brenda Stokes Barron at Speckyboy Web Design Magazine
    If 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 Git
    Donnerstag 0:09 Tobias Günther at CSS-Tricks
    The 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”
    Donnerstag 0:02 Chris Coyier at CSS-Tricks
    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.
  • ​​Avoiding those dang cannot read property of undefined errors
    Mittwoch 17:30 Adam Giese at CSS-Tricks
    ​​​​Uncaught TypeError: Cannot read property ‚foo‘ of undefined.​ The dreaded error we all hit at some point in JavaScript development. Could be an empty state from an API that returns differently than you expected. Could be something else. We don’t know because the error itself is so general and broad. ​​I recently had an issue where certain environment variables weren’t being pulled in for one reason or another, causing all sorts of funkiness with that error staring me … Read article The post ​​Avoiding those dang cannot read property of undefined errors appeared first on CSS-Tricks. …
  • An Introduction To WebBluetooth
    Mittwoch 13:00 at Articles on Smashing Magazine — For Web Designers And Developers
    With 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 Sponsored
    Mittwoch 9:24 Speckyboy Editors at Speckyboy Web Design Magazine
    We 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 Packs
    Dienstag 12:34 Brenda Stokes Barron at Speckyboy Web Design Magazine
    If 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
    Dienstag 12:00 at Articles on Smashing Magazine — For Web Designers And Developers
    (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!
    Montag 13:15 David Walsh at David Walsh Blog
    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 Experiences
    Montag 12:00 at Articles on Smashing Magazine — For Web Designers And Developers
    Your 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 Design
    Sonntag 23:05 Nataly Birch at Speckyboy Web Design Magazine
    It 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 № 474
    Freitag 18:26 Speckyboy Editors at Speckyboy Web Design Magazine
    This 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 Templates
    Freitag 18:25 Brenda Stokes Barron at Speckyboy Web Design Magazine
    Instagram 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.
  • New JavaScript Features That Will Change How You Write Regex
    Freitag 13:00 at Articles on Smashing Magazine — For Web Designers And Developers
    There’s a good reason the majority of programming languages support regular expressions: they are extremely powerful tools for manipulating text. Text processing tasks that require dozens of lines of code can often be accomplished with a single line of regular expression code. While the built-in functions in most languages are usually sufficient to perform search and replace operations on strings, more complex operations — such as validating text inputs — often require the use of regular expressions.
  • How People Make Decisions
    Donnerstag 13:30 at Articles on Smashing Magazine — For Web Designers And Developers
    (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 Table
    Mittwoch 13:00 at Articles on Smashing Magazine — For Web Designers And Developers
    Imagine 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 Performant
    Dienstag 13:00 at Articles on Smashing Magazine — For Web Designers And Developers
    Although 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?
  • CSS :placeholder-shown
    Montag 13:14 David Walsh at David Walsh Blog
    One of the first plugins that would hit a new framework in the early days of JavaScript frameworks was a placeholder plugin, which is why we were so excited when HTML5 brought us the placeholder attribute. Then CSS lovers like me were thrilled when the CSS spec allowed us to style placeholders. One recent problem […] The post CSS :placeholder-shown appeared first on David Walsh Blog.
  • A Guide To CSS Support In Browsers
    Montag 12:00 at Articles on Smashing Magazine — For Web Designers And Developers
    We 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
    Freitag 13:00 at Articles on Smashing Magazine — For Web Designers And Developers
    (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 Mac
    Donnerstag 13:08 David Walsh at David Walsh Blog
    Whenever 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 2019
    Donnerstag 12:09 at Articles on Smashing Magazine — For Web Designers And Developers
    As 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.