256 Kilobytes

Style and Layout Articles

Type ArticlesContent written by the staff, as well as hand-picked user content Category Style and LayoutHTML, CSS, and related topics. Tag All

Profile Photo - August R. Garcia

Get These Dependencies Off My Lawn: 5 Tasks You Didn't Know Could be Done with Pure HTML and CSS

Articles in Style and Layout | By August R. Garcia

Published 8 months agoMon, 11 Feb 2019 04:07:30 -0800 | Last update 5 months agoTue, 07 May 2019 03:37:01 -0700 📌

Profile Photo - August R. Garcia

Last Reply Thread bump with the <time> tag: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/time https://css-tricks.com/time-element/... August R. Garcia,

Thread bump with the <...

Fri, 11 Oct 2019 01:43:19 -0700 4 days ago
🗨
7
🐏
3
👁
61,704
Profile Photo - Hash Brown

How much is my website worth?

Articles in Style and Layout | By Hash Brown

Published 7 months agoTue, 26 Feb 2019 17:40:15 -0800 | Last update 7 months agoTue, 26 Feb 2019 17:42:51 -0800 📌

Profile Photo - August R. Garcia

Last Reply > Is there a best time to sell a website? https://www.youtube.com/watch?v=7hx4gdlfamo August R. Garcia,

> Is there a best...

Tue, 26 Feb 2019 20:22:16 -0800 7 months ago
🗨
1
🐏
2
👁
496
Profile Photo - August R. Garcia

[Code Demos] 5 More HTML and CSS Features You Didn't Know Existed (And One Work-in-Progress You Didn't Know You Wanted)

Articles in Style and Layout | By August R. Garcia

Published 4 months agoMon, 27 May 2019 16:56:02 -0700 | Last update 4 months agoMon, 27 May 2019 17:00:35 -0700

Profile Photo - August R. Garcia

Even after working with HTML and CSS for...

MoreAs you know, you can use HTML and CSS to make websites. Here are some more things that you didn’t know about HTML and CSS. Or maybe you already...
🗨
0
🐏
1
👁
5,899
Profile Photo - August R. Garcia

How Hex Colors Work

Articles in Style and Layout | By August R. Garcia

Published 6 months agoSun, 31 Mar 2019 19:16:19 -0700

Profile Photo - August R. Garcia

Using the digits 000000 to FFFFFF, hexad...

MoreUsing the digits 000000 to FFFFFF, hexadecimal color codes are used to represent nearly every color seen on the Internet. Here is how hexadecimal colo...
🗨
0
🐏
0
👁
282
Profile Photo - roxblade

An Update on Current Web Design Trends

Articles in Style and Layout | By roxblade

Published 6 months agoSun, 24 Mar 2019 22:46:28 -0700 | Last update 6 months agoFri, 05 Apr 2019 00:38:36 -0700

Profile Photo - roxblade

What are the current web design trends i...

MoreWhat are the current web design trends in 2019? Well, to be honest, it&#39;s hard to pinpoint any trend that is future-proof and ready to be used...
🗨
0
🐏
0
👁
435
Profile Photo - August R. Garcia

Embedding Fonts with CSS and Base64

Articles in Style and Layout | By August R. Garcia

Published 7 months agoTue, 26 Feb 2019 11:29:50 -0800

Profile Photo - August R. Garcia

Last Reply For context, this site uses four fonts (Barlow, Barlow Condensed, Barlow Semi-Condensed, and Rokkitt), which come to a total of 159.7 kllobytes worth... August R. Garcia,

For context, this site us...

Sun, 10 Mar 2019 21:02:49 -0700 7 months ago
🗨
1
🐏
0
👁
3,941
Profile Photo - August R. Garcia

Solving FizzBuzz with CSS

Articles in Style and Layout | By August R. Garcia

Published 7 months agoTue, 26 Feb 2019 18:12:53 -0800 | Last update 7 months agoTue, 26 Feb 2019 18:29:02 -0800

Profile Photo - August R. Garcia

