24272
Rhythm in Web Typography
Horizontal rhythm mostly impacts the legibility, while vertical rhythm impacts the readability of the text and establishes a sense of visual hierarchy.
typography  webdev  tutorials 
10 hours ago
CSS Tip: Star Selector Not That Bad
Clearly, the biggest concern any time you drag-out the universal selector is performance. As you might expect, the universal selector instructs the browser to select every element in the page, which can (theoretically) be a drag on performance. Furthermore, intuitively, as developers, we're trained to assume "*" anything is both lazy and bad. The reality with CSS is actually different, though. Mr. Performance Steve Souders put CSS selectors to the test in 2009 and discovered that they actually have relatively little impact on page render time. In "real world(ish)" scenarios, with thousands of DOM elements and CSS rules, even known "slow" selectors like child and decedent are not that much slower than "baseline" direct element selectors. With this evidence in mind, I ran my own tests. […] In my tests, I am looking for relative change from the "No CSS" baseline to see if the * selector has any meaningful impact on page rendering time. The absolute values are irrelevant. Tests in-hand, I put Chrome (22), Opera (11.6), IE8, iPad 3, and even Kindle Fire through the battery of tests. I didn't test more browsers because the results we're plainly consistent. In every case (including devices), the universal rule had no meaningful impact on page rendering time.
css  webdev  benchmarks  blog-posts 
2 days ago
* { box-sizing: border-box } FTW
You might get up in arms about the universal * selector. Apparently you’ve heard its slow. Firstly, it’s not. It is as fast as h1 as a selector. It can be slow when you specifically use it like .foo > *, so don’t do that. Aside from that, you are not allowed to care about the performance of * unless you concatenate all your javascript, have it at the bottom, minify your css and js, gzip all your assets, and losslessly compress all your images. If you aren’t getting 90+ Page Speed scores, it’s way too early to be thinking about selector optimization.
blog-posts  css  benchmarks  browser  webdev 
2 days ago
We have 12 years to limit climate change catastrophe, warns UN
Urgent changes needed to cut risk of extreme heat, drought, floods and poverty, says IPCC.
environment  politics  articles 
5 days ago
Why Growth Can’t Be Green
New data proves you can support capitalism or the environment—but it’s hard to do both.
economics  environment  future  articles 
5 days ago
https://twitter.com/drvox/status/1049114118270197760
Basically, stopping warming at 1.5C would involve an immediate, coordinated crash program of re-industrialization, involving every major country in the world. It would be like the US mobilizing for WWII, only across the globe, sustained for the rest of the century.
twitter  environment  future 
5 days ago
Long-Lived macOS
As anyone will tell you, thirty isn’t really that old an age for a person. But for an operating system, yeah, thirty is pretty old. iOS and Android, the last two to take the world by storm, are only just over ten years old now.
history  apple  osx  blog-posts 
6 days ago
ProVideoPlayer (PVP) Multi-screen Media Server
Advanced Multi-screen Media Server with Video Effects Processor…
software  hardware  exhibitions  work  monitor 
7 days ago
What Spotify's DNA-Test Playlist Gets Wrong About Genetic Ancestry
A Spotify playlist tailored to your DNA is the latest example of brands cashing in on people’s search for identity.
identity  spotify  netcritique  genetics  articles 
7 days ago
Lyrics for Totalt Jävla Mörker – Norrland
Skogar som dör, fabriker som stängs
När hoppet sinar, norrland hängs

Norrland
Var det allt vi fick?
Norrland
Det vi har kvar

