Advertisement
Some shots from the Epic, Warmaster, Man O'War and Necromunda games from this year's Adepticon. Enjoy!
Website Updates
Advertisement
Over the last few years I've been trying to increase the accessibility of my site. I have 25 years of web pages that I maintain so it was a lot of work to do all at once. I split it up into multiple phases:
- Phase one: I converted 85% of my pages to use a "responsive layout", which takes into account the reader's browser size. I converted pages that had a 600px width and were relatively easy to convert to a variable
pxbased layout. My focus was to write responsive CSS rules that smoothly varied the layout and font size based on browser width. I wrote my notes on how to do this. - Phase two: I tackled the 15% of pages that were more difficult to convert, because of their use of non-standard layout, or interactive diagrams, or iframes, or anything else that made it difficult. I wrote a blog post about this. I still used a
pxbased layout. - Phase three: I'm ready to switch from a
pxbased layout to arembased layout.
This is how I often make progress past "analysis paralysis": I break the problem down into smaller, simpler ones and then work on them one at a time.
Browsers default to 16px fonts typically. Most people don't change the default. But some do. Around 3%. My site had overridden the reader's preferred font size and then set the layout based on my font size.
I have the page layout link the font size and the paragraph width.
- For narrow browsers, below 550px, the paragraphs are the width of the browser, with a narrow margin. The font is 10px.
- For medium width browsers, the paragraphs gain some space, but the margins also gain some space. The font grows along with the paragraph.
- For wide browsers, above 1000px, the paragraphs are capped at 660px, and the rest goes to the margin. The font is capped at 20px.
I wanted to keep this variable font size but make it scale with the reader's preferred font size. Note that I'm not displaying at the browser font size, but instead scaling my variable font size (10px to 20px) based on the ratio of the browser font size to the default. If the reader has set the font size to be 20% larger than the default, then my font sizes will be 20% larger, so 10px becomes 12px and 20px becomes 24px. I made the layout match the font size change by changing the "breakpoint" sizes and the paragraph sizes to use rem units instead.
Since the browser defaults to 16px = 1rem, the simplest thing to do is to divide all px sizes by 16 to make them rem units. For example, the paragraph size of 660px becomes 660÷16 = 41.25rem. However, that doesn't handle all the corner cases.
Sizes inside diagrams, including font sizes and line widths, were already scaled to the diagram's size. And I made the diagram's size responsive to the browser size in phase two. So that means sizes inside diagrams should stay as px units.
Secondly, on some versions of Safari, @media queries work better with em sizes than with rem sizes. So I used em for those.
Third, I had picked sizes like 600px because it was a nice round number. Converting it to 34.375rem makes me wonder: does it really need to be 600px, or could it have been 35rem. This is similar to a problem with Metric vs English units. Why does Coca Cola have 12oz cans (355mL) but 2L bottles (67.6oz)? It's a "nice" number in one unit but not the other. I had previously used px so I picked sizes that were nice in that unit, but now that I'm using rem I may change the sizes slightly to be nice in that unit instead.
I first made this change on my main stylesheet that I share for all my pages, then went through hundreds of pages and made individual adjustments to them. Since my diagrams are generated in Javascript, I also had to adjust the code for some pages to work.
I tested this change by changing my browser's default font size and then browsing my pages. I think it works pretty well. If you see any layout issues, let me know!
Download Battlefield V For PS4
Advertisement
Download Battlefield V For PS4
P30DAY
Enter mankind's greatest conflict with Battlefield™ V as the series goes back to its roots in a never-before-seen portrayal of World War 2. Take on all-out multiplayer across the world or witness human drama set against global combat in single player War Stories.
Release Date: Out NowGenre: Shooter
Developer: DICEPublisher: Electronic Arts
DOWNLOAD - Region USA PSN - Battlefield V FOR PS4 | SIZE: 33.4GB
| # | SIZE | TOPEPICGAMER BLOG SERVER |
| 1 | 2GB | DOWNLOAD |
| 2 | 2GB | DOWNLOAD |
| 3 | 2GB | DOWNLOAD |
| 4 | 2GB | DOWNLOAD |
| 5 | 2GB | DOWNLOAD |
| 6 | 2GB | DOWNLOAD |
| 7 | 2GB | DOWNLOAD |
| 8 | 2GB | DOWNLOAD |
| 9 | 2GB | DOWNLOAD |
| 10 | 2GB | DOWNLOAD |
| 11 | 2GB | DOWNLOAD |
| 12 | 2GB | DOWNLOAD |
| 13 | 2GB | DOWNLOAD |
| 14 | 2GB | DOWNLOAD |
| 15 | 2GB | DOWNLOAD |
| 16 | 2GB | DOWNLOAD |
| 17 | 1.4GB | DOWNLOAD |
– GAME ID: CUSA08724
Password: After 10$ payment is done
Age Of Empires 2: HD Edition Free Download
Advertisement
Age of Empires 2: HD Edition - is a real-time strategy game developed by Ensemble Studios and published by Microsoft. Released in 1999 for Microsoft Windows and Macintosh, it is the second game in the game series.
In Age of Empires II: HD Edition, fans of the original game and new players alike will fall in love with the classic Age of Empires II experience. Explore all the original single player campaigns from both Age of Kings and The Conquerors expansion, choose from 18 civilizations spanning over a thousand years of history, and head online to challenge other Steam players in your quest for world domination throughout the ages. Originally developed by Ensemble Studios and re-imagined in high definition by Hidden Path Entertainment and more.
• In this Video game: Graphics are a Nice improvement, But most important is that everything Seems more in scale.
• Featuring new unit associated with the different civilisation allow you to quickly change the character of the game.
• Microsoft does it Better than other makers of entertainment Software. You can Assign numbers to groups of units.
• Part of the learning: there are Definite advantages to some civilisation and diplomacy can be extremely important.
• Extensive and Most welcome are settings allowing you to Take Maximum advantage of very high performance PC.
Game is updated to latest version
Included Content
▪ Age of Empires 2: HD Edition - The Forgotten
▪ Age of Empires 2: HD Edition - Rise of the Rajas
▪ Age of Empires 2: HD Edition - The African Kingdoms
▪ Age of Empires 2: HD Edition - Rise of the Rajas
▪ Age of Empires 2: HD Edition - The African Kingdoms
2. GAMEPLAY AND SCREENSHOTS
♢ Click or choose only one button below to download this game.
♢ View detailed instructions for downloading and installing the game here.
♢ Use 7-Zip to extract RAR, ZIP and ISO files. Install PowerISO to mount ISO files.
AGE OF EMPIRES 2: HD EDITION DOWNLOAD LINKS
PASSWORD FOR THE GAME
Unlock with password: pcgamesrealm
4. INSTRUCTIONS FOR THIS GAME
➤ Download the game by clicking on the button link provided above.
➤ Download the game on the host site and turn off your Antivirus or Windows Defender to avoid errors.
➤ Once the download has been finished or completed, locate or go to that file.
➤ To open .iso file, use PowerISO and run the setup as admin then install the game on your PC.
➤ Once the installation process is complete, run the game's exe as admin and you can now play the game.
➤ Congratulations! You can now play this game for free on your PC.
➤ Note: If you like this video game, please buy it and support the developers of this game.
Temporarily disable your Antivirus or Windows Defender to avoid file corruption & false positive detections.
(Your PC must at least have the equivalent or higher specs in order to run this game.)
• Operating System: Microsoft Windows 10 | Windows 8.1 | Windows 8 | Windows 7
• Processor: 1.2GHz Processor or any faster processor for better gaming experience
• Memory: at least 1GB System RAM
• Hard Disk Space: 2GB free HDD Space
• Video Card: Direct X 9.0c Capable GPU or any faster video card for better performance
Supported Language: English, French, Italian, German, Spanish, Portuguese-Brazil, Dutch, Russian, Korean, Simplified Chinese and Japanese language are available and supported for this video game.• Processor: 1.2GHz Processor or any faster processor for better gaming experience
• Memory: at least 1GB System RAM
• Hard Disk Space: 2GB free HDD Space
• Video Card: Direct X 9.0c Capable GPU or any faster video card for better performance
If you have any questions or encountered broken links, please do not hesitate to comment below. :D
Subscribe to:
Posts (Atom)