Internationale Web News

  • The Design Trend of Using Triangles in Web Design
    Dienstag 9:30 Nataly Birch at Speckyboy Web Design Magazine
    You may wonder: “What can be so special about triangles? It is just a plain, primitive geometric shape. Not even a circle or square that have a hint of perfectionism.”… The post The Design Trend of Using Triangles in Web Design appeared first on Speckyboy Web Design Magazine.
  • Understanding the difference between grid-template and grid-auto
    Montag 23:16 Chris Coyier at CSS-Tricks
    Ire Aderinokun: Within a grid container, there are grid cells. Any cell positioned and sized using the grid-template-* properties forms part of the explicit grid. Any grid cell that is not positioned/sized using this property forms part of the implicit grid instead. Understanding explicit grids and implicit grids is powerful. This is my quicky take: Explicit: you define a grid and place items exactly where you want them to go. Implicit: you define a grid and let items fall … The post Understanding the difference between grid-template and grid-auto appeared first on CSS-Tricks.
  • Hard Costs of Third-Party Scripts
    Montag 23:15 Chris Coyier at CSS-Tricks
    Dave Rupert: Every client I have averages ~30 third-party scripts but discussions about reducing them with stakeholders end in “What if we load them all async?” This is a good rebuttal because there are right and wrong ways to load third-party scripts, but there is still a cost, a cost that’s passed on to the user. And that’s what I want to investigate. Yes, performance is a major concern. But it’s not just the loading time and final weight … The post Hard Costs of Third-Party Scripts appeared first on CSS-Tricks.
  • Building Skeleton Components with React
    Montag 16:09 Mathias Rechtzigel at CSS-Tricks
    One of the advantages of building a Single Page Application (SPA) is the way navigating between pages is extremely fast. Unfortunately, the data of our components is sometimes only available after we have navigated to a specific part of our application. We can level up the user’s perceived performance by breaking the component into two pieces: the container (which displays a skeleton view when it’s empty) and the content. If we delay the rendering of the content component until we … The post Building Skeleton Components with React appeared first on CSS-Tricks.
  • Real-time Geolocation & Reverse IP Lookup with ipapi (Sponsored)
    Montag 15:06 David Walsh at David Walsh Blog
    There’s an incredible amount you can do when you know where your web visitor is located.  You can target advertising to the user, you can load maps of nearby search queries, you can localize website verbiage, you can customize content for their region, etc.  I guess what I’m trying to say is reliable geolocation data […] The post Real-time Geolocation & Reverse IP Lookup with ipapi (Sponsored) appeared first on David Walsh Blog.
  • What does Stack Overflow want to be when it grows up?
    Montag 12:52 Jeff Atwood at Coding Horror
    I sometimes get asked by regular people in the actual real world what it is that I do for a living, and here’s my 15 second answer:We built a sort of Wikipedia website for programmers to post questions and answers. It’s called Stack Overflow.As of last month, it’s
  • The Grumpy Designer: Email Is the Worst
    Montag 10:32 Eric Karkovack at Speckyboy Web Design Magazine
    Web designers are often saddled with the unenvious task of dealing with email. And it’s not limited to just our own overflowing inboxes. We can also find ourselves in situations… The post The Grumpy Designer: Email Is the Worst appeared first on Speckyboy Web Design Magazine.
  • Weekly News for Designers № 459
    Sonntag 8:23 Speckyboy Editors at Speckyboy Web Design Magazine
    This week’s Designer News (N.459) includes an Accessibility Cheatsheet, Structural Typography, Photoshop Workflows And Shortcuts For Digital Artists, Rhythm in Web Typography, Free Splash Letters Font, Styling the Gutenberg Columns Block, a PHP Terminal NES Emulator and much more. The post Weekly News for Designers № 459 appeared first on Speckyboy Web Design Magazine.
  • 8 Tips for Great Code Reviews
    Freitag 19:45 Chris Coyier at CSS-Tricks
    Kelly Sutton with good advice on code reviews. Hard to pick a favorite. I like all the stuff about minding your tone and getting everyone involved, but I also think the computerization stuff is important: If a computer can decide and enforce a rule, let the computer do it. Arguing spaces vs. tabs is not a productive use of human time. Re: Tip #6: it’s pretty cool when the tools you use can help with that, like this new GitHub … The post 8 Tips for Great Code Reviews appeared first on CSS-Tricks.
  • Why Do You Use Frameworks?
    Freitag 19:30 Chris Coyier at CSS-Tricks
    Nicole Sullivan asked. People said: 🐦… for the same reason that I buy ingredients rather than growing/raising all of my own food. 🐦 I write too many bugs without them. 🐦 Avoiding bikeshedding. 🐦 … to solve problems that are adjacent to, but distinct from, the problem I’m trying to solve at hand. 🐦 Because to create the same functionality would require a much larger team 🐦 I want to be able to focus on building the product … The post Why Do You Use Frameworks? appeared first on CSS-Tricks.
  • Using Feature Detection, Conditionals, and Groups with Selectors
    Freitag 16:18 Jirka Vebr at CSS-Tricks
    CSS is designed in a way that allows for relatively seamless addition of new features. Since the dawn of the language, specifications have required browsers to gracefully ignore any properties, values, selectors, or at-rules they do not support. Consequently, in most cases, it is possible to successfully use a newer technology without causing any issues in older browsers. Consider the relatively new caret-color property (it changes the color of the cursor in inputs). Its support is still low but that … The post Using Feature Detection, Conditionals, and Groups with Selectors appeared first on …
  • Dealing with Dependencies Inside Design Systems
    Freitag 16:17 Chris Coyier at CSS-Tricks
    Dependencies in JavaScript are pretty straightforward. I can’t write library.doThing() unless library exists. If library changes in some fundamental way, things break and hopefully our tests catch it. Dependencies in CSS can be a bit more abstract. Robin just wrote in our newsletter how the styling from certain classes (e.g. position: absolute) can depend on the styling from other classes (e.g. position: relative) and how that can be — at best — obtuse sometimes. Design has dependencies too, … The post Dealing with Dependencies Inside Design Systems appeared first on CSS-Tricks.
  • Monthly Web Development Update 10/2018: The Hurricane Web, End-To-End-Integrity, And RAIL
    Freitag 15:19 at Articles on Smashing Magazine — For Web Designers And Developers
    With the latest studies and official reports out this week, it seems that to avoid an irreversible climate change on Planet Earth, we need to act drastically within the next ten years. This rose a couple of doubts and assumptions that I find worth writing about. One of the arguments I hear often is thatwe as individuals cannot make an impact and that climate change is “the big companies’ fault”. However, we as the consumers are the ones who make the decisions what we buy and from whom, whose products we use and which ones we avoid.
  • Free Online Marketing & SEO Icon Set (50 Icons, PNG & SVG)
    Freitag 13:03 Speckyboy Editors at Speckyboy Web Design Magazine
    We have a fantastic freebie for all you marketers out there! Created by our friends Freepik, we have an amazing Marketing & SEO icon set for you. There are 50… The post Free Online Marketing & SEO Icon Set (50 Icons, PNG & SVG) appeared first on Speckyboy Web Design Magazine.
  • SVG Marching Ants
    Donnerstag 16:24 Chris Coyier at CSS-Tricks
    Maxim Leyzerovich created the marching ants effect with some delectably simple SVG.See the Pen SVG Marching Ants by Maxim Leyzerovich (@round) on CodePen. Let’s break it apart bit by bit and see all the little parts come together. Step 1: Draw a dang rectangle We can set up our SVG like a square, but have the aspect ratio ignored and have it flex into whatever rectangle we’d like.
  • CSS border-radius can do that?
    Donnerstag 16:18 Robin Rendle at CSS-Tricks
    Nils Binder has the scoop on how to manipulate elements by using border-radius by passing eight values into the property like so: .element { border-radius: 30% 70% 70% 30% / 30% 30% 70% 70%; } This is such a cool technique that he also developed a tiny web app called Fancy-Border-Radius to see how those values work in practice. It lets you manipulate the shape in any which way you want and then copy and paste that code straight into … The post CSS border-radius can do that? appeared first on CSS-Tricks.
  • The fast and visual way to understand your users
    Donnerstag 16:15 Geoff Graham at CSS-Tricks
    (This is a sponsored post.) Hotjar is everything your team needs to: Get instant visual user feedback See how people are really using your site Uncover insights to make the right changes All in one central place If you are a web or UX designer or into web marketing, Hotjar will allow you to improve how your site performs. Try it for free. Direct Link to Article — Permalink… The post The fast and visual way to understand your users appeared first on CSS-Tricks.
  • Reasons Your Mobile App Retention Rate Might Be So Low
    Donnerstag 14:00 at Articles on Smashing Magazine — For Web Designers And Developers
    In business, there’s a lot of talk about generating customer loyalty and retaining the business of good customers. Mobile apps aren’t all that different when you think about it. While the number of installs may signal that an app is popular with users initially, it doesn’t tell the whole story. In order for an app to be successful, it must have loyal subscribers that make use of the app as it was intended.
  • Get into the Halloween Spirit with These Spooky Snippets
    Donnerstag 11:42 Eric Karkovack at Speckyboy Web Design Magazine
    In recent years, Halloween has changed. What used to be an occasion for kids to score some sweet treats has become a big playground for adults, too. It’s not hard… The post Get into the Halloween Spirit with These Spooky Snippets appeared first on Speckyboy Web Design Magazine.
  • Live Accessibility And Performance Audits At SmashingConf Toronto
    Mittwoch 13:20 at Articles on Smashing Magazine — For Web Designers And Developers
    Earlier this year, many of your favorite speakers were featured at SmashingConf Toronto, however, things were quite different this time. The speakers had been asked to present without slides. It was interesting to see the different ways our speakers approached the challenge. Two of our speakers chose to demonstrate how they audit a site or application live on stage: Marcy Sutton on accessibility, and Tim Kadlec on performance. Watch the videos to see an expert perform these audits, and see if there is anything you can take back to your own testing processes.
  • ipapi Adds Real-Time Geolocation and IP Data to Your Projects Sponsored
    Mittwoch 13:14 Eric Karkovack at Speckyboy Web Design Magazine
    Companies are using IP Geolocation technology at ever-increasing rates. This data is crucial to providing users with a more personalized experience. And, it also serves as an important tool in… The post ipapi Adds Real-Time Geolocation and IP Data to Your Projects appeared first on Speckyboy Web Design Magazine.
  • Photoshop Workflows And Shortcuts For Digital Artists
    Dienstag 15:30 at Articles on Smashing Magazine — For Web Designers And Developers
    Adobe Photoshop plays a role in almost every digital creator’s life. Photoshop is what many digital artists, photographers, graphic designers, and even some web developers have in common. The tool is so flexible that often you can achieve the same results in several different ways. What sets us all apart is our personal workflows and our preferences on how we use it to achieve the desired outcome. I use Photoshop every day and shortcuts are a vital part of my workflow.
  • How to Display Content Based on WordPress User Roles
    Dienstag 8:16 Eric Karkovack at Speckyboy Web Design Magazine
    When building a WordPress website, it’s often useful to provide content or functionality based on a user’s role or capabilities. For example, you may want to display some special content… The post How to Display Content Based on WordPress User Roles appeared first on Speckyboy Web Design Magazine.
  • Smart Bundling: How To Serve Legacy Code Only To Legacy Browsers
    Montag 14:30 at Articles on Smashing Magazine — For Web Designers And Developers
    A website today receives a large chunk of its traffic from evergreen browsers — most of which have good support for ES6+, new JavaScript standards, new web platform APIs and CSS attributes. However, legacy browsers still need to be supported for the near future — their usage share is large enough not to be ignored, depending on your user base. A quick look at caniuse.com’s usage table reveals that evergreen browsers occupy a lion’s share of the browser market — more than 75%.
  • Change System Volume from Command Line on Mac OS
    Montag 13:41 David Walsh at David Walsh Blog
    Oftentimes the awesome GUI applications we love are simply gloss over a command line functionality.  While I do love a visual app, it’s always good to know how to do things from command line, if only for the sake of automation.  I’ve covered loads of command line secrets, most notably Mac Camera Access, so I […] The post Change System Volume from Command Line on Mac OS appeared first on David Walsh Blog.
  • 8 Code Snippets to Make Your Pagination Pop
    Montag 11:20 Eric Karkovack at Speckyboy Web Design Magazine
    Pagination is one of those little design necessities that often gets overlooked. But for blogs and other content-heavy sites, it provides an important means of navigation. A well-crafted menu can… The post 8 Code Snippets to Make Your Pagination Pop appeared first on Speckyboy Web Design Magazine.
  • Weekly News for Designers № 458
    Sonntag 11:57 Speckyboy Editors at Speckyboy Web Design Magazine
    This week’s Designer News (N.458) includes A Guide to Color Accessibility in Product Design, a Tool for Creating HTML with Markdown, Sans Forgetica, Use Cases For Flexbox, MODALZ MODALZ MODALZ, CSS Layout Cookbook, How to Get Things Done When You Don’t Feel Like It and much more. The post Weekly News for Designers № 458 appeared first on Speckyboy Web Design Magazine.
  • Script & Style Show: Episode 25: AR, VR, and Mozilla Reality with Chris Van Wiemeersch
    Sonntag 0:04 David Walsh at David Walsh Blog
    On this episode:  Todd notices what David’s been watching on YouTube while logged in as the Script & Style user and David has no defense but loads of embarrassment.  David hurriedly transitions to welcoming guest Chris Van Wiemeersh from Mozilla’s Reality team.  Chris enlightens the guys about the current state of virtual reality, Mozilla’s role […] The post Script & Style Show: Episode 25: AR, VR, and Mozilla Reality with Chris Van Wiemeersch appeared first on David Walsh Blog.
  • Designing Experiences To Improve Mental Health
    Freitag 14:00 at Articles on Smashing Magazine — For Web Designers And Developers
    Did you know that a simple search for “depression” on the iPhone App Store brings up 198 results? In the Android Play Store, it brings up 239. The categories range from “Medical” to “Health & Fitness” to “Lifestyle.” The apps themselves offer everything from “depressing wallpaper” to “mood tracker” to “life coach.” We are approaching a golden age of digital therapeutics and design for mental health — if we as UX practitioners do our jobs well.
  • Saving Grandma’s Recipes With Xamarin.Forms
    Donnerstag 14:10 at Articles on Smashing Magazine — For Web Designers And Developers
    My grandma makes the best, most fluffiest, go weak-in-your-knees buns that anybody has ever tasted. The problem is, there’s a ton of secret ingredients (and I’m not just talking love) that go into those buns, and those ingredients and directions are all stored in my grandma’s head. We all have family recipes like that, and instead of possibly forgetting them, in this article we’re going to create a mobile app for iOS and Android using Xamarin.
  • 15 Ways to Customize WordPress Without Touching PHP
    Mittwoch 23:28 Brenda Stokes Barron at Speckyboy Web Design Magazine
    WordPress powers 31% of the internet’s websites and offers website owners the power to create any kind of site they want. Adding to that, developers in the WordPress community have… The post 15 Ways to Customize WordPress Without Touching PHP appeared first on Speckyboy Web Design Magazine.
  • Meet “Form Design Patterns,” Our New Book On Accessible Web Forms — Now Shipping!
    Mittwoch 13:45 at Articles on Smashing Magazine — For Web Designers And Developers
    Forms. It’s no coincidence that the word rhymes with “yawns” — web forms are dull to code and even duller for your visitors to fill in. But without forms, the web would just be a library. They let us comment, collect, book, buy, share, and a host of other verbs. And mostly they enable us to do these things in an awkward, opaque, confusing, odd, frustrating, alarming, or alienating way.
  • Form Design Patterns Book Excerpt: A Registration Form
    Mittwoch 12:25 at Articles on Smashing Magazine — For Web Designers And Developers
    Let’s start with a registration form. Most companies want long-term relationships with their users. To do that they need users to sign up. And to do that, they need to give users value in return. Nobody wants to sign up to your service — they just want to access whatever it is you offer, or the promise of a faster experience next time they visit. Despite the registration form’s basic appearance, there are many things to consider: the primitive elements that make up a form (labels, buttons, and inputs), ways to reduce effort (even on small forms like this), all the way through to form validatio …
  • Practical Suggestions To Improve Usability Of Landing Pages With Animation From Slides
    Dienstag 14:00 at Articles on Smashing Magazine — For Web Designers And Developers
    (This is a sponsored post.) For a long time, UI animation was an afterthought for designers. Even today, many designers think of animation as something that brings delight but does not necessarily improve usability. If you share this point of view, then this article is for you. I will discuss how animation can improve the user experience of landing pages, and I’ll provide the best examples of animation created using the Slides framework.
  • Getting Started With Gutenberg By Creating Your Own Block
    Montag 13:50 at Articles on Smashing Magazine — For Web Designers And Developers
    WordPress is the most popular Content Management System (CMS) by far —powering more than 30% of the web. It has undergone a huge metamorphosis during its 15 years of existence. Its latest addition is Gutenberg which is to be released in version 5.0. Named after Johannes Gutenberg (the inventor of the printing press), Gutenberg is going to fundamentally change WordPress, further helping reach its goal to democratize publishing. WordPress usually releases its major features as a plugin to test the waters before baking them into the core.
  • How to Get and Set CSS Variable Values with JavaScript
    Montag 13:45 David Walsh at David Walsh Blog
    CSS variables are a very welcome addition to the language, despite them being incredibly basic.  Sure we could use SASS or stylus but languages should never count on developers relying on frameworks and toolkits to accomplish what we know we need.  And just like every other part of a webpage, you can get and manipulate […] The post How to Get and Set CSS Variable Values with JavaScript appeared first on David Walsh Blog.
  • Script & Style Show: Episode 24: Meme Sites, Developing for Fun, and Podcasts with Lemon!
    Samstag 4:08 David Walsh at David Walsh Blog
    On this episode: Todd asks David what he wants to be for Halloween and quickly regrets it, while Todd reveals his somewhat controversial costume.  David and Todd then welcome Lemon, an amazing web developer that creates silly but hilarious web games, hosts The FPl.us podcast, and shares his views on growth as a web developer.  […] The post Script & Style Show: Episode 24: Meme Sites, Developing for Fun, and Podcasts with Lemon! appeared first on David Walsh Blog.
  • SmashingConf Toronto Videos
    Freitag 18:00 at Articles on Smashing Magazine — For Web Designers And Developers
    This year, many of your favorite speakers were featured at our conference in Toronto, however, things were quite different this time. The speakers had been asked to present without slides. Yep, and it was brilliant! In this pairing of videos from SmashingConf Toronto, discover sketching with Eva-Lotta Lamm and SVG Animation with Sarah Drasner, but if you fancy watching all of them then head on over to our SmashingConf Vimeo channel anytime.
  • Taming <code>this</code> In JavaScript With Bind Operator
    Freitag 14:20 at Articles on Smashing Magazine — For Web Designers And Developers
    Do you want to discover the next exciting JavaScript features that you didn’t even know you needed? In this article, I will introduce one of these proposals that if accepted may change the way you write code the same way the spread operator did. However, here’s a small disclaimer: This feature is under development and discussion. The goal here is to add some hype around it and create awareness of the hard work that TC39 is doing to find consensus, fix all the syntax and semantics issues and have it shipped with the next releases of ECMAScript.
  • Use Cases For Flexbox
    Donnerstag 13:50 at Articles on Smashing Magazine — For Web Designers And Developers
    We come to the final part in my Flexbox series here at Smashing Magazine. In this post, I am going to spend some time thinking about what the use cases for Flexbox really are, given that we now have CSS Grid Layout, giving some suggestions for what you might use when and a way to decide. Earlier In This Series If you haven’t picked up the other articles yet, this is essentially a concluding post so check those out first.