Mörkret förlamar, fördelningen sviktar
Mot Sveriges hjärta, pistolen siktar
music  lyrics  poetry  punk  hardcore 
7 days ago
Wikipedia.org: Techstep
It is characterized by a dark, sci-fi mood, near-exclusive use of synthesised or sampled sound sources, influences from industrial and techno music, and what some writers have described as a "clinical" sound.
dnb  music  history  wiki 
8 days ago
Naturskyddsföreningens ordförande: ”Gapet mellan planer och vad som krävs är katastrofalt”
– För Sveriges del behöver utsläppen nå noll senast 2030. För att det ska lyckas måste ansvariga politiker snarast besluta om ett förbud mot att använda fossila bränslen efter 2030 och fasa ut de klimatskadliga subventionerna, säger Johanna Sandahl. Gapet mellan vad världens regeringar planerar att göra och vad som måste göras är ”katastrofalt”, menar hon.
environment  swedish  sweden  politics 
9 days ago
It's not about the bike: The real story of oBike and what it can teach us
It’s not about the bike: The real story of oBike and what it can teach us.
economics  cycling  bikes  business 
11 days ago
Infrasound Opera
In her experimental music-theatre piece, Ashley Fure plays sounds too low for the audience to hear, but they register their presence all the same.
hearing  music  art  reviews  articles 
11 days ago
Privacy Badger Now Fights More Sneaky Google Tracking
The latest version of Privacy Badger blocks link tracking on www.google.com, in Hangouts windows on mail.google.com and hangouts.google.com, and in comments on docs.google.com. This update expands on our previous efforts to block link tracking on Twitter and Facebook. And of course, Privacy Badger’s main job continues to be stopping Google, Facebook, and other third parties from tracking you around the web.
google  surveillance  privacy  extensions  firefox  chrome 
11 days ago
Wikipedia.org: Annaprashana
The Annaprashana (Sanskrit: अन्नप्राशन, Annaprāśana, Bengali: অন্নপ্রাশন, Onnoprashon) also known as Annaprashana vidhi, Annaprasan or Anna-prasanam or Anna Prashashan, is a Hindu rite of passage ritual (Saṃskāra) that marks an infant's first intake of food other than milk. The term annaprashan literally means "food feeding" or "eating of food".
food  children  culture  wiki 
12 days ago
Apple's New Proprietary Software Locks Kill Independent Repair on New MacBook Pros
“There’s two possible explanations: This is a continued campaign of obsolescence and they want to control the ecosystem and bring all repair into the network they control,” Kyle Wiens, the CEO of iFixit, told me on the phone. “Another is security, but I don’t see a security model that doesn’t trust the owner of the device making much sense.”
business  hardware  apple  asshole  blog-posts  repair 
12 days ago
More bad news for artificial sweetener users according to Ben-Gurion University researchers
The collaborative study indicated relative toxicity of six artificial sweeteners (aspartame, sucralose, saccharine, neotame, advantame, and acesulfame potassium-k) and 10 sport supplements containing these artificial sweeteners. The bacteria found in the digestive system became toxic when exposed to concentrations of only one mg./ml. of the artificial sweeteners. "We modified bioluminescent E. coli bacteria, which luminesce when they detect toxicants and act as a sensing model representative of the complex microbial system," says Prof. Ariel Kushmaro, John A. Ungar Chair in Biotechnology in the Avram and Stella Goldstein-Goren Department of Biotechnology Engineering, and member of the Ilse Katz Institute for Nanoscale Science and Technology and the National Institute for Biotechnology in the Negev. "This is further evidence that consumption of artificial sweeteners adversely affects gut microbial activity which can cause a wide range of health issues."
gutmicrobiome  health  food  science  articles 
12 days ago
The Dangers of YouTube for Young Children
even in relatively limited doses, these videos can affect young toddlers’ development. If kids watch a lot of fast-paced videos, they come to expect that that is how videos should work, which could make other educational videos less compelling and effective. “If kids get used to all the crazy, distracting, superfluous visual movement, then they may start requiring that to hold their attention,” Johnson said.
youtube  children  netcritique  articles 
13 days ago
The Big Hack: How China Used a Tiny Chip to Infiltrate U.S. Companies
The attack by Chinese spies reached almost 30 U.S. companies, including Amazon and Apple, by compromising America’s technology supply chain, according to extensive interviews with government and corporate sources.
hack  china  security  usa  politics  articles  hardware 
13 days ago
Varanida Browser Extension
In this first iteration, the Varanida extension rewards you with VAD, "Verified Ad" tokens, each time you block advertising on the web.
browser  extensions  firefox  chrome  ads 
13 days ago
Beyond Surveillance Capitalism: Reclaiming Digital Sovereignty
DECODE is a multidisciplinary EU project that aims to emphasize the centrality of data sovereignty to a fully democratic digital society while bootstrapping a privacy-enhancing, decentralised and rights-preserving data ecosystem. The DECODE Symposium will seek to articulate a strategic vision of how digital technologies can facilitate the transition from today’s digital economy of surveillance capitalism and data extractivism – whereby a handful of US- and China-based corporations battle for global digital supremacy – to an alternative political and economic project. That project, we hope, will include more democratic, egalitarian, and public alternatives to today's highly hierarchical and privatized platform consensus.
conferences  netcritique  internet  politics 
13 days ago
Front Porch Forum
Front Porch Forum is a free community-building service in Vermont. Your neighborhood's forum is only open to the people who live there. It's all about helping neighbors connect. Invite neighbors and others to join.
socialmedia  cities 
13 days ago
Spotify to Allow Indie Artists to Upload Music Directly to Service, Bypassing Distributors
Beginning today (Sept. 20), Spotify will begin allowing a select group of independent artists the ability to upload their music directly onto the streaming platform through their Spotify For Artists account, the company announced. The program, which is launching in beta format, has been quietly tested with a small group of artists — including Noname, Michael Brun, VIAA and Hot Shade — and will be made available by invitation to "a few hundred U.S.-based independent artists," according to a blog post, with more artists able to sign up for a mailing list to receive invites in the coming weeks or months.
streaming  music  business  articles  spotify 
13 days ago
Insändare: ”Det är förskolan som har problem – inte barnen”
Jag har träffat en hel del personal som upplever att de barn, som på något sätt beter sig på ett sätt som är oroväckande, oftast fungerar betydligt bättre de dagar barngruppen är mindre. Det innebär helt enkelt att fler barn ses som barn med problem, även om det är uppenbart att det handlar om att alla barn inte klarar av att vara i en så stor barngrupp som de oftast är i dag. Förskolan skapar därmed ”barn i behov av särskilt stöd”.
articles  children  psychology  swedish 
13 days ago
The Rise of Netflix Competitors Has Pushed Consumers Back Toward Piracy
BitTorrent usage has bounced back because there's too many streaming services, and too much exclusive content.
piracy  movies  television  streaming  articles  bittorrent 
14 days ago
On Link Underlines
Color is not used as the only visual means of conveying information, indicating an action, prompting a response, or distinguishing a visual element. (Level A)
— Success Criterion (SC) 1.4.1

