fosstodon.org is one of the many independent Mastodon servers you can use to participate in the fediverse.
Fosstodon is an invite only Mastodon instance that is open to those who are interested in technology; particularly free & open source software. If you wish to join, contact us for an invite.

Administered by:

Server stats:

11K
active users

#CSS

156 posts137 participants22 posts today
Continued thread

Open the conversation about:
Since both are valid, and maintained in the W3C rec, we must assume neither is recommended over the other in every use case instance scenario sitch'

#CSS #WebDesign #WebDevelopment #crossplatform #deviceneutrality

So... that said...
Which method is "better"?
They both seem to serve the same functional purpose, in the end.
my intended use is primarly and likely only to appear in a .css doc via <link rel="stylesheet">

**For the sake of conversation:**
Why do we have the ability to be more granular about the identity of the source?
See above "@ import" vs "@ font-face"

Also, for the sake of ... the same conversation, really:
[I personally am confident that #WebDeveloper extension exists only after extensive, and continued research]. I feel I could resolve that-- even If i don't know the technical logic leading to one or ther other-- @chrispederick 's extension, having shown the @-import rendered URL in this-- my most likely to be used enviroment-- it is safe for me to say, i can always trust that at-import is satisfactory, while the more granular aproach of @-font-face seems perhaps overkill for this purpose?

Curious observation while pruning some CSS using one of my favorite development tools, "Web Developer" by @chrispederick

#WebDevelopment #CSS #directives #import #fontface #webdeveloper #browserextension

Wrapping up a project for a "release" on github, I use Google Material Icons for guess what... icons! Optional methods exist to "import" the font data required for rendering the Google font in one's own creation.

Typically, telling the browser which font to use is achieved via HTML <Style> or <Link> to rel="stylesheet". The at-import points to the resource URL (as contains the desired font data). The "@ font-face" directive also contains a parameter for the same type of font resource URL.

Attached Screenshots:
showing interface where available CSS resources are shown "collapsed/ expanded" to demonstrate that "Web Developer" (the browser extension) identifies the URL pointing to the google resource under the at-import directive, but not the at-font-face which appears in the same, local .css file.

What do we make of this phenomenon?

Вы не знаете CSS. Мои вопросы о CSS с ответами

Хабр, привет! Я стабильно пишу здесь о CSS. Мне радостно, что моя работа вам полезна. Но хочется чего-то нового. Вызывающего споры. В общем я возвращаюсь к формату статей в виде вопрос-ответ. Вопросы будут те, которые я спрашиваю на интервью. Так что у вас будет повод сказать: «А зачем это надо?». При составлении вопросов я хотел проверить понимание базовых моментов, которые есть в вёрстке любого проекта. Ещё будут вопросы на знание более редких аспектов и «новинок» в CSS. В общем я хочу вас завалить, чтобы казаться супер умным! (здесь ирония). Пожалуйста, не воспринимайте мои вопросы серьёзно. Давайте просто весело проведём время. Плюс попробуем узнать что-то новое. Ведь у каждого вопроса будет мой ответ. И вы тоже можете оставить свой в комментариях. Я обязательно буду их читать. Так, вы готовы? Давайте посмотрим, что я вам подготовил.

habr.com/ru/companies/ruvds/ar

ХабрВы не знаете CSS. Мои вопросы о CSS с ответамиХабр, привет! Я стабильно пишу здесь о CSS. Мне радостно, что моя работа вам полезна. Но хочется чего-то нового. Вызывающего споры. В общем я возвращаюсь к формату статей в виде вопрос-ответ. Вопросы...

With #AI I was able to build a full #React app that generates a list of every Gossip Girl episode from S1 by querying OMDB in about 30 minutes

I can see why people think this is a job killer. This is stuff that would have taken foooorever to do before AI. I basically never bothered doing any #CSS or front end formatting before AI because it was so cumbersome, and here it just automatically did it. I can't take credit for anything other than just typing in "make everything pink and purple"