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.
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:
/* groan */
/* 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.
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.
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:
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? Sponsored appeared first on Speckyboy Web Design Magazine.
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.
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 post What makes someone a good front-end developer? appeared first on CSS-Tricks.
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.
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.
Can any W3 historians tell us why it’s `/*
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. […]
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.
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.
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.
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).
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.
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.
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 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.
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. …
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
Montag 14:00 – at Articles on Smashing Magazine — For Web Designers And Developers
By printing the code already in the HTML output, inlining avoids render-blocking requests and executes the code before the page is rendered.
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.
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.
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.
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.
The post Script & Style Show: Episode 26: Web Games with ExcaliburJS with Erik Onarheim and Kamran Ayub appeared first on David Walsh Blog.