Post image

Issue with Amazon and SSL Cert Errors : webdev


I’m hoping someone can help, I’m helping with a fairly sizable blog in terms of security, and speed. I’m currently stumped by the following issue though.

The blog in question makes use of Amazon Affiliate program, however, it seems that browsers are having a problem with particular parts of it, for instance upon loading the website, there’s a flood of these errors to the console:

Post image

This is impacting site performance, I was just wondering if anyone had any ideas of why this would be happening and what I can do to sort this issue out?

Apologies if this is the wrong place, thank you for your time.

Source link

Sideways view of the pride of Dunnington, AKA The Common Drain

Using the HTML title attribute – Updated March 2020

Sideways view of the pride of Dunnington, AKA The Common Drain


If you want to hide content from mobile and tablet users as well as assistive tech users and keyboard only users, use the title attribute.

The details

The HTML title attribute is problematic. It is problematic because it is not well supported in some crucial respects, even though it has been with us for over 23 years. With the rise of touch screen interfaces, the usefulness of this attribute has decreased. The accessibility of the title attribute has fallen victim to a unfortunate combination of poor browser support, poor screen reader support and poor authoring practices.

Situations in which the the title attribute is not useful due to lack of support:

  • Displaying information for web content viewed on mobile phone browsers. Typically in desktop browsers title attribute content is displayed as a tooltip. From what I could find, tooltip display is not supported in any mobile browser and alternative visual methods of accessing title attribute content are not supported.
  • Providing information for people who cannot use a mouse. Typically in desktop browsers, title attribute content is displayed as a tooltip. Although the tooltip behavior has been supported for 20+ years, no current browser has an implemented practical method to display title attribute content using the keyboard.
  • Using it on most HTML elements to provide information for users of a variety of assistive technologies. Access to title attribute information is not supported uniformly by screen readers

User groups not well served by use of the title attribute

  • Mobile phone users.
  • Keyboard only users.
  • Screen magnifier users.
  • Screen reader users.
  • Users with fine motor skill impairments.
  • Users with cognitive impairments

Examples of title attribute use that are USEFUL:

  • Labeling frame or iframe elements:
    • <frame title="navigation">
  • Providing a programmatically associated label for a control in situations where a visible text label would be redundant:
    • In 2010<input type="text" title="search"> <input type="submit" value="search">
    • Now in 2020 a better method for doing this is using the aria-label attribute
      • <input type="text" aria-label="search"> <input type="submit" value="search">
    • In 2010 labeling controls in data tables
      • <td>
        <input type="text" title="quantity of pens">
    • Now in 2020 a better method for doing this is using the aria-label attribute or the aria-labelledby attribute.
      • <td>
        <input type="text" aria-label="quantity of pens">

Examples of title attribute use that are NOT USEFUL or are of LIMITED USE:

  • For additional information not provided as text in a link or surrounding content:
    • <a href="" title="PDF file, size 1 mb.">newsletter</a>
    • Instead include such information as part of the link text or next to the link.
  • Providing the same information provided as link text:
    • <a href="" title="newsletter">newsletter</a>
    • Recommend not duplicating content of a link in the title attribute. It does nothing and makes it less likely if people can access title attribute content that they will do so.
  • For a caption on an image:
    • <img src="" title="Oil-based paint on canvas. Maria Towle, 1858."
      alt="The castle now has two towers and two walls.">
    • Presumably caption information is important information that should be available to all users by default. If so present this content as text next to the image.
  • For a label on a control that has no visible text label:
    • <input type="text" title="name">
    • Screen readers users will have access to the control label, as the title attribute is mapped to the accessible name property in accessibility APIs (when a text label using the label element is not supplied ). Many other users will not. Recommend including a visible text label whenever possible.
  • Providing the same information as a visible explicitly associated text label for a control:
    • <label for="n1">name</label> <input type="text" title="name" id="n1">
    • Repeating the visible label text does nothing except possibly add cognitive noise for a range of users. Do not do it.
  • Providing additional instructions for a control:
    • <label for="n1">name</label> <input type="text" title="Please use uppercase." id="n1">
    • If the instructions are important for using the control correctly, then provide them in text near the control, so they can be read by everyone.
  • Expansion of an abbreviation:
    • <abbr title="world wide web consortium">W3C</abbr>
    • The title on the abbr element is well supported by screen reader software, but its use is still problematic, as other user groups cannot access the expansion. It is recommended that the expanded form of an abbreviation is provided in plain text when it is first used in a document, and/or a glossary of terms that provides the expanded form is provided. This is not to suggest that that the expansion cannot be provided using the title attribute, only that due to its limitations, an expansion in plain text also be provided.

