Internationale Web News

  • What WordPress 5.0 Taught Me About Stress
    Mittwoch 22:35 Eric Karkovack at Speckyboy Web Design Magazine
    2018 has certainly been an exciting year for WordPress. The CMS celebrated its 15th birthday and released its revolutionary version 5.0, featuring the new Gutenberg block editor. It seemed like… The post What WordPress 5.0 Taught Me About Stress appeared first on Speckyboy Web Design Magazine.
  • Keep Math in the CSS
    Mittwoch 18:22 Chris Coyier at CSS-Tricks
    There is a sentiment that leaving math calculations in your CSS is a good idea that I agree with. This is for math that you could calculate at authoring time, but specifically chose not to. For instance, if you needed a 7-column float-based grid (don’t ask), it’s cleaner and more intuitive: .col { /* groan */ width: 14.2857142857%; /* oh, I get it */ width: calc(100% / 7); } You could probably prove that the calc() takes the computer 0.0000001% … The post Keep Math in the CSS appeared first on CSS-Tricks.
  • Web Designs That Feel Like Ancient History, but Are More Recent Than You Think
    Mittwoch 16:03 Chris Coyier at CSS-Tricks
    Flickr announced not long ago that they are limiting free accounts to 1,000 photos. I don’t particularly mind that (because it seems like sound business sense), although it is a bit sad that a ton of photos will be nuked from the internet. I imagine the Internet Archive will swoop in and get most of it. And oh hey, the Twitter account @FlickrJubilee is showcasing Flickr users that could really use a gifted pro account so their amazing photos are … The post Web Designs That Feel Like Ancient History, but Are More Recent Than You Think appeared first on CSS-Tricks.
  • Protecting Your Site With Feature Policy
    Mittwoch 10:30 at Articles on Smashing Magazine — For Web Designers And Developers
    One of the web platform features highlighted at the recent Chrome Dev Summit was Feature Policy, which aims to “allow site authors to selectively enable and disable use of various browser features and APIs.” In this article, I’ll take a look at what that means for web developers, with some practical examples. In his introductory article on the Google Developers site, Eric Bidelman describes Feature Policy as the following:
  • Designing from Scratch vs Pre-built Websites: Is One Better Than the Other? Sponsored
    Mittwoch 10:00 Speckyboy Editors at Speckyboy Web Design Magazine
    Some designers take great pride in starting every project from scratch. They are successfully seeing it through to the end. Others have no problem using whatever tool or aid they… The post Designing from Scratch vs Pre-built Websites: Is One Better Than the Other? appeared first on Speckyboy Web Design Magazine.
  • Prototypes and production
    Dienstag 22:19 Robin Rendle at CSS-Tricks
    There’s an interesting distinction that Jeremy Keith defines between prototype code and production code in this post and I’ve been thinking about it all week: …every so often, we use the materials of front-end development—HTML, CSS, and JavaScript—to produce something that isn’t intended for production. I’m talking about prototyping. What’s interesting is that—when it comes to prototyping—our usual front-end priorities can and should go out the window. The priority now is speed. If that means sacrificing semantics or performance, then … The post Prototypes and production appeared first on CS …
  • Creating an Animated Login Form for TouchID
    Dienstag 16:07 Kirill Kiyutin at CSS-Tricks
    I came across this amazing Dribbble shot by Jakub Reis a while back. It caught my eye and I knew that I just had to try recreating it in code. At that moment, I didn’t know how. I tried out a bunch of different things, and about a year later, I finally managed to make this demo. I learned a couple of things along the way, so let me take you on a little journey of what I did … The post Creating an Animated Login Form for TouchID appeared first on CSS-Tricks.
  • What makes someone a good front-end developer?
    Dienstag 16:06 Chris Coyier at CSS-Tricks
    We recently covered this exact same thing, but from the perspective of a bunch of developers. Chris Ferdinandi weighs in: The least important skills for a front-end developer to have are technical ones. The nuances of JavaScript. How to use a particular library, framework, or build tool. How the cascade in CSS works. Semantic HTML. Fizz-buzz. Chris takes that a little farther than I would. I do think that with an understanding of HTML, CSS, and JavaScript, the … The post What makes someone a good front-end developer? appeared first on CSS-Tricks.
  • Introducing Float.com: A Better Alternative To Spreadsheets
    Dienstag 12:50 at Articles on Smashing Magazine — For Web Designers And Developers
    (This is a sponsored post.) In today’s highly competitive market, it’s vital to move fast. After all, we all know how the famous saying goes: “Time is money.” The faster your product team moves when creating a product, the higher the chance it’ll succeed in the market. If you are a project manager, you need a tool that helps you get the most out of each of your team member’s time.
  • 10 Fantastic Examples of Dynamic Centerpieces in Web Design
    Dienstag 0:28 Nataly Birch at Speckyboy Web Design Magazine
    All is fair in love and the fight for clients, especially in the digital world. Unlike the real one, where you can use various psychological tricks to foist the goods… The post 10 Fantastic Examples of Dynamic Centerpieces in Web Design appeared first on Speckyboy Web Design Magazine.
  • Why isn’t it <style src=””>?
    Montag 23:16 Chris Coyier at CSS-Tricks
    The way JavaScript works is we can do scripts as an inline block: Or, if the script should be fetched from the network… With CSS, we can do an inline block of styles:So why not ? Instead, we have.Harry Roberts asked about that the other day on Twitter: Can any W3 historians tell us why it’s `/*
  • JavaScript waitForever
    Montag 18:07 David Walsh at David Walsh Blog
    Writing mochitests for new features in DevTools can be difficult and time-consuming.  There are so many elements interacting in an async manner that I oftentimes find myself using the debugger to debug the debugger!  In the case where it’s unclear what interaction isn’t working properly, I find myself going to a neat utility function: waitForever.  […] The post JavaScript waitForever appeared first on David Walsh Blog.
  • An Introduction and Guide to the CSS Object Model (CSSOM)
    Montag 16:24 Louis Lazaris at CSS-Tricks
    If you’ve been writing JavaScript for some time now, it’s almost certain you’ve written some scripts dealing with the Document Object Model (DOM). DOM scripting takes advantage of the fact that a web page opens up a set of APIs (or interfaces) so you can manipulate and otherwise deal with elements on a page. But there’s another object model you might want to become more familiar with: The CSS Object Model (CSSOM). Likely you’ve already used it but didn’t necessarily … The post An Introduction and Guide to the CSS Object Model (CSSOM) appeared first on CSS-Tricks.
  • Google Labs Web Components
    Montag 16:21 Chris Coyier at CSS-Tricks
    I think it’s kinda cool to see Google dropping repos of interesting web components. It demonstrates the possibilities of cool new web features and allows them to ship them in a way that’s compatible with entirely web standards. Here’s one: I wanted to give it a try, so I linked up their example two-up-min.js script in a Pen and used the element by itself to see how it works. They expose the component’s styling with custom properties, which I’d … The post Google Labs Web Components appeared first on CSS-Tricks.
  • How To Build A Real-Time App With GraphQL Subscriptions On Postgres
    Montag 14:00 at Articles on Smashing Magazine — For Web Designers And Developers
    In this article, we’ll take a look at the challenges involved in building real-time applications and how emerging tooling is addressing them with elegant solutions that are easy to reason about. To do this, we’ll build a real-time polling app (like a Twitter poll with real-time overall stats) just by using Postgres, GraphQL, React and no backend code! The primary focus will be on setting up the backend (deploying the ready-to-use tools, schema modeling), and aspects of frontend integration with GraphQL and less on UI/UX of the frontend (some knowledge of ReactJS will help).
  • How To Create Custom Blocks for Gutenberg with Block Lab
    Montag 11:23 Eric Karkovack at Speckyboy Web Design Magazine
    Of all the amazing things the new block editor (aka Gutenberg) for WordPress can do, the ability to create custom blocks is right at the top of the list. This… The post How To Create Custom Blocks for Gutenberg with Block Lab appeared first on Speckyboy Web Design Magazine.
  • Weekly News for Designers № 466
    Sonntag 11:43 Speckyboy Editors at Speckyboy Web Design Magazine
    This week’s Designer News (№ 466) includes An 8-bit Introduction to UX Design, Securing Your Site Like It’s 1999, 9 Trends and Ideas You’ll See, Hear and be a Part of in 2019, The Ultimate Guide to Kerning, The State of UX in 2019, In Defense of Beautiful Design, Advent of Code and much more. The post Weekly News for Designers № 466 appeared first on Speckyboy Web Design Magazine.
  • Send Holiday Cheer with these Christmas Code Snippets
    Freitag 21:21 Nataly Birch at Speckyboy Web Design Magazine
    Everyone who collects subscribers and regularly runs email campaigns can benefit from sending out festive greetings. It is customary to congratulate your devoted users by presenting them with bonuses, discounts,… The post Send Holiday Cheer with these Christmas Code Snippets appeared first on Speckyboy Web Design Magazine.
  • What do you name color variables?
    Freitag 16:24 Chris Coyier at CSS-Tricks
    What naming scheme do you use for color variables? Have you succeeded at writing CSS that uses color variables in a manner agnostic to the colors they represent?I’ve tried all of the following, and I have yet to succeed at writing CSS that works well with any color scheme. ☹️ — Lea Verou (@LeaVerou) October 14, 2018 I remember the very first time I tried Sass on a project. The first thing I wanted to do was variablize my … The post What do you name color variables? appeared first on CSS-Tricks.
  • Accessible SVG Icons With Inline Sprites
    Freitag 16:20 Chris Coyier at CSS-Tricks
    This is a great look at accessible SVG markup patterns by Marco Hengstenberg. Here’s the ideal example: Menu Notes: It’s not the itself that is interactive — it’s wrapped in a for that. The .svg-icon class has some nice trickery, like em-based sizing to match the size of the text it’s next to, and currentColor to match the color. Since … The post Accessible SVG Icons With Inline Sprites appeared first on CSS-Tricks. …
  • What Can Be Learned From The Gutenberg Accessibility Situation?
    Freitag 11:30 at Articles on Smashing Magazine — For Web Designers And Developers
    So far, Gutenberg has had a very mixed reception from the WordPress community and that reception has become increasingly negative since a hard deadline was set for the 5.0 release, even though many considered it to be incomplete. A hard release deadline in software is usually fine, but there is a glaring issue with this particular one: what will be the main editor for a platform that powers about 32% of the web isn’t fully accessible.
  • Elements To Ditch Or Repurpose On Mobile
    Donnerstag 14:00 at Articles on Smashing Magazine — For Web Designers And Developers
    With the end of the year quickly approaching, everyone is chiming in with predictions for 2019 web design trends. For the most part, I think these predictions look quite similar to the ones made for 2018 — which is surprising. As we move deeper into the mobile-first territory, we can’t adhere to the same predictions that made sense for websites viewed on desktop. We, of course, can’t forget about the desktop experience, but it needs to take a backseat to mobile.
  • What Is The Role Of Creativity In UX Design?
    Donnerstag 10:00 at Articles on Smashing Magazine — For Web Designers And Developers
    (This article is kindly sponsored by Adobe.) You are working on a project for your client, designing the interface for a new application. There have been lots of meetings about the new product, and now it’s time for you to start working on sketching and prototyping a design. The screens, pages, and forms you are about to create have to fit within the desires and constraints of several players — the marketing department, the developers, the business owner.
  • Ask Your Developer To Do These 6 Simple Things To Spice Up Your Site
    Mittwoch 21:57 Robbie Sherrard at Speckyboy Web Design Magazine
    You designed a new website, and you’re excited about it. You spent hours poring over the smallest details–finding just the perfect font, moving that icon down two pixels and over… The post Ask Your Developer To Do These 6 Simple Things To Spice Up Your Site appeared first on Speckyboy Web Design Magazine.
  • Caching Smartly In The Age Of Gutenberg
    Mittwoch 13:00 at Articles on Smashing Magazine — For Web Designers And Developers
    Caching is needed for speeding up a site: instead of having the server dynamically create the HTML output for each request, it can create the HTML only after it is requested the first time, cache it, and serve the cached version from then on. Caching delivers a faster response, and frees up resources in the server. When optimizing the speed of our sites from the server side, caching ranks among the most critical tasks to get right.
  • Performing a Yearly Analysis of Your Design Business
    Dienstag 23:55 Eric Karkovack at Speckyboy Web Design Magazine
    Being a freelancer means being responsible for all aspects of your business. But busy schedules tend to force us to concentrate on the here and now. When you’re working on… The post Performing a Yearly Analysis of Your Design Business appeared first on Speckyboy Web Design Magazine.
  • Add a Blast from the Past with 10 Free Retro Fonts
    Dienstag 21:28 Brenda Stokes Barron at Speckyboy Web Design Magazine
    Time to go old-school! Including retro fonts on your website can evoke a feeling of nostalgia. That old “eighties poster” look is very distinctive and easy to replicate with the… The post Add a Blast from the Past with 10 Free Retro Fonts appeared first on Speckyboy Web Design Magazine.
  • 7 Plugins for Adding Structured Data to Your WordPress Website
    Dienstag 11:52 Eric Karkovack at Speckyboy Web Design Magazine
    Structured data (sometimes called “Schema” or “microdata”) has emerged as an important part of SEO strategy. Search engines are making use of this information to enhance listings and provide users… The post 7 Plugins for Adding Structured Data to Your WordPress Website appeared first on Speckyboy Web Design Magazine.
  • Web Design And Development Advent Roundup For 2018
    Montag 15:30 at Articles on Smashing Magazine — For Web Designers And Developers
    In the run-up to Christmas, there is a tradition across the web design and development community to produce advent calendars, typically with a new article or resource for each day of December. In this article, I have rounded up all those that I have found to be running this year, along with RSS feeds where they can be located, and Twitter accounts to make it easier to follow along.
  • It’s Beginning To Look A Lot Like… December (2018 Wallpapers Edition)
    Freitag 9:01 at Articles on Smashing Magazine — For Web Designers And Developers
    What are you looking forward to in December? Spending time with family and friends during the holidays, watching the birds gather in your snowy backyard, or celebrating “Bathtub Party Day” maybe? These are just some of the things that inspired artists and designers to create their desktop wallpapers this month. All wallpapers in this post come in versions with and without a calendar for December 2018 and can be downloaded for free — as it has been our monthly tradition since more than nine years already.
  • Strategies For Headless Projects With Structured Content Management Systems
    Donnerstag 13:35 at Articles on Smashing Magazine — For Web Designers And Developers
    This is the guide I wish I had the last couple of years when running projects with headless Content Management Systems (CMSs). I’ve been a developer, a user-experience and technology consultant, a project manager, information architect, and an author. The different hats have made me realize that even if we’ve had so-called “headless” CMSs for a while now, there’s still a way to go about thinking how to use them best.
  • A Complete Guide To Routing In Angular
    Mittwoch 15:00 at Articles on Smashing Magazine — For Web Designers And Developers
    In case you’re still not quite familiar with Angular 7, I’d like to bring you closer to everything this impressive front-end framework has to offer. I’ll walk you through an Angular demo app that shows different concepts related to the Router, such as: The router outlet, Routes and paths, Navigation. I’ll also show you how to use Angular CLI v7 to generate a demo project where we’ll use the Angular router to implement routing and navigation.
  • An Extensive Guide To Progressive Web Applications
    Dienstag 14:00 at Articles on Smashing Magazine — For Web Designers And Developers
    It was my dad’s birthday, and I wanted to order a chocolate cake and a shirt for him. I headed over to Google to search for chocolate cakes and clicked on the first link in the search results. There was a blank screen for a few seconds; I didn’t understand what was happening. After a few seconds of staring patiently, my mobile screen filled with delicious-looking cakes. As soon as I clicked on one of them to check its details, I got an ugly fat popup, asking me to install an Android application so that I could get a silky smooth experience while ordering a cake.
  • Get Viewport Lines and Columns in CodeMirror
    Dienstag 12:43 David Walsh at David Walsh Blog
    CodeMirror is an amazing utility for presenting code in a browser environment.  Syntax highlighting, widgets, and a number of advanced functions make it a unique, useful tool.  When using CodeMirror inside the Firefox DevTools debugger, I found that adding hundreds of column breakpoint widgets to very long lines of code really killed performance, and I […] The post Get Viewport Lines and Columns in CodeMirror appeared first on David Walsh Blog.
  • Avoiding The Pitfalls Of Automatically Inlined Code
    Montag 14:00 at Articles on Smashing Magazine — For Web Designers And Developers
    Inlining is the process of including the contents of files directly in the HTML document: CSS files can be inlined inside a style element, and JavaScript files can be inlined inside a script element: By printing the code already in the HTML output, inlining avoids render-blocking requests and executes the code before the page is rendered.
  • Replace Last Command in Shell
    Montag 12:58 David Walsh at David Walsh Blog
    Whether I fat-finger a command or my MacBook Pro keyboard’s keys don’t want to respond like they should, I’m frequently misspelling commands.  What’s more frustrating is that many of these commands are long, taking making fixing theme time-consuming. Luckily a Twitter follower is looking out for me, providing me a quick command for fixing the […] The post Replace Last Command in Shell appeared first on David Walsh Blog.
  • Monthly Web Development Update 11/2018: Just-In-Time Design And Variable Font Fallbacks
    Freitag 14:00 at Articles on Smashing Magazine — For Web Designers And Developers
    How much does design affect the perception of our products and the users who interact with them? To me, it’s getting clearer that design makes all the difference and that unifying designs to a standard model like the Google Material Design Kit doesn’t work well. By using it, you’ll get a decent design that works from a technical perspective, of course. But you won’t create a unique experience with it, an experience that lasts or that reaches people on a personal level.
  • Happy First Anniversary, Smashing Members!
    Mittwoch 14:00 at Articles on Smashing Magazine — For Web Designers And Developers
    Doesn’t time fly? And don’t ships sail? A year ago, we launched our Smashing Membership programme so that members of the Smashing readership could support us for a small amount of money (most people pay $5 or $9 a month, and can cancel at any time). In return get access to our ebooks, members-only webinars, discounts on printed books and conferences, and other benefits. We did this because we wanted to reduce advertising on the site; ad revenues were declining, and the tech-savvy Smashing audience was becoming increasingly aware of the security and privacy implications of ads.
  • Script & Style Show: Episode 28: “Get Off My Lawn”, and Other Software Stories with Eric Brandes
    Sonntag 3:54 David Walsh at David Walsh Blog
    In this episode:  Todd and David kick things off bantering about cell phones, Android rot, and the good old days of Windows XP and piracy.  Todd’s colleague Eric Brandes gets us back on track with a discussion about trusting proven technologies, not chasing the latest fads, how TrackJS is able to provide an amazing utility […] The post Script & Style Show: Episode 28: “Get Off My Lawn”, and Other Software Stories with Eric Brandes appeared first on David Walsh Blog.
  • Script & Style Show: Episode 26: Web Games with ExcaliburJS with Erik Onarheim and Kamran Ayub
    Sonntag 3:31 David Walsh at David Walsh Blog
    In this episode:  Todd returns from a vacation to Disney and gives David some tips about surviving a family visit to Orlando’s most famous theme parks.  Erik Onarheim and Kamran Ayub join the guys to discuss HTML5 games, the Excalibur JavaScript HTML5 game library, the amazing games made with Excalibur, and more JavaScript sorcery.  Enjoy! The post Script & Style Show: Episode 26: Web Games with ExcaliburJS with Erik Onarheim and Kamran Ayub appeared first on David Walsh Blog.