Internationale Web News

  • Mercurial Tips
    Montag 12:29 David Walsh at David Walsh Blog
    While most of the world seems to be using git for version control, Mozilla continues to use Mercurial (hg) to manage the Firefox source code. As a git and GitHub lover, it took me a while to get used to Mercurial. I don’t consider myself a hg expert but I know enough to complete 99% […] The post Mercurial Tips appeared first on David Walsh Blog.
  • Data URIs
    Sonntag 23:28 David Walsh at David Walsh Blog
    We’re all familiar with traditional URI protocols like https, http, ftp, and file, but data URIs have become a large part of our online strategy. We can use them to display images, the Mac camera and webcams, and more. But what if we simply want to use a data URI to convey basic data? Typing […] The post Data URIs appeared first on David Walsh Blog.
  • 3D in Hand: Business Cards with Holographic Effects
    Sonntag 22:41 Nataly Birch at Speckyboy Design Magazine
    When it comes to creating impressive business cards, we are accustomed to believing that only design can do the trick. As a rule, we bet on an illustrative approach or… The post 3D in Hand: Business Cards with Holographic Effects appeared first on Speckyboy Design Magazine.
  • Weekly News for Designers № 501
    Samstag 19:25 Speckyboy Editors at Speckyboy Design Magazine
    This week’s Designer News (№ 501) includes a Tool for Extracting Design Tokens, Native Lazy-Loading for the Web, Why is Modern Web Development So Complicated?, Using Progressive Enhancement to Design for Accessibility, TypeSafe CSS, an Online Image Resizer and Editor, the Free Doob Agency Template and much more. The post Weekly News for Designers № 501 appeared first on Speckyboy Design Magazine.
  • Draggin’ and Droppin’ in React
    Freitag 16:56 Maks Akymenko at CSS-Tricks
    The React ecosystem offers us a lot of libraries that all are focused on the interaction of drag and drop. We have react-dnd, react-beautiful-dnd, react-drag-n-drop and many more, but some of them require quite a lot of work to build even a simple drag and drop demo, and some do not provide you with more complex functionality (e.g. multiple drag and drop instances), and if they do, it becomes very complex. This is where react-sortable-hoc comes into play.… Read article The post Draggin’ and Droppin’ in React appeared first on CSS-Tricks.
  • Accessibility and web performance are not features, they’re the baseline
    Freitag 16:51 Robin Rendle at CSS-Tricks
    This week I’ve been brooding about web performance and accessibility. It all began when Ethan Marcotte made a lot of great notes about the accessibility issues that are common with AMP: In the recordings above, I’m trying to navigate through the AMP Story. And as I do, VoiceOver describes a page that’s impossible to understand: the arrows to go back or forward are simply announced as “button”; most images are missing text equivalents, which is why the screen reader … Read article The post Accessibility and web performance are not features, they’re the baseline appeared first on CSS-Tricks. …
  • Monthly Web Development Update 8/2019: Strong Teams And Ethical Data Sensemaking
    Freitag 13:51 at Articles on Smashing Magazine — For Web Designers And Developers
    What’s more powerful than a star who knows everything? Well, a team not made of stars but of people who love what they do, stand behind their company’s vision and can work together, support each other. Like a galaxy made of stars — where not every star shines and also doesn’t need to. Everyone has their place, their own strength, their own weakness. Teams don’t consist only of stars, they consist of people, and the most important thing is that the work and life culture is great.
  • Weekly Platform News: HTML Loading Attribute, the Main ARIA Specifications, and Moving from iFrame to Shadow DOM
    Donnerstag 23:27 Šime Vidas at CSS-Tricks
    In this week’s roundup of platform news, Chrome introduces a new attribute for loading, accessibility specifications for web developers, and the BBC moves visualizations to the Shadow DOM. Chrome ships the loading attribute The HTML loading attribute for lazy-loading images and iframes is now supported in Chrome. You can add loading=“lazy“ to defer the loading of images and iframes that are below the viewport until the user scrolls near them. Google suggests either treating this feature as a progressive enhancement … Read article The post Weekly Platform News: HTML Loading Attribute, the Main …
  • The Making of an Animated Favicon
    Donnerstag 16:47 Preethi at CSS-Tricks
    It’s the first thing your eyes look for when you’re switching tabs. That’s one way of explaining what a favicon is. The tab area is a much more precious screen real-estate than what most assume. If done right, besides being a label with icon, it can be the perfect billboard to represent what’s in or what’s happening on a web page.The CSS-Tricks Favicon Favicons are actually at their most useful when you’re not active on a tab. Here’s … Read article The post The Making of an Animated Favicon appeared first on CSS-Tricks.
  • Front Conference in Zürich
    Donnerstag 16:20 Chris Coyier at CSS-Tricks
    (This is a sponsored post.) I’m so excited to be heading to Zürich, Switzerland for Front Conference (Love that name and URL!). I’ve never been to Switzerland before, so I’m excited about that, but of course, the web nerd in me is excited to be at the conference with lots of fellow webfolk. Some old friends, but mostly new people I’ve never met before but admire their work. Yessssss.I cracked open DevTools on their speaker page and re-arranged … Read article The post Front Conference in Zürich appeared first on CSS-Tricks.
  • The (Upcoming) WordPress Renaissance
    Donnerstag 13:00 at Articles on Smashing Magazine — For Web Designers And Developers
    It has been 8 months since Gutenberg was launched as the default content editor in WordPress. Depending who you ask, you may hear that Gutenberg is the worst or the best thing that has happened to WordPress (or anything in between). But something that most people seem to agree with, is that Gutenberg has been steadily improving. At the current pace of development, it’s only a matter of time until its most outstanding issues have been dealt with and the user experience becomes truly pleasant.
  • Out of the Way: Corner Navigation in Web Design
    Donnerstag 12:01 Nataly Birch at Speckyboy Design Magazine
    Corner navigation has been with us for a while. It is a small trend that has emerged from the popular perimeter navigation. However, unlike its predecessor, it looks less massive… The post Out of the Way: Corner Navigation in Web Design appeared first on Speckyboy Design Magazine.
  • Staggered CSS Transitions
    Mittwoch 16:08 Chris Coyier at CSS-Tricks
    Let’s say you wanted to move an element on :hover for a fun visual effect. @media (hover: hover) { .list–item { transition: 0.1s; transform: translateY(10px); } .list–item:hover, .list–item:focus { transform: translateY(0); } } Cool cool. But what if you had several list items, and you wanted them all to move on hover, but each one offset with staggered timing? The trick lies within transition-delay and applying a slightly different delay to each item. Let’s select each list item individually and … Read article The post Staggered CSS Transitions appeared first on CSS-Tricks. …
  • Contextual Utility Classes for Color with Custom Properties
    Mittwoch 16:08 Christopher Kirk-Nielsen at CSS-Tricks
    In CSS, we have the ability to access currentColor which is tremendously useful. Sadly, we do not have access to anything like currentBackgroundColor, and the color-mod() function is still a ways away. With that said, I am sure I am not alone when I say I’d like to style some links based on the context, and invert colors when the link is hovered or in focus. With CSS custom properties and a few, simple utility classes, we can … Read article The post Contextual Utility Classes for Color with Custom Properties appeared first on CSS-Tricks.
  • Smashing TV Interviews: The Mozilla View Source Line-Up
    Mittwoch 10:30 at Articles on Smashing Magazine — For Web Designers And Developers
    Smashing TV has been working with our friends over at Mozilla to bring you content from their upcoming View Source conference in Amsterdam. We’re really excited about the event that they are putting together. Here on Smashing Magazine, we often feature articles that explain a little bit about how web technologies are created. I’m a CSS Working Group member, and I enjoy sharing the things that we’ve been discussing in our meetings, such as my post on “Designing An Aspect Ratio Unit For CSS”.
  • The Differing Perspectives on CSS-in-JS
    Mittwoch 1:00 Chris Coyier at CSS-Tricks
    Some people outright hate the idea of CSS-in-JS. Just that name is offensive. Hard no. Styling doesn’t belong in JavaScript, it belongs in CSS, a thing that already exists and that browsers are optimized to use. Separation of concerns. Anything else is a laughable misstep, a sign of not learning from the mistakes of the past (like the tag and such.) Some people outright love the idea of CSS-in-JS. The co-location of templates and functionality, à la most … Read article The post The Differing Perspectives on CSS-in-JS appeared first on CSS-Tricks.
  • Chatbots vs Email Marketing: Which Is the Best for Your Business?
    Dienstag 18:07 Vincent Sevilla at Speckyboy Design Magazine
    Establishing a good relationship with your customers is a crucial step in ensuring your business’ success. A good way to accomplish this is to show them you’re around when they… The post Chatbots vs Email Marketing: Which Is the Best for Your Business? appeared first on Speckyboy Design Magazine.
  • All the New ES2019 Tips and Tricks
    Dienstag 16:32 Laurie Barth at CSS-Tricks
    The ECMAScript standard has been updated yet again with the addition of new features in ES2019. Now officially available in node, Chrome, Firefox, and Safari you can also use Babel to compile these features to a different version of JavaScript if you need to support an older browser. Let’s look at what’s new!Object.fromEntries In ES2017, we were introduced to Object.entries. This was a function that translated an object into its array representation. Something like this: let students = … Read article The post All the New ES2019 Tips and Tricks appeared first on CSS-Tricks.
  • Movie Poster Designs To Inspire Your PWA Hero Images
    Dienstag 15:00 at Articles on Smashing Magazine — For Web Designers And Developers
    I visited the Fandango website last weekend, hoping to find something that would give me an excuse to spend a couple of hours inside an air-conditioned movie theater. This is what first caught my eye when I got there: The Fandango home page shows a slider with popular movies and their posters. (Image credit: Fandango) (Large preview) To be honest, most of these movie posters did absolutely nothing to motivate me to leave the house.
  • Can You Really Get Away from Your Design Business?
    Dienstag 9:05 Eric Karkovack at Speckyboy Design Magazine
    If you’re fortunate enough to find some success as a freelance web designer, you might just carve out a week or two of vacation time each year. It’s a well-deserved… The post Can You Really Get Away from Your Design Business? appeared first on Speckyboy Design Magazine.
  • Site Monetization with Coil (and Removing Ads for Supporters)
    Dienstag 0:50 Chris Coyier at CSS-Tricks
    I’ve tried a handful of websites based on „tip with micropayments“ in the past. They come and go. That’s fine. From a publisher perspective, it’s low-commitment. I’ve never earned a ton, but it was typically enough to be worth it. Now Bruce has me trying Coil. It’s compelling to me for a couple reasons: The goal is to make it based on an actual web standard(!) Coil is nicely designed. It’s the service that readers actually subscribe to … Read article The post Site Monetization with Coil (and Removing Ads for Supporters) appeared first on CSS-Tricks.
  • Creating Authentic Human Connections Within A Remote Team
    Montag 13:00 at Articles on Smashing Magazine — For Web Designers And Developers
    On any given day, walk into your local coffee shop and you’ll likely see someone situated at a table, staring into a computer screen. Without knowing any details, one thing’s for sure, it’s obvious they’re ‘at work’. Many of us have been there at some point in our careers—all we need is a power outlet, internet access, and we’re good to go. As a software developer for a global company, I have the benefit of collaborating with people from all over the world.
  • 8 Creative Snippets for Creating Pixelated Backgrounds
    Sonntag 22:46 Eric Karkovack at Speckyboy Design Magazine
    Pixels are the building blocks of so much of what we see online. And the more advanced display technology becomes, the more of these tiny squares are shown on our… The post 8 Creative Snippets for Creating Pixelated Backgrounds appeared first on Speckyboy Design Magazine.
  • 10 Amazing 3D Text Effect Tutorials for After Effects
    Sonntag 18:46 Brenda Stokes Barron at Speckyboy Design Magazine
    3D text is a great way to make your text pop and you can use it in a number of different projects. For example, you can use it as a… The post 10 Amazing 3D Text Effect Tutorials for After Effects appeared first on Speckyboy Design Magazine.
  • Weekly News for Designers № 500
    Samstag 15:11 Speckyboy Editors at Speckyboy Design Magazine
    This week’s Designer News (№ 500) includes Blazing Fast WordPress Sites with Gatsby, Bringing CSS Grid to WordPress Layouts, Duotone Font Awesome Icons, Photoronoi, Find a Developer with GitRecruit, the Details Design System, Writing Modes and CSS Layout, Accessible CSS Generated Content and much more. The post Weekly News for Designers № 500 appeared first on Speckyboy Design Magazine.
  • 20 Free Elegant Script Fonts for Designers
    Samstag 13:25 Paul Andrew at Speckyboy Design Magazine
    Script fonts can make any project look and feel more elegant. They can be used in branding projects as well as in movie design, apparel design, social media design, and… The post 20 Free Elegant Script Fonts for Designers appeared first on Speckyboy Design Magazine.
  • Handling Unused CSS In Sass To Improve Performance
    Freitag 12:30 at Articles on Smashing Magazine — For Web Designers And Developers
    In modern front-end development, developers should aim to write CSS which is scalable and maintainable. Otherwise, they risk losing control over specifics such as the cascade and selector specificity as the codebase grows and more developers contribute. One way this can be achieved is through the use of methodologies such as Object-Oriented CSS (OOCSS), which rather than organizing CSS around page context, encourages separating structure (grid systems, spacing, widths, etc.) from decoration (fonts, brand, colors, etc.
  • How to Crop Videos
    Freitag 4:31 David Walsh at David Walsh Blog
    During a recent episode of the Script and Style podcast, I had noticed that the video recording had showed a bit of our internal chat that wasn’t necessary for our viewers to see. While there’s nothing wrong with giving viewers a peek into the show preparation, presenting the best possible video is our priority. So […] The post How to Crop Videos appeared first on David Walsh Blog.
  • Now Live: Your SmashingConf Toronto Playlist
    Donnerstag 15:00 at Articles on Smashing Magazine — For Web Designers And Developers
    We have edited and prepared the video from SmashingConf Toronto, and it is all now live for you to watch and learn from. To get a feel for the event, watch our compilation. We think that it really captures the atmosphere of a SmashingConf! Day One The Day One Collaborative Doc created by attendees is full of takeaways from the first day of the conference. You might find some of those notes helpful as you watch the video linked below.
  • Inspired Design Decisions: Ernest Journal
    Donnerstag 13:00 at Articles on Smashing Magazine — For Web Designers And Developers
    When you work in design for any length of time, forming habits is natural. It’s not unusual to follow a predictable process or use familiar patterns. This repetition can be fabulous for your productivity, but when each design looks much like your last, you can quickly begin to feel jaded. Staying curious is the best remedy for that feeling. After running a small studio for eighteen years, my fatigue had become overwhelming.
  • 5 Website-Related Skills Your Clients Should Know
    Mittwoch 21:48 Eric Karkovack at Speckyboy Design Magazine
    A big part of web design is in implementing creative solutions. One area that requires a lot of attention is in making things easier for clients to manage. This often… The post 5 Website-Related Skills Your Clients Should Know appeared first on Speckyboy Design Magazine.
  • Building Mobile Apps With Ionic And React
    Mittwoch 12:30 at Articles on Smashing Magazine — For Web Designers And Developers
    Ionic has recently added support for React; so now, React developers can get the advantages of Ionic to build hybrid mobile apps and progressive web apps (PWAs). In this post, we’ll show you how to get started using Ionic with React by building a simple demo app from scratch. Prerequisites In order to properly follow this tutorial, you’ll need the following prerequisites: recent versions of Node.js and npm installed on your system, working knowledge of TypeScript and React.
  • Writing Modes And CSS Layout
    Dienstag 14:00 at Articles on Smashing Magazine — For Web Designers And Developers
    This is not an article about the practical or creative application of this property. Instead, I want to demonstrate why understanding writing modes is so important — even to those of us who rarely need to change the writing mode of a page or component. The support of multiple writing modes is key to the way that our new layout methods of Flexbox and Grid Layout have been designed. Understanding this can unlock a better understanding of how these layout methods work.
  • then on Objects
    Montag 16:11 David Walsh at David Walsh Blog
    Promises were a revelation in JavaScript development, allowing us to enjoy async processing and avoid callback hell. Many new APIs like Battery API, Cache API, and others use the promise API. One fact you may not know is that you can add a then method to any object to make it Promise-like! Let’s create a […] The post then on Objects appeared first on David Walsh Blog.
  • Which Is Best: A Loyalty Program PWA Or Mobile App?
    Montag 14:00 at Articles on Smashing Magazine — For Web Designers And Developers
    Customer loyalty is a critical component in the success of any business. In some cases, loyalty can be earned by providing a high-quality service and dedicated support. In other cases, customers expect more from a business than just the products or services they put before them. So, don’t be surprised when clients ask you to design a loyalty app for them. Loyalty programs are a great way to dish out rewards to the most loyal base of customers while also giving them a reason to stay engaged with a brand.
  • Making Peace With The Feast Or Famine Of Freelancing
    Freitag 14:00 at Articles on Smashing Magazine — For Web Designers And Developers
    It’s embarrassing to admit — particularly as I host a podcast about this very subject — but I dramatically dropped the ball when it came to booking in projects for this past spring. It just suddenly happened. I was finishing up two major contracts and had the next one in the pipeline. Then out of the blue that client postponed indefinitely and my two big contracts finished and I was left with no work — nothing, zip, zilch.
  • Text To Speech With AWS
    Donnerstag 14:00 at Articles on Smashing Magazine — For Web Designers And Developers
    This two-part series presents three projects that teach you how to use AWS (Amazon Web Services) to transform text between its written and spoken states. The first project will use text to speech to turn a blog post or other written content into a spoken .mp3 file to give more options to blind and dyslexic users of your site. In the next article, we will embark on the return journey, from speech to text, and consider the accuracy of these transcriptions by sending various samples through a round-trip translation.
  • Simplify The Handoff From Sketch To Visual Studio Code With Indigo.Design
    Mittwoch 14:00 at Articles on Smashing Magazine — For Web Designers And Developers
    (This is a sponsored article.) If you think about it, software teams are a lot like sports teams. While each team member works towards the same exact goal, the role they play and the actions they take are vastly different from one another. Which is why it’s crucial to have a seamless way of moving the ball from one team member to another. Unfortunately, the handoff that takes place within software teams isn’t naturally as smooth as what you see on the sports field.
  • Grab a .DEV Domain from Hover! (Sponsored)
    Mittwoch 13:12 David Walsh at David Walsh Blog
    I can say that the biggest and best changes in my professional life came from starting this blog — it was the springboard for conference speaking, open source, and joining Mozilla. I’ve always urged ever developer to have a blog to showcase talent, explore new technology, and to network. What’s the first step in getting […] The post Grab a .DEV Domain from Hover! (Sponsored) appeared first on David Walsh Blog.
  • Adventures In August (2019 Wallpapers Edition)
    Mittwoch 11:50 at Articles on Smashing Magazine — For Web Designers And Developers
    Everybody loves a beautiful wallpaper to freshen up their desktops and home screens, right? 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, artists and designers from all across the globe 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 2019.