In short, links should not rely on color alone to indicate that they are links. This is a Level A requirement.
accessibility  webdev  typography  usability  links 
14 days ago
How to increase the gap between text and underlining in CSS
Getting into the details of the visual style of text-decoration:underline is pretty much futile, so you're going to have to go with some kind of hack the removes text-decoration:underline and replaces it with something else until a magical far-distant future version of CSS gives us more control.

This worked for me:

a {
background-image: linear-gradient(
180deg, rgba(0,0,0,0),
rgba(0,0,0,0) 81%,
#222222 81.1%,
#222222 85%,
rgba(0,0,0,0) 85.1%,
rgba(0,0,0,0)
);
text-decoration: none;
}

Adjust the % values (81% and 85%) to change how far the line is from the text
Adjust the difference between the two % values to change the line thickness
adjust the color values (#222222) to change the underline color
works with multiple line inline elements
works with any background
css  webdev  typography  tutorials  forum-posts 
14 days ago
Lazy Loading Images? Don’t Rely On JavaScript!
Seems like a logical first step. So how could we change this to support no JavaScript? With a bit of html repetition perhaps:

<img
src="1x1.gif"
class="lazy"
data-src="real-image.jpg"
alt="Laziness"
width="300px" />

<noscript>
<img
src="real-image.jpg"
alt="Laziness"
width="300px" />
</noscript>

That would mean that the lazy loading would be ignored if JavaScript is disabled. I did a quick check on the network usage for code like this and can confirm that a basic noscript img check using the code above does not cause multiple requests! You’d assume not, but it’s worth checking!
javascript  usability  webdev 
14 days ago
lazyestload.js
Load images only when they are in (and remain in) the viewport.
javascript  webdev  open-source 
14 days ago
Cognitive load in hypertext reading: A review
A process model of hypertext reading was used to generate predictions about the effects of hyper-text features on cognitive processing during text navigation and comprehension.
science  internet  psychology 
14 days ago
Youtube.com: Internetting with Amanda Hess: Season 2 | The New York Times
We decode the culture of the internet, the super-fun hellscape in which we live.
videos  internet  culture  internetmeme 
14 days ago
Smarter Link Underlines For Every Website
Marcin Wichary from Medium recently wrote a similar post on this topic, which I highly recommend. This post summarizes an expansion on his work, particularly as it relates to this comment thread on text-shadow.
css  webdev  blog-posts  typography 
14 days ago
Stackoverflow.com: html - What are all the differences between src and data-src attributes?
The attributes src and data-src have nothing in common, except that they are both allowed by HTML5 CR and they both contain the letters src. Everything else is different. The src attribute is defined in HTML specs, and it has a functional meaning. The data-src attribute is just one of the infinite set of data-* attributes, which have no defined meaning but can be used to include invisible data in an element, for use in scripting (or styling).
html  webdev  forum-posts 
14 days ago
A Penthouse Made for Instagram
This penthouse apartment in Manhattan’s SoHo neighborhood is awash in natural light, with high ceilings, gleaming hardwood floors and a rooftop deck. The living room area includes a sofa in the rosy hue known as millennial pink, the kitchen comes equipped with a floor-to-ceiling wine fridge, and the library nook is filled with books chosen for their appearance, not their contents. The white walls are spotless, and there is never any clutter. Nobody lives here. […] As Ms. Segar led a tour of the apartment, she invoked terms like “moments,” “feelings,” “scenes” and “vibes.” In fashion– and Instagram-​speak, a moment is a certain look, rather than a unit of time. And so Ms. Segar described the apartment’s library nook as “one of our favorite little moments.” She added that the books on the shelves — with “Crisis Economics” just below “Gone Girl” — were chosen for their muted colors to make the area “not as feminine and peachy as the rest of the space.” Near the entrance is a spot that Ms. Segar described as a “fireplace scene,” which is likely to be a hit among influencers during pumpkin spice season (also known as fall). The chairs by the brick hearth have low backs, partly to avoid “anything reflective” from the mirror on the mantle. “When you think of all the products they’re trying to bring to life, they need as many moments and feelings as possible,” she said.
marketing  photography  articles  instagram  architecture  houses 
14 days ago
« earlier      
adobe ads android animals apple archiving art articles artist audio automation backup benchmarks bikes bittorrent blog-posts blogging blogs books brain browser business cameras canon cd children chrome cli color comics communities compare composing compression console conversion copyright crime css culture customize cycling death design development digital-imaging diy documentaries drugs dvd economics education email emulation encryption environment exercise extensions facebook filesharing filesystems firefox flash flickr fonts food forum-posts freeware frontend fun gallery games geek gmail google graphics gui hack hackernews hardcore hardware hdd health hiphop history hosting html html5 humour icons instant-messaging internet interviews iphone japan javascript keyboard language laptop law layout lenses linux lists maps metadata microsoft mobile money monitor movies mp3 museum music nature netcritique network news nintendo nutrition open-source organization os osx p2p philosophy photographers-contemporary photography photos photoshop php piracy plugins politics portable presentation preservation privacy programming psychology radio raw reddit references religion resources reviews rss science scripting search security server shopping sleep socialmedia software sony space sport standards stats stockholm storage streaming surveillance sweden swedish tagging telephony television terminal test themes time tofeed tools transportation travel tumblr tutorials twitter typography unix url usa usb utilities vehicles video videos war water web2.0 webdesign webdev weird wifi wiki windows wordpress work xp youtube

Copy this bookmark:



description:


tags: