20 Stunning Illustrations of US Soldiers

Advertisement

Well, I wanted to honor those who died and I was thinking of something that I could do, so I decided to blog about it. Here are 20 stunning illustrations of US Soldiers. Hopefully, while viewing these illustrations, we can remind ourselves of the great and ultimate sacrifice that these soldiers have given us. Let us also spend a moment to think about all those families who have just lost a loved one.

The last two designs are my favorite. The final illustration was actually created by a United States soldier who served the country in Iraq.

Note: Please click on the images to see more information and learn more about the artists.

Soldier

“I regret that I have but one life to give for my country.” – Nathan Hale

Soldier

“It is not what we take up, but what we give up, that makes us rich.” – Henry Ward Beecher

Soldier Letter

“Life’s most urgent question is: What are you doing for others?” – Martin Luther King Jr.

Soldier

“Not he who has much is rich, but he who gives much.” – Erich Fromm

Soldier Shooting

“Only a life lived for others is worth living.” – Albert Einstein

Soldier Holding Gun

“To give without any reward, or any notice, has a special quality of its own.” – Anne Morrow Lindbergh

Fallen Soldier

“We must want for others, not ourselves alone.”
Eleanor Roosevelt

Soldier Running

“What we do for ourselves dies with us. What we do for others and the world remains and is immortal.” – Albert Pine

Soldier Standing

“You can’t live a perfect day without doing something for someone who will never be able to repay you.” – John Wooden

US Soldier

“You make a living by what you get, but you make a life by what you give.”

Doughboys

“You must pay the price if you wish to secure the blessing.” – Andrew Jackson

Soldier Stare

“Our prime purpose in this life is to help others. And if you can’t help them, at least don’t hurt them.” – Dalai Lama

Under Attack

“The greatest use of life is to spend it for something that will outlast it.” – William James

Walking in the Forest

“The important thing is this: to be able at any moment to sacrifice what we are for what we could become.” – Charles Du Bos

US Marine

“There is no higher service than human service. To work for the common good is the greatest creed.” – Woodrow Wilson

Marine

“Sacrificing your happiness for the happiness of the one you love, is by far, the truest type of love.”

Army

“Sacrifice still exists everywhere, and everywhere the elect of each generation suffers for the salvation of the rest.” – Henri Frederic

Army

“Those things which are precious are saved only by sacrifice.” – David Kenyon Webster

Saving a Life

“In this time of war, and in memory of our fallen heroes, we must be mindful to do everything in our power to keep our troops safe as they keep us safe. We must do better to take care of their families, who sacrifice in ways too many count.” - John Kerry

Patrol

“Freedom is never free.”

↑ Back to top

