Element
They are comparing slightly different things, but they both involve the element.I find it pretty clear when you reach for a
: When you want that element to be essentially meaningless. You’re only using it for styling purposes.
I always think of RSS when I think … Read article
The post The Deal with the Section Element appeared first on CSS-Tricks.- The Mythical Mythical Man-MonthAs a product leader at a tech company, I am a bottomless pit of need. My job as the Chief Product Officer at Mailchimp is to bring the product to market that’s going to win in a very competitive space. Mailchimp’s aspirations are high, and to realize them we need to deliver a substantial amount of product to the market. Oftentimes to many at the company, it feels like we are doing too much.
- Exploring the Use of Sticky Vertical NavbarsNavigation in website design does not undergo many changes. It includes almost the same elements, always meets the audience from the outset and modestly takes its place in the top…
The post Exploring the Use of Sticky Vertical Navbars appeared first on Speckyboy Design Magazine.
- Create Business Cards as Unique as You with Print Peppermint SponsoredBusiness cards are a staple for every freelancer and agency. We hand them out to prospective clients and pass them around like candy at design conferences. They are a small,…
The post Create Business Cards as Unique as You with Print Peppermint Sponsored appeared first on Speckyboy Design Magazine.
- Smashing Podcast Episode 7 With Amy Hupe: What Is A Government Design System?Have you ever wondered how design systems are used within a government? Also, if you’d want to document a design system the best way you could, how would you do it? I spoke to Design Systems advocate, Amy Hupe, who shares her advice and lessons learned.
Show Notes The GOV.UK Design System Follow Amy on Twitter Amy’s website Weekly Update “Understanding CSS Grid: Creating A Grid Container,”
- 10 Free Responsive Website Mockup TemplatesIf you’re a designer, you probably know that showing your clients that their website will be responsive can be tricky without doing the actual coding. Designing different device mockups and…
The post 10 Free Responsive Website Mockup Templates appeared first on Speckyboy Design Magazine.
- 5 Simple Tips for How to Update Content on Your WebsiteTranscript: Your website isn’t set in stone, so you shouldn’t treat it like it is. Technology and the internet change quickly, and often. You should update your website regularly to keep up with the times. Having an up-to-date and optimized site creates a great user experience, and will likely encourage people to spend more time […]
The post 5 Simple Tips for How to Update Content on Your Website appeared first on WebFX Blog.
- An Introduction To React’s Context APIFor this tutorial, you should have a fair understanding of hooks. Still, before we begin, I’ll briefly discuss what they are and the hooks we’ll be using in this article.
According to the React Docs:
“Hooks are a new addition in React 16.8. They let you use state and other React features without writing a class.” That is basically what a React hook is. It allows us to use state, refs and other React features in our functional components.
- Understanding CSS Grid: Grid LinesIn the first article in this series, I took a look at how to create a grid container and the various properties applied to the parent element that make up your grid. Once you have a grid, you have a set of grid lines. In this article, you will learn how to place items against those lines by adding properties to the direct children of the grid container.
We will cover:
- Fantastic Flight API with aviationstack (Sponsored)I didn’t fly until I was 25 years of age — I was hopeless in knowing I had to be there early, the process of security, and the whole gate structure. Now that I’ve flown dozens of times for Mozilla, I feel much more comfortable with the process of flying, but feel less comfortable about […]
The post Fantastic Flight API with aviationstack (Sponsored) appeared first on David Walsh Blog.
- How To Create And Deploy Angular Material ApplicationAngular is one of the popular choices while creating new web applications. Moreover, “Material Design” specs have become a go-to choice for creating minimal and engaging experience today. Thus, any new “Angular” project mostly uses the “Angular Material Design Library” to use the components which follow the material design specifications. From smooth animations to proper interaction feedback, all of this is already available as part of the official material design library for angular.
- The Split Personality Of Brutalist Web DevelopmentOf all the design trends to hit the Internet in recent years, brutalism is surely the most eye-catching, and the most poorly defined. A variety of major brands have embraced ‘brutalist’ aesthetics online. There are even directories for those interested in seeing a selection of them in one place. The style has well and truly entered the mainstream.
Bloomberg.com’s stark, no-nonsense design went live in 2016 and was refined in 2018.
- 6 Best CMS Software for Website Development & SMBsAre you looking for a content management system (CMS) that will help you create the digital content you need? With so many options on the market, it’s challenging to know which one is the best CMS software for your business. On this page, we’ll take a look at the six best CMS’s for website development […]
The post 6 Best CMS Software for Website Development & SMBs appeared first on WebFX Blog.
- Why You Should Choose HTML5 <article> Over <section>A few days ago, I was having a chat with some friends, one of whom asked me the difference between
and in HTML. This is one of the eternal mysteries of web development, up there with “why is it white-space: nowrap, not white-space: no-wrap?” and “why is CSS ‘gray’ a darker color than ‘darkgray’?”.
I gave my usual answer: think of not just as a newspaper article, or a blog post, but as an article of clothing — a discrete entity that can be reused in another context. - Duplicated Argument NamesOftentimes we override or monkey patch functions and, in many cases, there are arguments we don’t care too much about. A common practice for those arguments is using _ for argument names — it’s a generally accepted and known practice for “this isn’t important”. I started thinking about multiple useless arguments and if you could […]
The post Duplicated Argument Names appeared first on David Walsh Blog.
- Front-End Performance Checklist 2020 [PDF, Apple Pages, MS Word]Web performance is a tricky beast, isn’t it? How do we actually know where we stand in terms of performance, and what our performance bottlenecks exactly are? Is it expensive JavaScript, slow web font delivery, heavy images, or sluggish rendering? Is it worth exploring tree-shaking, scope hoisting, code-splitting, and all the fancy loading patterns with intersection observer, server push, clients hints, HTTP/2, service workers and — oh my — edge workers?
- Category Page Design Examples: 6 Category Page InspirationsDozens of people find your business when looking for a type of product but aren’t sure which product fits their needs best. With a well-designed and organized category page, you’ll help people browse products easier and find what they want. To help you get inspired, let’s take a look at some excellent category page design […]
The post Category Page Design Examples: 6 Category Page Inspirations appeared first on WebFX Blog.
- Understanding CSS Grid: Creating A Grid ContainerThis is the start of a new series here at Smashing Magazine concentrating on CSS Grid Layout. While Grid has been available in browsers since 2017, many developers won’t have had a chance to use it on a project yet. There seem to be a lot of new properties and values associated with CSS Grid Layout. This can make it seem overwhelming. However, quite a lot of the specification details alternate ways to do things, meaning that you don’t have to learn the entire spec to get started.
- How To Decide Which PWA Elements Should StickAs the number of website visitors and shoppers grows on mobile, it’s important to consider how small additions to your design will encourage them to do more than just research and browse. One of the elements I think mobile designers — for PWAs and mobile websites — need to do more with is the sticky bar.
What exactly do I mean by “more”? Well, I mean using the fixed navigation bar at the top or bottom of a mobile site for more than just navigation or branding.
- Validate CSP from Command LineThe content security policy spec has been an amazing front-end security tool to help prevent XSS and other types of attacks. I’d go as far to say that every site should implement as specific CSP as possible. If you aren’t familiar with CSPs, here’s a quick example: Content-Security-Policy: default-src ’self‘; img-src *; media-src media1.com media2.com; […]
The post Validate CSP from Command Line appeared first on David Walsh Blog.
- 2019: A Smashing Year In Review2019 has been quite a productive (sometimes challenging, but ultimately very successful) year for the Smashing team. In this annual round-up, I’d like to share some of my thoughts and those of some of the Smashing team, as we look back on the past year as well as look forward to 2020.
Travel And Friendships As always, my 2019 has involved a lot of travel. In addition to my conference speaking engagements and travel to W3C meetings, I attended all four of our Smashing conferences; I ran CSS Layout workshops in Toronto, New York and San Francisco.
- New Adventures Ahead! (January 2020 Wallpapers)Let’s welcome 2020 with a new wallpaper! After all, the new year is the perfect occasion to tidy up your desktop and start on a fresh, blank slate — no clutter, just the things you really need and space for what’s about to come. And some inspiration, of course.
As every month since more than nine years already, artists and designers from across the globe once again took out their favorite tools to create wallpapers to inspire you, make you smile, think, or just to cater for a blob of color on a dark winter day.
- Smashing Podcast Episode 6 With Luca Mezzalira: What Are Micro-Frontends?We finish off this year with yet another Smashing podcast! This time, we’ll be talking about micro-frontends. What is a micro-frontend? How is it different from the sort of approach we might be taking at the moment? Let’s find out from micro-frontend pioneer, Luca Mezzalira. Show Notes Weekly Update “Adding Dynamic And Async Functionality To JAMstack Sites,” Jason Lengstorf “Quantitative Data Tools For UX Designers,” Adonis Raduca “Creating Voice Skills For Google Assistant And Amazon Alexa,” Tris Tolliday “Beyond Sprint 0: An Alternative For Integrating Teams,” Shamsi Brinn “Helping Browsers …