HTML includes general advice on use of the title attribute:

Relying on the title attribute is currently discouraged as many user agents do not expose the attribute in an accessible manner as required by this specification (e.g. requiring a pointing device such as a mouse to cause a tooltip to appear, which excludes keyboard-only users and touch-only users, such as anyone with a modern phone or tablet).

source: HTML – the title attribute

Further Reading

Source link

Post image

please advice about my design portfolio : graphic_design

Purpose: please advice about my design portfolio



Hi : ) I`’m a creative designer, SANG IL; a conceptor in Seoul, KOREA.

Post image

HERITAGE OF SANG IL is classic design project.

HERITAGE OF SANG IL is designed with the idea that it will leave timeless value of the heritage.

The spirit of heritage has timeless value.

This spirit is not only past but also tells the present.

Heritage is always with us. It is always communicating with us, and the past, present in the modern city center, is always speaking to us who pass by.

If we do not forget the spirit of heritage, it is always with us and is reinterpreted and reinvented by us now.

So heritage is resurrected in a new appearance and a new way, asks us many questions and communicates newly.

It gives us a lot of inspiration and joy and keeps us from forgetting who we are.

So I design my work with thinking as heritage.

The identity of HERITAGE OF SANG IL was designed based on the facade of ‘Haan Ok(Korean traditional architecture)’ consisting of foundation stone, pillars and tile roofs.

The past reminds us of a sad history that we can not forget.

If there is a will to overcome the gloomy history without forgetting it, the dark past presents us with the possibility of a new age. 

However, many sad histories are repeated without being overcome.

Identity as a designer

  1. I am a designer who is not better than everyone else.

  2. So I do my own design with my unique identity.

  3. What I think about design is always ‘progressivity’. Evolution is a fundamental attribute of design.

Progressivity is a positive attitude to new changes and possibilities, and resistance to the inertia that is blind and natural.

A designer is a person with a habit of moving forward. It is the people who have to recognize the present age constantly, have the obligation to be ahead of the times, and have to propose a new future. Some people were confused about me.

Sometimes an exclusive people reveal their disgruntle and says, “Why do you do such design?”

Then I say, “Why are you so uncomfortable?”

Decidedly, I have the identity as ‘conceptor’.

I define myself is with the concept as ‘a person who consider thought and philosophy when designing.’ 

I am a designer with a concept identity that projects my ideas and concepts to object and deals with them.

With the message in my design, I aim to inspire society and people and create a better future.

A progressive design that we have never been seen before. It aims at a new design that goes beyond the concept of what other people say.

In my own words, ‘being looks like it is not things of this world’

I feel like having When coming the bliss! all when world I have a perfectly new idea, and those moments are exciting.

‘HERITAGE OF SANG IL’ project, which has been undergoing since 2012.

I do not have many things in many ways as a designer,

but the one thing that I am confident is the strong identity that leads to self-esteem as i am designer.

There is no talent. There is only attitude.

Because I am stubborn like a firm land,

I constantly have to repeat breaking and breaking walls toward the farther places, the higher places and the unimaginable places, from the limitation of my brain to over the above. After finishing breaking, when I am filled with a feeling of accomplishment like flying the sky I have to go back again. 

I feel that I have come from breaking walls to the outside but actually, behind my back, I am standing to the walls I made without knowing.

To return, I have to break the wall again and destroy it. I have to dig into it again and again.

After all, I see what the last one kernel is left, and think what to do next.

Which design I mainly do

It is important to think about some than to design something. 

If when you ask, “What designs are you designing?”, I just say, “I really do not care about ‘what deisgn’. I ‘just design’ when it comes up.”

If I say this with a long sentence, the industrial design is my major in university, so I have worked hard, I like just ‘design’ regardless of what to do.

I work mainly by connecting the idea, the flow of consciousness, the notion (ex – hungry) and concept (ex – laziness) to the result.

However, the format and results of the expression are close to the product design. 

I design the thing that does not exist, and I also design existing ones.

Though, there are things that I prefer, I have often used living product and furniture.

Above all, I am trying to eat and live while using my identity as a designer.

Why design is fun

It suits my aptitude. ‘Designing what to think’. An act of visualizing and realizing the idea. I like to think in design.

Reason 1. ‘I make rules’, ‘I do create’.

I enjoy to observe that thought and event I intended through the design become visible phenomena. 

It is also interesting to watch that unexpected interesting things happen.

Reason 2. Strangely, every time I see the results of designers who are called ‘the best in the world’ since I first learned design,

I always thought that I would be able to do like them if I try to do so. 

I do not know why this is so (because I did not know anything at that time).

I live with a positive illusion that the idea of being too far and unreal to some can be a reality for me.

The happiest and most fortunate in my life is that I can live with this positive attitude.

I aim for ‘the classic design’

I want to design the classic design that aims for the timeless value of ‘classic design’, the highest value.

Many designs will disappear and become garbage, but they will be for a long time with a value that will shine forever. 

The past, present and future are always connected and constantly communicating with us.

The heritage, the result of it, is breathing forever. So I design with the idea that it will leave timeless value to HERITAGE OF SANG IL.

So it is important to design for a long life and inspiring design.

As the ‘present me’ records, ‘past me’ teaches ‘future me’. ‘Future I’ is worried about what ‘past me’ was trying to tell himself.

For new design

Beyond the design we know until now, a new era of design, I effort the role as a new designer.

Post image


Source link

Post image

What is the best computer for home office? : graphic_design


Due to the coronavirus outbreak, I will work from home the next few weeks. I am considering buying a new PC or laptop to be able to use software such as Adobe Photoshop, Illustrator, InDesign, Animate, Premiere PRO, After Effects, etc. I also work on web development projects (front end). I would appreciate if you could give me some recommendations. I use Microsoft Surface Studio in the office at work. It is an amazing tool, and I am extremely satisfied. I know there are also similar tools on the market from Apple. But it costs a fortune :/ Any cheaper options? Can you get a good computer that doesn’t cost a fortune, and can run all these software (often at the same time)? E.g. around $1.500-2.200? What should I pay attention to, when I buy a new PC? I never really work from home, but now it is necessary, and my laptop is not so good for these tasks. Thanks for your answers in advance. Have a great day!

Post image

Source link

The CSS Podcast

The CSS Podcast

From Adam and Una at Google, a podcast just about CSS. I believe I’m contractually obliged to link to that! Just one episode out so far, a shorty about the box model.

Last time I wrote up podcasts I like was 8 years ago most of them are dead now, except the biggies like This American Life and the like. ShopTalk Show and CodePen Radio are still going strong! These days I use Pocket Casts as a player and I like industry shows like:

Here’s a screenshot of all the ones I subscribe to, but I find I only have time to listen to maybe 10% of that if I’m lucky.

I do a lot of listening to things friends say are good, whether I subscribe or not.

Direct Link to ArticlePermalink

The post The CSS Podcast appeared first on CSS-Tricks.

Source link