Your Web News in One Place

Articles by CSS Tricks from December 2016

Help Webnuz

Referal links:

Sign up for GreenGeeks web hosting
< Return to CSS Tricks details.
01:25 pm GMT - Fri, December 30, 2016
CSS Tricks Designing for Show scroll bars
In macOS, users have the ability to set when they want to see scrollbars in windows. This affects all windows in the operating system, including in web browsers. They have three choices:Automatically ...
01:25 pm GMT - Fri, December 30, 2016
CSS Tricks Designing for Show scrollbars
In macOS, users have the ability to set when they want to see scrollbars in windows. This affects all windows in the operating system, including in web browsers. They have three choices:Automatically ...
12:54 pm GMT - Fri, December 30, 2016
CSS Tricks display: flow-root;
News to me! There is a spec for it and Firefox says they intend to ship it. It's just like display: block; only:It always establishes a new block formatting context for its contents.Meaning: you don't...
01:37 pm GMT - Thu, December 29, 2016
CSS Tricks Develop Locally, Use Images from Production
Working on your website locally means having the files that make your website tick right there on your computer. It's common those files live in a version control repository. You work on them, and pus...
01:37 pm GMT - Thu, December 29, 2016
CSS Tricks Develop Locally, Use Images fromProduction
Working on your website locally means having the files that make your website tick right there on your computer. It's common those files live in a version control repository. You work on them, and pus...
02:31 pm GMT - Wed, December 28, 2016
CSS Tricks Review of My New Computer Equipment
I recently changed out just about all of my computer equipment. Nothing dramatic like #davegoeswindows, but all new gear within my relative comfort-zone. It was the first time since late 2013, and now...
02:31 pm GMT - Wed, December 28, 2016
CSS Tricks Review of My New ComputerEquipment
I recently changed out just about all of my computer equipment. Nothing dramatic like #davegoeswindows, but all new gear within my relative comfort-zone. It was the first time since late 2013, and now...
12:53 pm GMT - Wed, December 28, 2016
CSS Tricks CSS Writing Modes
We shared a little trick not long ago about using the writing-mode property to set a title vertically. While a useful trick, it's the tip of the iceberg on this property. Jen Simmons digs in and expla...
01:44 pm GMT - Tue, December 27, 2016
CSS Tricks Reactive Audio WebVR
Virtual reality has become a thing again! All of the usual suspects are involved: HTC, Microsoft, Samsung, and Facebook, among others, are all peddling their respective devices. These predictable play...
01:52 pm GMT - Mon, December 26, 2016
CSS Tricks A Guide to 2017 Conferences
Back by popular demand! It's difficult to keep track of all of the great talks and conferences happening in our industry. Sometimes you may find out too late that an event is taking place, and it's a ...
02:58 pm GMT - Sat, December 24, 2016
CSS Tricks Learning from Lego: A Step Forward in Modular Web Design
Samantha Zhang: When web components are modular like Lego bricks down to the elements level, they become more versatile and easier to maintain. We believe its the next step to take in modular web desi...
02:58 pm GMT - Sat, December 24, 2016
CSS Tricks The Optimal Image Format for Each Browser
Perhaps you've heard about the WebP image format? And how it's a pretty good performance win, for the browsers that support it? Well that's only for Blink-based browsers, at the moment. Estelle Weyl's...
04:13 pm GMT - Fri, December 23, 2016
CSS Tricks Presentation Attributes vs Inline Styles
This is a distinction worth knowing about. They look pretty similar. They can do some of the same things. But, one is very easy to override and the other is not.Inline styles are likely a bit more fam...
03:08 pm GMT - Fri, December 23, 2016
CSS Tricks What Comes Next Is the Future
Matt Griffin's documentary about the web, now available to watch free on Vimeo.Direct Link to Article — Permalink…What Comes Next Is the Future is a post from CSS-Tricks...
02:31 pm GMT - Fri, December 23, 2016
CSS Tricks the stone has been unstuck
Matt Mullenweg, on the release of a new homepage for WordPress.org, which hasn't seen a redesign in a long time:Whats on the page today actually isnt that important, even though its better in many way...
02:10 pm GMT - Fri, December 23, 2016
CSS Tricks Front-End Performance Checklist 2017
Vitaly Friedman's list includes a "Quick Wins" section with the web performance things that can't be ignored. If you aren't setting caching headers on assets, optimizing images, and gzipping, you're l...
12:36 am GMT - Fri, December 23, 2016
CSS Tricks Exporting Images in Multiple Resolutions Simultaneously
No surprise to any of y'all: screens come in a whole lot of different sizes and pixel densities these days. The technology behind dealing with that is catching up. For example, responsive images. So, ...
09:29 pm GMT - Thu, December 22, 2016
CSS Tricks Zooming
Check out this nice image-zooming library by Desmond Ding. It's fairly little, has no dependencies, and has all the modern stuff to make it easy to integrate into modern sites (you know, available on ...
02:35 pm GMT - Thu, December 22, 2016
CSS Tricks Cars with Broken Windshield Wipers
I was stopped at an intersection the other day. It was raining. The road on the other side sloped upwards, so I could see the stopped cars on the other side of the road kind of stadium-seating style. ...
02:20 pm GMT - Wed, December 21, 2016
CSS Tricks Chrome Bias (and Finding Things To Like in Firefox)
Chrome has been my default browser for many years now, but Ive been thinking that my familiarity with just one browser has become a problem. If I tend to design for a single browser, then Ill start to...
01:13 pm GMT - Tue, December 20, 2016
CSS Tricks Methods for Overriding Styles in WordPress
Let's say you manage a WordPress site. You chose, purchase, and install a pre-made theme. Say you added a few items you came across in the WordPress plugin directory to add some advanced features to t...
07:53 pm GMT - Mon, December 19, 2016
CSS Tricks An Overview of Client-Side Storage
Ire Aderinokun:There are currently four active methods for storing data on the client side.Cookies (old school, still useful because they are sent with server requests)Local Storage (very easy to use)...
01:52 pm GMT - Mon, December 19, 2016
CSS Tricks Scaling Responsive Animations
Scaling our websites and applications so that they look great on every screen can be difficult. A big portion of that difficulty can be trying to get specific components, particularly ones that have p...
02:12 am GMT - Sun, December 18, 2016
CSS Tricks 20 Years of CSS
Bert Bos, noting today as quite a notable day:On December 17, 1996, W3C published the first standard for CSS.Very interesting to see what historic points made the cut for the timeline. The Zen Garden,...
01:53 pm GMT - Fri, December 16, 2016
CSS Tricks Alternatives to Placeholder Text
Andrew Coyle on when to use <input placeholder>:Don't use them as a labelDon't use them as a secondary labelDon't use them as example inputDon't use them as helper textWhich amounts to pretty ...
01:15 pm GMT - Fri, December 16, 2016
CSS Tricks Propelling developer experience through configuration
Kevin Suttle on the ever-growing number of .dotfiles in projects:The number of config files per repo is slowly but surely overtaking the number of code files.Seems to me /config/ or /.config/ as a dir...
01:50 pm GMT - Thu, December 15, 2016
CSS Tricks That Fluid Type Stuff Again
There have been a couple of articles lately regarding fluid type. Matt Smith (calling it "flexible type"):My preferred approach for more flexible type is to calculate the font size based on the viewpo...
01:46 pm GMT - Thu, December 15, 2016
CSS Tricks Why Inline SVG is Best SVG
📹 by Glen Maddern:I don't think most front-end developers are as comfortable as SVG as they should be. It's one of the most powerful technologies available on the web.He makes a very strong ca...
06:24 pm GMT - Wed, December 14, 2016
CSS Tricks Client Email Helper
For all you freelancers out there, Jessica Hische has written some copy to help you articulate saying no to things you should be saying no to.Ive created this handy tool to help you say no to free and...
03:46 pm GMT - Wed, December 14, 2016
CSS Tricks Prefer `defer` Over `async`
Steve Souders:Comparing the ASYNC and DEFER waterfalls, we see that using DEFER makes DOM Interactive fire sooner and allows rendering to proceed more quickly.Even though <script async></s...
01:41 pm GMT - Wed, December 14, 2016
CSS Tricks [WebKit now has] HTML Interactive Form Validation
Chris Dumez:WebKit did not support HTML interactive form validation, which occurs on form submission (unless the novalidate attribute is set on the <form> element) or using the reportValidity(...
12:58 pm GMT - Wed, December 14, 2016
CSS Tricks Resilient Web Design
Jeremy Keith released a new book, for free, on the web only:This is not a handbook. Its more like a history book.Direct Link to Article — Permalink…Resilient Web Design is a post from CSS-...
02:09 pm GMT - Tue, December 13, 2016
CSS Tricks Google Analytics Can Show You Screen Resolution Browser Window
It was five years ago when I wrote Screen Resolution Browser Window. The idea was that, at the time, there was a lot of talk about monitor size in relation to how we design websites. JavaScript is ha...
08:53 pm GMT - Mon, December 12, 2016
CSS Tricks CSS Shorthand Syntax Considered an Anti-Pattern
I remember Estelle Weyl used to mention this a lot in her talks. If you set .button { background: red; } you've, inadvertently or not, set a whole slew of other properties to their initial values. Har...
05:29 pm GMT - Fri, December 9, 2016
CSS Tricks How Do You Hire a Designer?
My friend Jeff just asked me this question. He was looking for a designer for a one-off graphic design job. He had the project all scoped out. He just didn't know how to do it. He's not a fool; he web...
12:47 pm GMT - Thu, December 8, 2016
CSS Tricks Netflix for Designers
Envato Elements is the design industrys first unlimited download subscription for digital assets, tailored to the needs of agencies, designers, marketers, and professionals. With over 9000 carefully c...
12:27 pm GMT - Thu, December 8, 2016
CSS Tricks A Favor for Your Future Self
Alicia Sedlock, on removing a large section of a website:... its the ultimate I really hope this doesnt break something else situation. It was a stressful and tedious effort of triple checking that th...
01:56 pm GMT - Wed, December 7, 2016
CSS Tricks Lazy-Loading Disqus Comments
Lately, I've been obsessed with optimizing performance through lazy-loading. Recently, I've written on how to lazy-load Google Maps and on how to lazy-load responsive Google Adsense. Now it's time for...
01:03 pm GMT - Wed, December 7, 2016
CSS Tricks Prerender on hover?
InstantClick is a pretty popular JavaScript library (4,344 stars, as I type). This is the gist:Before visitors click on a link, they hover over that link. Between these two events, 200 ms to 300 ms us...
01:01 pm GMT - Wed, December 7, 2016
CSS Tricks EOL Firebug
The Firebug extension isn't being developed or maintained any longer. We invite you to use the Firefox built-in DevTools instead.Looks like the end of an over 2 year process.Firebug was probably the s...
08:14 pm GMT - Tue, December 6, 2016
CSS Tricks CSS-Tricks Chronicle XXIX
A round up of goings-on related to me, this site, and related projects, as we are wont to do once in a while. I've had the good fortune of being a guest on a number of podcasts lately, so I'll link up...
07:26 pm GMT - Tue, December 6, 2016
CSS Tricks CSS Grid!
Eric Meyer, talking to himself:How long until I can actually use Grid, then? Two or three years?March 2017. So about four months from now.Grid sounds like tables 2.0. I thought we all agreed tables ...
12:45 pm GMT - Tue, December 6, 2016
CSS Tricks margin-bottom or margin-top
I posted a context-less poll on Twitter, just for fun. ok lets do this— Chris Coyier (@chriscoyier) December 1, 2016The implied context, as most CSS nerds could probably suspect, is:To space ele...
09:59 pm GMT - Mon, December 5, 2016
CSS Tricks Service Worker, what are you?
Mariko Kosaka:I finally figured out, it's an alien you can invite to live on user's browser.…Service Worker, what are you? is a post from CSS-Tricks...
12:40 pm GMT - Mon, December 5, 2016
CSS Tricks The Simplest (and Most Performant) Way to Offer Sharing Links for Social Media
This past summer, I wrote The Essential Meta Tags for Social Media about how developers can prepare web pages to optimize their appearance when shared on social media. But what about creating the link...
12:39 pm GMT - Mon, December 5, 2016
CSS Tricks An SVG That Isnt All SVG
SVG is absolutely a vector graphics format. But it's more than that. You can set type in it. You can place raster graphics in it. There is interactivity and animation. It's more like a multimedia grap...
05:06 pm GMT - Sun, December 4, 2016
CSS Tricks State of the Word 2016
Some highlights-of-highlights, based on Brian Krogsgard's post:BuddyPress and bbPress will get new support and engagement over the next year.WordPress 4.6 was available in 50 languages the day it was ...
03:28 pm GMT - Sun, December 4, 2016
CSS Tricks Web Animation Essentials: CSS Animations and Transitions
A brand new course by Rachel Nabors. There is a lot here: learning the code and learning the tools to help work with the code and make sure you're doing a good job. A couple favorite aspects of the co...
07:26 pm GMT - Sat, December 3, 2016
CSS Tricks Radios and Checkboxes on GOV.UK
An interesting journey of form UX, documented by Tim Paul. It started with browser defaults. It's unclear why that wasn't working. But interestingly, an alteration that included giant label-based clic...
05:31 pm GMT - Sat, December 3, 2016
CSS Tricks $1,076,940
High five to Dave Gandy and the Font Awesome team:The Font Awesome 5 Kickstarter raised $1,076,940 with 35,549 backers, making it the most funded and most backed software Kickstarter of all time.What'...
12:50 pm GMT - Fri, December 2, 2016
CSS Tricks Loops in CSS Preprocessors
If you've ever watched old sci-fi flicks, you know how powerful loops can be. Feed your robot nemesis an infinite loop, and kaboom. Robo dust. Preprocessor loops will not cause dramatic explosions in ...
01:46 pm GMT - Thu, December 1, 2016
CSS Tricks The Power of Changing Classes
People responded quite positively to "Hey designers, if you only know one thing about JavaScript, this is what I would recommend." Even the YouTube comments were positive.Hey designers, if you only kn...
01:44 pm GMT - Thu, December 1, 2016
CSS Tricks We Asked 8,500 Internet Commenters Why They Do What They Do
Read Christie Aschwanden's first paragraph. If you've written anything that elicits comments, I'm sure you can relate.There is plenty of data here to digest, and also further speculation:I had a hypot...
07:47 pm GMT - Wed, November 30, 2016
CSS Tricks Were All Frauds
Gina Trapani:On a daily basis Im struck by the fact that no number of degreesor titles, or companies, or years experience, or apps shipped, or books published, or Twitter followersmatter when youre fa...
02:59 pm GMT - Wed, November 30, 2016
CSS Tricks Input Masking
I don't have any UX research to cite, but anecdotally, I like it when inputs that expect data in a specific format us an input mask. I thought I'd just line up a few demos for really easy reference.Ro...