CSS counters, before and after pseudo-el...

MoreYou can get a reasonably functional solution far for this problem by using :nth-child selectors combined with :before and :after pseudo-elements....
🗨
0
🐏
0
👁
328
Profile Photo - Hash Brown
Profile Photo - Hash Brown

Installing WordPress themes is easy, but...

MoreFor anyone new to WordPress or for those who are taking life seriously and just picked up their first GeneratePress Premium license this is a quick gu...
🗨
0
🐏
0
👁
354
Profile Photo - Hash Brown

Using Variables in CSS with PHP

Articles in Style and Layout | By Hash Brown

Published 8 months agoMon, 21 Jan 2019 15:06:10 -0800

Profile Photo - August R. Garcia

Last Reply I'd like to shoot up your school if you know what I mean. August R. Garcia,

I'd like to shoot up...

Mon, 21 Jan 2019 18:53:40 -0800 8 months ago
🗨
5
🐏
0
👁
543
Profile Photo - August R. Garcia

[Code] How to Make Images Zoomable with JavaScript and CSS

Articles in Style and Layout | By August R. Garcia

Published 8 months agoSun, 20 Jan 2019 01:48:29 -0800 | Last update 8 months agoSun, 20 Jan 2019 01:49:46 -0800

Profile Photo - August R. Garcia

Sometimes, you need to make images zooma...

MoreSometimes, you need to make images zoomable using JavaScript. Here's some code that basically works for that kind of use case. All code here is...
🗨
0
🐏
0
👁
180
Profile Photo - Hash Brown

Should you use Google Fonts? Pros, Cons, and Other Considerations

Articles in Style and Layout | By Hash Brown

Published 9 months agoThu, 10 Jan 2019 19:15:22 -0800 | Last update 9 months agoThu, 10 Jan 2019 19:21:00 -0800

Profile Photo - Hash Brown

Should I use Google fonts? We breakdown...

MoreTypography is a huge part of web design and since it’s launch in 2010 Google fonts has become a huge tool in most designers arsenals handling ev...
🗨
0
🐏
1
👁
1,215
Profile Photo - Louis J. V. Cicalese

The CSS Standard Color Names and "Rebecca Purple"

Articles in Style and Layout | By Louis J. V. Cicalese

Published 9 months agoThu, 03 Jan 2019 22:00:20 -0800 | Last update 6 months agoMon, 18 Mar 2019 11:55:35 -0700

Profile Photo - August R. Garcia

Last Reply Example of color, unless this ghetto hack fails: Also, look at this. Grey (left) is darker than darkgrey (right) You can also fi... August R. Garcia,

Example of color, unless...

Fri, 04 Jan 2019 03:44:40 -0800 9 months ago
🗨
1
🐏
1
👁
3,193
Profile Photo - Louis J. V. Cicalese

Responsive vs Adaptive Web Design

Articles in Style and Layout | By Louis J. V. Cicalese

Published 9 months agoSat, 22 Dec 2018 02:35:48 -0800 | Last update 9 months agoSat, 22 Dec 2018 02:36:52 -0800

Profile Photo - August R. Garcia

Last Reply The sidebar on 256kilobytes.com is an example of the use of responsive design. Here is a commented excerpt from the code: /* --p-4 and --p-3... August R. Garcia,

The sidebar on 256kilobyt...

Sun, 23 Dec 2018 02:16:44 -0800 9 months ago
🗨
1
🐏
1
👁
432
Profile Photo - Some Guy

[Radio Buttons] How to Make a Buttonset (Without Using Bootstrap)

Articles in Style and Layout | By Some Guy

Published 10 months agoSun, 02 Dec 2018 03:43:38 -0800 | Last update 10 months agoMon, 03 Dec 2018 06:38:38 -0800

Profile Photo - August R. Garcia

Last Reply Very nice, as they say. August R. Garcia,

Very nice, as they say.

Sun, 02 Dec 2018 03:47:37 -0800 10 months ago
🗨
1
🐏
0
👁
261