Internationale Web News

  • Understanding why Semantic HTML is important, as told by TypeScript
    Mittwoch 21:43 Chris Coyier at CSS-Tricks
    What a great technological analogy by Mandy Michael. A reminder that TypeScript… makes use of static typing so, for example, you can give your variables a type when you write your code and then TypeScript checks the types at compile time and will throw an error if the variable is given a value of a different type. In other words, you have a variable age that you declare to be a number, the value for age has to stay … The post Understanding why Semantic HTML is important, as told by TypeScript appeared first on CSS-Tricks.
  • Creating the “Perfect” CSS System
    Mittwoch 21:19 Robin Rendle at CSS-Tricks
    My pal Lindsay Grizzard wrote about creating a CSS system that works across an organization and all of the things to keep in mind when starting a new project: Getting other developers and designers to use the standardized rules is essential. When starting a project, get developers onboard with your CSS, JS and even HTML conventions from the start. Meet early and often to discuss every library, framework, mental model, and gem you are interested in using and take feedback … The post Creating the “Perfect” CSS System appeared first on CSS-Tricks.
  • Practical CSS Scroll Snapping
    Mittwoch 16:05 Max Kohler at CSS-Tricks
    CSS scroll snapping allows you to lock the viewport to certain elements or locations after a user has finished scrolling. It’s great for building interactions like this one:Live Demo Browser support and basic usage Browser support for CSS scroll snapping has improved significantly since it was introduced in 2016, with Google Chrome (69+), Firefox, Edge, and Safari all supporting some version of it. Scroll snapping is used by setting the scroll-snap-type property on a container element and the … The post Practical CSS Scroll Snapping appeared first on CSS-Tricks.
  • Scroll Bouncing On Your Websites
    Mittwoch 14:00 at Articles on Smashing Magazine — For Web Designers And Developers
    Scroll bouncing (also sometimes referred to as scroll ‘rubber-banding’, or ‘elastic scrolling’) is often used to refer to the effect you see when you scroll to the very top of a page or HTML element, or to the bottom of a page or element, on a device using a touchscreen or a trackpad, and empty space can be seen for a moment before the element or page springs back and aligns itself back to its top/bottom (when you release your touch/fingers).
  • Responsive IFRAMEs
    Mittwoch 13:30 David Walsh at David Walsh Blog
    Responsive web design revolutionized the web and spurred a movement away from native apps to web apps easily customizable for a mobile environment.  We use media queries and non-pixel-based dimensions to make responsive design easier; in fact, img { max-width: 100% } is one of my favorite CSS snippets.  IFRAME elements cause an all together different […] The post Responsive IFRAMEs appeared first on David Walsh Blog.
  • Amazing Tools & Services for Developers Like You Sponsored
    Mittwoch 11:04 Speckyboy Editors at Speckyboy Web Design Magazine
    Life as a web developer is challenging, fulfilling, and ever-changing in more ways than one. Being one, you most likely approach a complex project with enthusiasm and knowledge. When you… The post Amazing Tools & Services for Developers Like You appeared first on Speckyboy Web Design Magazine.
  • The possibilities of the color-adjust property
    Dienstag 18:22 Eric Bailey at CSS-Tricks
    The Open Web continues to show up in places we would have never originally expected to find it: our phones, televisions, watches, books, video game consoles, fast food menus, gas pumps, elevators, cars—even our refrigerators. By not making too many or too strict assumptions about how the web should be used, it remains flexible and adaptable. These qualities have allowed it to outperform closed technologies like Flash and Silverlight. With the web’s growth comes new features to better accommodate its … The post The possibilities of the color-adjust property appeared first on CSS-Tricks.
  • An Event Apart
    Dienstag 18:21 Chris Coyier at CSS-Tricks
    Just the other day in a Slack group I hang out in someone asked „what web design events is everyone going to and loving?“ An Event Apart is always my immediate answer. I’ve gotten to speak a number of An Event Apart events, which is an incredible honor and always a good time. So from that perspective, I love it. I can tell you that it’s the most well-run conference I go to that gets all the details right. But … The post An Event Apart appeared first on CSS-Tricks.
  • The Complete Anatomy Of The Gutenberg WordPress Editor
    Dienstag 14:00 at Articles on Smashing Magazine — For Web Designers And Developers
    It seems that Gutenberg has been a term of controversy in the world of WordPress lately. Hailed as the most significant change to WordPress 5.0 this year, the Gutenberg editor has received a mixed response from web developers and regular folk alike. All of this chaos is making it difficult to see Gutenberg for what it really is. So, I’ll try to put some of the confusion to rest once and for all.
  • React Emoji Picker
    Dienstag 13:13 David Walsh at David Walsh Blog
    When emojis first hit the web scene I rolled my eyes — they seemed like a lame communication method for giggling kids.  After years more experience working remotely, managing open source communities, and communicating with people that may not get my sense of humor, I’ve realized that emojis go a long way in representing the […] The post React Emoji Picker appeared first on David Walsh Blog.
  • How to Make a Side Income as a Designer or Developer
    Dienstag 9:58 Kyle Prinsloo at Speckyboy Web Design Magazine
    A lot of developers I speak to are interested in earning a side income. The extra cash could be a necessity, a comfort or to go on vacation. Regardless of… The post How to Make a Side Income as a Designer or Developer appeared first on Speckyboy Web Design Magazine.
  • Simple Interactive Pie Chart with CSS Variables and Houdini Magic
    Montag 15:57 Ana Tudor at CSS-Tricks
    I got the idea for doing something of the kind when I stumbled across this interactive SVG pie chart. While the SVG code is as compact as it gets (a single element!), using strokes for creating pie chart slices is problematic as we run into rendering issues on Windows for Firefox and Edge. Plus, in 2018, we can accomplish a lot more with a lot less JavaScript! AI got the following result down to a single HTML element … The post Simple Interactive Pie Chart with CSS Variables and Houdini Magic appeared first on CSS-Tricks.
  • monday.com: the Total Team Management Tool
    Montag 14:35 David Walsh at David Walsh Blog
    Whether you’re a solo freelancer, an open source team, a large company, or a worldwide organization, having a consistent and usable team management tool is the difference between a well oiled machine and chaos.  Managing people, projects, tasks, payments…there’s always so much going on!  monday.com has the perfect team management tool: easy to use, all-encompassing, […] The post monday.com: the Total Team Management Tool appeared first on David Walsh Blog.
  • Everything You Need To Know About Alignment In Flexbox
    Montag 14:00 at Articles on Smashing Magazine — For Web Designers And Developers
    In the first article of this series, I explained what happens when you declare display: flex on an element. This time we will take a look at the alignment properties, and how these work with Flexbox. If you have ever been confused about when to align and when to justify, I hope this article will make things clearer! History Of Flexbox Alignment For the entire history of CSS Layout, being able to properly align things on both axes seemed like it might truly be the hardest problem in web design.
  • Fun Examples of CSS Imitating Print Design
    Montag 11:06 Eric Karkovack at Speckyboy Web Design Magazine
    There’s still some value in having a document or other printed product that you can hold in your hand. And as much as the web has promised a “paperless” world,… The post Fun Examples of CSS Imitating Print Design appeared first on Speckyboy Web Design Magazine.
  • Weekly News for Designers № 449
    Sonntag 9:51 Speckyboy Editors at Speckyboy Web Design Magazine
    This week’s Designer News (N.449) includes Testing Web Fonts on a Live Website, The Product Designer’s Toolbox, Common Webpage Design Mistakes, an Average Color Detection Library, The Cost of JavaScript in 2018, Creating Apple’s Website with Bootstrap 4 and much more. The post Weekly News for Designers № 449 appeared first on Speckyboy Web Design Magazine.
  • The Cost of JavaScript in 2018
    Freitag 17:40 Robin Rendle at CSS-Tricks
    Even though we mentioned it earlier, I thought this outstanding post by Addy Osmani all about the performance concerns of JavaScript was still worth digging into a little more. In that post, Addy touches on all aspects of perf work and how we can fix some of the most egregious issues, from setting up a budget to “Time-to-Interactive” measurements and auditing your JavaScript bundles.Embrace performance budgets and learn to live within them. For mobile, aim for a JS budget … The post The Cost of JavaScript in 2018 appeared first on CSS-Tricks.
  • Replace Repeated Characters with JavaScript
    Freitag 17:27 David Walsh at David Walsh Blog
    URLs can be tricky to work with because they can be more complicated than the traditional URL format you type in.  I was again reminded of this when I was parsing Webpack URLs when I saw this beauty: webpack-internal:///../rbd/pnpm-volume/144384a5-85d9-4142-b9b9-168eea22eb97/node_modules/.registry.npmjs.org/fbjs/0.8.17/node_modules/fbjs/lib/isNode.js I parsed the URL with new URL(„….“) but saw that the pathname included every leading slash: ///../rbd/pnpm-volume/144384a5-85d9-4142-b9b9-168eea22eb97/node_modules/.registry.npmjs.org/fbjs/0.8.17/node_modules/fbjs/lib/isNode.js […] The post Repl …
  • Switch font color for different backgrounds with CSS
    Freitag 15:58 Facundo Corradini at CSS-Tricks
    Ever get one of those, „I can do that with CSS!“ moments while watching someone flex their JavaScript muscles? That’s exactly the feeling I got while watching Dag-Inge Aas & Ida Aalen talk at CSSconf EU 2018. They are based in Norway, where WCAG accessibility is not a just good practice, but actually required by law (go, Norway!). As they were developing a feature that allows user-selectable color theming for their main product, they faced a challenge: automatically adjusting … The post Switch font color for different backgrounds with CSS appeared first on CSS-Tricks.
  • Script & Style Show: Episode 19: Firefox Privacy and Security with Luke Crouch
    Freitag 13:44 David Walsh at David Walsh Blog
    On this week’s episode:  Todd co-hosts the show with the threat of killer bees invading his home despite David’s advice to sell his house and seek alternate shelter.  Luke Crouch from Mozilla’s Privacy and Security team joins the guys to talk browsing privacy, advertising, tracking, and a number of initiative that Mozilla takes to make […] The post Script & Style Show: Episode 19: Firefox Privacy and Security with Luke Crouch appeared first on David Walsh Blog.
  • Five interesting ways to use Sanity.io for image art direction
    Donnerstag 15:57 Knut Melvær at CSS-Tricks
    When we saw Chris put up a list of cloud-hosted data-stores, we couldn’t resist letting him know that we also had one of those, only ours is a fully featured CMS that come with a rich query language and an open source, real time, collaborative authoring tool that you can tailor to your specific needs using React. It’s called Sanity.io. “Add us to your list!” we asked Chris. “No, your stuff is interesting, can’t you write about you… The post Five interesting ways to use Sanity.io for image art direction appeared first on CSS-Tricks.
  • New on Wufoo: Form Manager Beta, File Manager Beta, Entry Manager Beta
    Donnerstag 15:54 Chris Coyier at CSS-Tricks
    Wufoo really is firing on all cylinders lately! As you may know, I’ve been using Wufoo here on this site, and pretty much every other site I’ve ever made, to power the web forms for over a decade. That’s a dang long time, which more than proves to me Wufoo is a form solution to trust. But also a product that improves! There is a new Form Manager, Entry Manager, and File Manager.Enable the beta stuff … The post New on Wufoo: Form Manager Beta, File Manager Beta, Entry Manager Beta appeared first on CSS-Tricks.
  • With Elementor, You can Design Every Part of a WordPress Website Without Writing a Line of Code
    Donnerstag 13:39 Ben Pines at David Walsh Blog
    Have you ever tried to envision what the definitive WordPress website builder would look like? It might bear some resemblance to products currently on the market except it would have much more to offer. That was exactly the Elementor team’s thinking when they set out to create a website builder unlike any other. Since Elementor’s […] The post With Elementor, You can Design Every Part of a WordPress Website Without Writing a Line of Code appeared first on David Walsh Blog.
  • Are Gutenberg’s Bad Reviews a Sign of Failure?
    Donnerstag 11:52 Eric Karkovack at Speckyboy Web Design Magazine
    Perception is everything. And when the perception of your product or service isn’t very positive, it can really throw a monkey-wrench into your plans for success (just ask Windows 8)…. The post Are Gutenberg’s Bad Reviews a Sign of Failure? appeared first on Speckyboy Web Design Magazine.
  • Web Performance For Third Party Scripts: SmashingConf Videos
    Mittwoch 13:30 at Articles on Smashing Magazine — For Web Designers And Developers
    We are continuing our exploration of video from Smashing Conferences this year with two videos that explore the impact of third party scripts. These scripts can add functionality, and give us valuable information, but what do they cost? These two talks will help you to assess the third party scripts you might be considering adding to a site, and to be able to advise your clients or team members when the request comes in to add yet another script to a global include file!
  • Script & Style Show: Episode 18: JavaScript Date and TC39 with Maggie Pint
    Dienstag 3:45 David Walsh at David Walsh Blog
    In this week’s episode:  Todd discusses his self-imposed ban from Twitter while David tries to fathom a day without feeling the importance of people liking his pithy tweets.  The episode is saved by Maggie Pint, a Microsoft open source guru who also happens to be a momentjs maintainer and TC39 representative.  I promise you’ll learn […] The post Script & Style Show: Episode 18: JavaScript Date and TC39 with Maggie Pint appeared first on David Walsh Blog.
  • Attracting Users To Evaluate Your Product
    Montag 0:30 at Articles on Smashing Magazine — For Web Designers And Developers
    (This is a sponsored article.) The entire ecosystem in which we are designing and researching the user experience is shifting and changing constantly. Traditional UX skills need to be expanded to meet the reality of the modern digital ecosystem. Understanding the user is essential to the job, but you also need to understand the wider user context. How do they discover they have a need? How do they find and evaluate a product to meet that need?
  • We Are Just Getting Started: 1,000 Smashing Members
    Freitag 13:50 at Articles on Smashing Magazine — For Web Designers And Developers
    We’ve all been there: bringing a new product to the market is a tough nut to crack. It requires patience, commitment, and a bit of healthy stubbornness. That’s the exact attitude we started off with when we launched our shiny new Smashing Membership last October — a friendly and respectful community that keeps this website alive, along with books, webinars, discounts, networking, and a seasoned selection of fancy cats. Thanks to the generous support of Smashing Members, we’re incredibly honored to have crossed the 1,000 members mark today.
  • Create gists from Command Line
    Donnerstag 14:22 David Walsh at David Walsh Blog
    One of the best ways to gain contributors for your open source project is by providing a rough patch for the contributor to start from.  One of the best ways to ask for help is by providing what you have so far and letting a mentor look it over and provide suggestions.  In both cases, […] The post Create gists from Command Line appeared first on David Walsh Blog.
  • What Happens When You Create A Flexbox Flex Container?
    Donnerstag 14:00 at Articles on Smashing Magazine — For Web Designers And Developers
    In a short series of articles, I’m going to spend some time in detailed unpacking of Flexbox — in the same way I have done in the past with grid. We’ll have a look at the things Flexbox was designed for, what it really does well, and why we might not choose it as a layout method. In this article, we will take a detailed look at what actually happens when you add display: flex to your stylesheet.
  • Get and Set Volume with JavaScript
    Mittwoch 14:05 David Walsh at David Walsh Blog
    The
  • User Experience Psychology And Performance: SmashingConf Videos
    Mittwoch 13:30 at Articles on Smashing Magazine — For Web Designers And Developers
    Today, we’d like to shine a light on two videos from our archives as we explore two very different approaches to User Experience (UX). The first explores how we relate our websites to the needs and situations of our visitors, trying to meet them where they are emotionally. The second is a detailed technical exploration into how we measure and track the data around performance as it relates to user experience.
  • Array Destructuring
    Dienstag 13:43 David Walsh at David Walsh Blog
    Destructuring has become a major language feature in JavaScript, most prominently seen with imports, but also in function declarations and so on.  While object literals are the usual case for destructuring, remember that you can also destructure Arrays and Sets. Let’s have a look at how destructuring is used for arrays and Sets! The usual case […] The post Array Destructuring appeared first on David Walsh Blog.
  • Sunshine All Day Every Day (August 2018 Wallpapers Edition)
    Dienstag 13:11 at Articles on Smashing Magazine — For Web Designers And Developers
    Everybody loves a beautiful wallpaper to freshen up their desktops. So to cater for new and unique artworks on a regular basis, we embarked on our monthly wallpapers adventure nine years ago, and since then, countless artists and designers from all over the world have accepted the challenge and submitted their designs to it. It wasn’t any different this time around, of course. This post features wallpapers created for August 2018.
  • Script & Style Show: Episode 17: Accessibility with Elle Waters
    Dienstag 3:27 David Walsh at David Walsh Blog
    In this episode:  Todd and David discuss how “hot” David looks…due to David’s air conditioning unit being broken.  Elle Waters is this weeks guest, joining us to talk about the importance of accessibility on the web, including what accessibility encompasses (more than you think!), tools to ensure your sites are accessible, and how web standards […] The post Script & Style Show: Episode 17: Accessibility with Elle Waters appeared first on David Walsh Blog.
  • What Do You Need To Know When Converting A Flash Game Into HTML5?
    Montag 14:00 at Articles on Smashing Magazine — For Web Designers And Developers
    With the rise of HTML5 usage, many companies start redoing their most popular titles to get rid of outdated Flash and match their products to the latest industry standards. This change is especially visible in the Gambling/Casino & Entertainment industries and has been happening for several years now, so a decent selection of titles has already been converted. Unfortunately, when browsing the Internet, you can quite often stumble upon examples of a seemingly hasty job, which results in the lover quality of the final product.
  • Create Custom Video Player Controls with CanJS
    Montag 13:30 Justin Meyer at David Walsh Blog
    In this guide, you will learn how to create a custom video player using the
  • Logging Activity With The Web Beacon API
    Freitag 13:40 at Articles on Smashing Magazine — For Web Designers And Developers
    The Beacon API is a JavaScript-based Web API for sending small amounts of data from the browser to the web server without waiting for a response. In this article, we’ll look at what that can be useful for, what makes it different from familiar techniques like XMLHTTPRequest (‘Ajax’), and how you can get started using it. If you know why you want to use Beacon already, feel free to jump directly to the Getting Started section.
  • Create the Google Button Effect with CSS
    Freitag 3:59 David Walsh at David Walsh Blog
    I always found Google’s branding simple but grew to realize that was the beauty in their design; there’s something about “just enough” that is the perfect balance between bland and over the top.  GMail’s design grew old over the years and Google just got around to updating its design and it’s true to the Google […] The post Create the Google Button Effect with CSS appeared first on David Walsh Blog.
  • WordPress Notifications Made Easy
    Donnerstag 14:20 at Articles on Smashing Magazine — For Web Designers And Developers
    WordPress doesn’t offer any kind of notification system. All you can use is the wp_mail() function, but all of the settings have to be hardcoded, or else you have to create a separate settings screen to allow the user tweak the options. It takes many hours to write a system that is reliable, configurable and easy to use. But not anymore. I’ll show you how to create your own notification system within minutes with the free Notification plugin.