Former editor in chief of Designinformer.

  1. 1

    Jonathan Christopher

    September 22, 2007 12:10 am

    I just wanted to note, as an additional reference, for your very comprehensive coverage, that I’ve written an additional piece regarding the semantics issue that has been brought up in this ongoing discussion.

    There are some great comment threads surrounding CSS frameworks, with a lot of very intelligent arguments coming from both sides.

    1
  2. 2

    Great article – thx a ton!

    0
  3. 3

    Thanx for providing nice article on this subject really loved it..

    0
  4. 4

    I feel like:

    CSS Reset Reloaded by Eric Meyer
    and
    font-size:62.5%; by Richard Rutter

    is all I need to get started.

    2
  5. 5

    very informative article, bookmarked it, thanks.

    0
  6. 6

    Thanks for covering this topic! I am currently redesigning my blog, and this is a very timely article as I decide whether to use a framework or not in redesigning the site. :) But then, all your articles are simply smashing.

    0
  7. 7

    Over the years I have created many CSS files and through that have built up a vast library of templates. My main CSS file is always basic styles etc. The next will always be more specific settings. I believe that by dividing the files up between basic and advanced helps keep you more organized.

    0
  8. 8
  9. 9

    Oddly enough, I created my own framework beginning last year to make my work easier. It’s not as fancy or complete as some of those others, but it does have some very nice features that they don’t have (as far as I know, anyway). The main goal was to have a two column layout that was source reordered, while simultaneously centered and resizable. Need to update it though.
    Perfect Layout

    0
  10. 10

    I’m using Blueprint CSS along with the Django Framework and some filters for advanced typography on a german site for life hacks.

    It’s so beautiful to read, but you have to remember, the CSS will only do part of it and not the whole job.

    0
  11. 11

    I agree with Matt (#4). I used Eric Meyer’s reset sheet and changed the font-size to 62.5% and everything works perfectly.

    0
  12. 12

    I recommend everyone to avoid using css framework. Any website should have its own css files, instead of generic ones. The reset or generic css files from Eric Meyer or the one from Tripoli worth a look. I recommend these css files for content layout only, not the template structure…

    0
  13. 13

    I am currently developing my own CSS framework. I think it is much more important to do that then use someone else’s as it demonstrates your capabilities along with ensuring a strong knowledge of the language (in this case CSS).

    0
  14. 14

    I would say frameworks are great if you have the time to learn them and you are already familiar with the CSS code. If you are somebody who wants to try to learn it all with the quick framework method, you won’t be able to troubleshoot.

    I think the best way to go about it is to develop your own framework – which is what people end up doing over time anyways.

    Good article.

    0
  15. 15

    Nice article. First I saw it on 24ways.org but not so well explained. 2 thumbs-up

    0
  16. 16

    Well-researched article, thank you!

    However, you’ve missed ESWAT.

    0
  17. 17

    Great article! It’s great to see an honest open minded article on this topic. I have spent a great deal of time learning CSS and find these frameworks a great way to produce sites that work out of the box and deliver product to the client in a more efficient/quicker manner.

    We can now concentrate on design and not browser bugs!

    0
  18. 18

    I was not aware that CSS Frameworks existed. I have bookmarked this article and I will definitely refer to it in the future. Thanks!

    0
  19. 19

    Just in time for me with this one. I was just thinking the other day as I was developing a site, that I need to develop a css framework, but you provided it here for me. thanks

    0
  20. 20

    blueprintcss is a very promising framework

    0
  21. 21

    Great article, as usual. I’ve been giving a lot of thought to using frameworks and have spent some time with Blueprint and YUI. There’s some good work going on in the field and I have taken some of the ideas and incorporated them into my work.

    I think that instead of making a one size fits all framework, I’m more inclined to build a library of reusable text and layout styles that I can plug and play into a site.

    It starts with a reset modeled on Eric Meyer’s then a standard HTML element set of styles. I’ve been using the List-a-matic menu conventions for my navigation and have been saving some layout patterns with consistent naming of id’s and classes. The patterns are installed in my editor’s clippings library and ready to include with a few keystrokes. Common IE bug fixes are in their own library and ready to include.

    It certainly takes longer to build your own library than to learn how to use a framework but doing so brings the advantages of reusability and completeness and avoids the bloat of unused classes that a framework needs to include. It’s a work in progress that began with a site I built a year ago and have added to with each new design. So I’m not sitting down and trying to build a library but saving the best parts of sites as I go.

    0
  22. 22

    Global resets and font-size 62.5% is where I always begin.
    Everything else is the fun part!

    Great article none-the-less.

    0
  23. 23

    What a coincidence! I just thought of developing my own framework before going to bed last night…and here I am reading this article! What are the odds of that happening?

    Thanks! At least now I know it’s called “frameworks” and although you gave a lot of predeveloped frameworrks to begin with, I’d still prefer to make my own.

    0
  24. 24

    another awesome article. Thanks guys.

    0
  25. 25

    I’ve been thinking about frame works recently and how to create a typography style sheet where you would only need to change the font-size, line-height and margins once (on the body element) and all subsequent elements would cascade to maintain the vertical rhythm.

    I set my line-height in pixels on the body element and it resized along with the font-size in Firefox!

    I’m unsure as to the next steps though…

    0
  26. 26

    Jean-Philippe Encausse

    September 24, 2007 9:53 pm

    Hi !

    Does any body know a serious website that list naming convention for css classes/ids ? In a large scope:

    - For layout: #Wrapper, #page, #column
    - For look: .colored, .float,
    - For …

    I’m not exactly talking about CSS Framework, the goal behind this is to design a generic part of a web site with a kind of css “contract” for other developers.

    Example ?
    - Login form of application
    - Facebook layouts
    - Generic poll design
    - …

    Regards,
    Jp

    0
  27. 27

    Further to my last comment, if you specify the margin-bottom in ems (say, 1.5) and then set margin-bottom to inherit on your headings and paragraphs, it should maintain consistent vertical rhythm.

    Working in Firefox.

    0
  28. 28

    “Assuming use of additional style sheets, these “reset” or “undo” style sheets are rarely necessary, and the redundancy created is probably neither wise nor professional”, may I even cite a recent UA CSS post … CSS frameworks and CSS “resets” may be seen useful in certain cases, but of course, they’re never an efficient solution (or even “the best”). Which might make them a real taboo anyway …

    However, nice roundup for everyone interested in the matter.

    0
  29. 29

    It seems like a lot of designer’s forget about print media these days. It would be nice for example, to print these articles without the comments, or perhaps hide things that don’t make sense on the printed page (e.g. navigation). Just a thought…

    0
  30. 30

    Nice post, too many tools to choose from 0_o

    0
  31. 31

    Oh forgot to mention NICE new layout! :)

    0
  32. 32

    You can also check out Wireframe which was developed from Blueprint and is moving in a new direction based on every new interface I develop with it.

    Basic improvements to Blueprint is the reduction of code bloat, fully customised grid settings, classes to deal with horizontal alignment issues(particularly in forms), improved grid structure to deal with graphic design assests and a class/es to id converter.

    0
  33. 33

    My company have a dozen of web designers who design websites with tables for layout. I was discourage with the way the code was made out there. The codes were so crappy, damn it !. I’ve decided to try all the CSS frameworks available on the net to make them available in my company and then provide a consistent look across all the website we would be making. Unfortunately, all the framework, I’ve tried break the table design. Some of them were horrible in display.

    I’m now sticking to Eric Meyer only global reset CSS with some added CSS to make it pertain to my company…

    0
  34. 34

    It seems like a lot of designer’s forget about print media these days. It would be nice for example, to print these articles without the comments, or perhaps hide things that don’t make sense on the printed page (e.g. navigation). Just a thought…

    0
  35. 35

    Hi, I’ve done a french translation of this greaaaat article on my blog! http://www.css4design.com/blog/index.php/2007/10/01/128-frameworks-css-reset-css-design-from-scratch
    Thanks again for the cool content you provide.

    0
  36. 36

    Is there any CSS framework for web designers that design with tables?

    0
  37. 37

    @shane If you’re still designing with tables it’s time to update your skillset.

    0
  38. 38

    @jef tables are good : I’ve put all of them in my chimney ;)

    0
  39. 39

    Just a note about last efforts on getting a Logic CSS Framework. It actually implements good typography and a totally flexible grid (em, % or px) thru a grid builder. If anyone cares, please take a look.

    Cheers !

    0
  40. 40

    everyone have their own’s habit,css Framework dosen’t fit for me!

    0
  41. 41

    Another good start for CSS-framework is here[1]

    The polarizer

    [1]http://intensivstation.ch/en/

    0
  42. 42

    hmm nice article, very interesting… hmm own framework….

    0
  43. 43

    Excellent article.
    I liked the Christian Montoya article so much.

    0
  44. 44

    Great article indeed!!!

    0
  45. 45

    Dennison Uy - Graphic Designer

    January 6, 2008 9:55 am

    I personally am not a big fan of frameworks, but if you work with a team enforcing frameworks is a good way of getting things done consistently and getting everyone up to par when it comes to CSS standards.

    0
  46. 46

    Nice idea, but I think, that almost all web sites or applications have own detailed stylesheets and there is some trouble to make one, perfect stylesheets for every html document.

    0
  47. 47

    Nice. While searching stuff to write about, did you happen to see any scientific articles about CSS Frameworks or reuseble web design / user interfaces? This is an interesting thing and I consider studying the subject for my master’s thesis. It seems there’s not much scientific, valid research on this matter. Yet reusable user iterface / layout components should be in the interest of many if you think about how huge the industry and opportunities are.

    0
  48. 48

    nice article. worth a try.

    0
  49. 49

    Great Article I Use Blueprint.

    0
  50. 50

    Nice article, in my opinion a css framework would only make sense on a large scale project where you have low to medium quality personnel working on this part of the project.

    0
  51. 51

    Nice.

    Iove to read this.

    0
  52. 52

    I think CSS frameworks can be great for beginners, but for professionals they are just “too much” and too restrictive. (Although they are still good learning material.)
    That is why I wrote one myself: CiSSi. (It is more a “master template” than a “framework”, really.)

    0
  53. 53

    Juan Manuel Lucero

    April 14, 2008 4:38 am

    What about 960gs?
    Seems very promising too!
    960 Grid System
    It has some PDF’s to print too.

    0
  54. 54

    Yet another framework: BlueTripCSS Link

    0
  55. 55

    I think it’s a nice way to make all browsers understand your design the same way. Personnaly, I use typography from blue print css to get a clean design for all basic html tags then I make one of my own because I’m not used to design websites with grids yet.

    0
  56. 56

    Not my cup of tea. I neither do templates nor web 2.0 simple-style-sites, each one of my design’s pretty different and I consider coding a site from zero as pro approach.

    0
  57. 57

    Two Rockin’ CSS Grids mashed into one framework – 960.gs & Blueprint… http://rant.cc/TwP – 960.gs has both 12-column or 16-column grids ready to go. While Blueprint has more comprehensive element styles, a 18px baseline grid, and a few additional settings (e.g. the “pull” class to break outside the grid). So, I’ve taken the elements that I like best about each css framework and mashed them together into one.

    0
  58. 58

    I have started looking at CSS frameworks and reset style sheets lately, and I have come to a basic conclusion.

    Why reset? Set instead. Simply put, replace your reset style sheet with one that SETs all the basic styles to the defaults you would like to start from instead. You still get a good baseline across browsers by setting all your styles to a standard format. I just don’t see the point of doing something to force me to specifically undo it later. I would much rather start with a style sheet that has a reasonable starting point that overrides the differences between browsers while at the same time making elements appear as I would expect them to everywhere.

    So how about we see the death of the reset style sheet and the birth of frameworks with set style sheets. I think I will work on creating my own set.css in the near future.

    0
  59. 59

    very very useful articles thanks …

    0
  60. 60

    Right now a new project has started and I compared a lot of (maybe not all) frameworks, to see wich fits my needs the most. But unfortunately none of them does fits my special needs enough to be my choice. So I have to do it by my slef again, but I’m ok with that.

    I’m not shure what to think about those resets.
    Sure, as seen above “Why reset? Set instead.”
    Reseting is too much…
    No reset messes everthing up…

    So I use to start with the reset und if a selector needs to be set I move it to my “setstyle”.
    So the reset only fixes the unused/unstyled/unset parts.

    And for now I’m doin’ well with that.

    0
  61. 61

    Inspiring and creative article

    0
  62. 62
  63. 63
  64. 64

    This is completely ridiculous. There isn’t such a thing as a CSS framework. You have no configuration files and not way to interject any process.

    What we have is copy&paste. And copy pasting a few strings of text does not make a framework. Plz!!!

    0
  65. 65

    Mushex Antaranian

    February 12, 2009 6:13 pm

    thanks man, it’s really useful..
    and what about jQuery UI (Link )

    0
  66. 66

    I like the idea of a reset css, I don’t know how fond I am of the css frameworks in general. I end up putting (with blueprint css) class=”span-10″
    How is that really any different than style=”width:400px” or even width=”400″ for that matter.

    Don’t get me wrong, I am not advocating the use of tables in layouts, rather I am saying that the point of css is to separate the data (html) from the presentation (stylesheet). A good css design should allow the designer to completely redo the design without ever needing to modify the html. Most of these frameworks don’t allow this. If you decide that you want to change the layout from a 66%/33% column layout to a 75%/25% layout then you have to modify the html. This goes against the whole purpose of css.

    0
  67. 67

    Moataz El Wesimy

    April 13, 2009 1:32 am

    a very interesting one as well is Mechano Mechano CSS Framework

    give it a look, it is not a Copy / Paste code.

    the main idea behind Mechano or any other ” Good ” CSS Framework relies on the Designer or the UI Developer who is using the framework, it is only a tool that saves your time from writing the same code each time and keeps your layout bug free with minimum effort.

    0
  68. 68

    Nice Tutorial.

    0
  69. 69

    flexible framework Nivel Style

    0
  70. 70

    There is also a small blueprint tutorial written in german.
    You can find it here: Link [www.cssguru.de]

    0
  71. 71

    Resets seemed cool to me at first but a major gripe of mine is the big mess of inherited css clogging up my firebug style panel when debugging. Anyone know how to remedy that?

    0
  72. 72

    ths for intro…

    0
  73. 73

    I used Blueprint CSS for a major website: the new CCA – Canadian Centre for Architecture. The site has a minimalist aesthetic with a lot of varying templates – over 18 basic configurations in all – that all adhere to the same basic grid – which is wrapped in a semi-liquid, multi-column layout. For the liquid elements of the site, I created my own solutions. But for most of the site BP was the obvious choice. For fixed width, pixel oriented layouts its great, and I wouldn’t characterize it as cluttered at all. As a professional with a lot of CSS experience on some very major sites, I’ve used multiple frameworks: YUI and BP, as well as my own custom CSS (which of course is required in every project, framework or no). Part of that means that if you find a framework cluttered, you un-clutter it a bit – its provided as is, its your responsibility, if you’re using it to clean if up if you see fit. Now, I’m going to go into a bit of a rant about frameworks here.

    To be honest, I find the whole idea that frameworks aren’t for professionals to be utter BS. YUI is developed by a major corporation that is a cornerstone of the net as we know it and is used by Yahoo on all of their sites… I doubt anyone here would consider them unprofessional. YUI is great by the way for liquid layouts – I used it on a very complicated (layout wise) site created for the Quebec government. Furthermore, BP has been used on many a major project, which presumably were all overseen by professionals like myself. As with any code, you must re-factor, and customize, and ultimately it should be minimized/compressed, but the idea that BP or YUI are not production ready is ludicrous. If you make the effort, either of these frameworks are more then flexible enough to handle just about any layout. To some extent, I think that the bias against frameworks boils down to arrogance. Face it, there are a million ways to skin a cat but speaking as a ‘pro’, there’s always a good chance someone else has figured out how to do it better, and by not acknowledging that you’re just shooting yourself in the foot. I could site a million examples of this, but I’ll just name a few from a different little world – JavaScript. How many ‘pros’ would care to try to reinvent all of the methods, objects and functions provided by: EXTJS, Mootools, JQuery?? The answer is probably zero. Sure, thousands of people patch, create modules, or customize all of the above (I have myself) but throw them out entirely because it seems some how more professional, no way! Oh yeah, and one more little example you might of heard of: Ruby on Rails! In my experience professionals use the tools that get the job done, and do not dogmatically adhere to only one approach. Just my opinion I guess, but one that I think is widely shared in other languages/technologies and ought to be more prevalent in CSS.

    0
  74. 74

    RobotAyatollah
    I totally agree with you. I work with CSS since a long time, and i think that the framework approach can be used in a very interesting way. There’s only place for improvements, and someone had to prepare the ground..

    0
  75. 75

    Umm, interesting, I cn consider myself a CSS-noob, I’ll try the BlueprintCSS framework, seems interesing.

    Will try!

    0
  76. 76

    RobotAyatollah got it right. A professional uses the best tool for the job giving the customer the best value for their money. To say that professionals don’t or shouldn’t use a framework is like telling a carpenter not to use an air nailer because you can do the same job from scratch, ie. use a hammer. Sometimes no doubt the good old hammer is called for. But it’s also clear there are many times the air nailer is the superior tool and should be used. The customer is nearly always only interested in getting the most for their money and if using a framework to get the job done quicker without paying a maintenance or performance penalty then it’s the right thing to do.

    0
  77. 77

    RobotAyatollah : I totally agree with you. As a new CSS developer I feel that some frameworks do an excellent work. Why people try to reinvent the wheel only to prove their are good, or professional enough?

    The final product and the result matters.

    And If myself as a new developer, manage to create a superb project with the help of a framework that it will take the same time as it will take for A PROFESSIONAL to build from scratch, then really who is the winner?

    By the way RobotAyatollah I love your work. Great stuff !!

    0
  78. 78

    Thanks for the tribute and for putting it together. It is really touching. I think my favorite is the second from the last. It says so much.
    .-= Douglas Neiner´s latest Blog Entry – Email and a Business Manager =-.

    0
  79. 79

    Yes, that second one is one of my favorites as well. It is done so well. I can’t even imagine how long it took to do that. The author says it took her 50+ hours.

    0
  80. 80

    Very nice! love these illustrations and the different styles used, excellent memorial.
    .-= loswl´s latest Blog Entry – Free Motion Graphics Backgrounds of Zach Fonville =-.

    0
  81. 81

    Thank you to the men and women that put their lives on the line for us!

    0
  82. 82

    “Our prime purpose in this life is to help others. And if you can’t help them, at least don’t hurt them.”
    the image is best and the sentence
    .-= beijingphoto´s latest Blog Entry – Teapot Crafts =-.

    0
  83. 83

    @Noel – Just checked out your portfolio site and it looks awesome. Very unique!

    0
  84. 84

    Excellent collection. A very fitting post indeed. Some of the drawings have phenomenal detail!

    0
  85. 86

    That’s truly stunning illustrations. But I think the quote is even better.

    0
  86. 87

    Wow, excellent, but even more, moving! Very nice collection!
    .-= Brandon Cox´s latest Blog Entry – Introducing a Community Blogging Links Feed =-.

    0
  87. 88

    These are wonderful drawings of our US military might. I loved everyone of them…I have three sons in the military…my oldest son, the US COAST GUARD(8YRS)…my middle son, US AIRFORCE(1YR), my youngest son,US COAST GUARD(6YRS). Our US military is made up of different races…and all put their lives on the front line to keep America a safe place to live, as well as other countries. Next time, add a little more variety that shows the diversity that make up our US military might, including women.
    lakerstyle…..

    0
  88. 89

    @Do & @Brandon – Thanks for the comments.

    @LAKERSTYLE – Thanks! I’m glad you liked it. I would add a little more diversity but these are the best that I could find. :)

    0
  89. 90

    Great thing,thank you :)

    0
  90. 91

    I’m a military artist based in Houston Tx. and I would love to share my work with you. How can I post my paintings on this page?

    0
  91. 92

    Can any one suggest me which one is easy and flexible framework ?

    0
  92. 93

    Nice article. thanks for sharing….

    0
  93. 94

    Nice artilce

    0
  94. 95

    Wow! What great artwork.

    0
  95. 96

    …the web is the biggest farce for layout problems known to mankind.

    0
  96. 97

    …in fact alot of the layout issues known for web are to do with microsoft, they have a lot to answer for with regards web users and designers alike. If anything…microsoft do very little to help make the web move forward toward a standardised situation, but rather hinder the basics…also the fact that web browser developers can’t bash their heads together for once, goes some way to indicating what sort of organizations and personalities your up against…total joke!

    0
  97. 98

    Hey i really like your illustrations they are really cool ….well i design cars or i am doing studies on transportation ..and at the moment i am in a competition designing a combat support vehicle …i want to get permission if i can use some of these images on my entry here is a link for my entry …( http://www.local-motors.com/entry.php?e=3211 ) basically we are allowed to update our designs , we can comment and submit images so i am working on my update and i saw these images they work with my entry ,…let me know what you think and feel free to ask further questions

    Thank you

    0
  98. 99

    the coolest pictures i ever saw. i drawed some of the
    them .

    0
  99. 100

    Awesome! thanks for creating this write up!

    0

Leave a Comment

Yay! You've decided to leave a comment. That's fantastic! Please keep in mind that comments are moderated and rel="nofollow" is in use. So, please do not use a spammy keyword or a domain as your name, or else it will be deleted. Let's have a personal and meaningful conversation instead. Thanks for dropping by!

↑ Back to top