Wicked Color Picker
Chris has a nice post with links to online color pickers. After looking at them, ColorMatch Remix seems to be the best one. Of course, ColorMatch's inspiration looks pretty good too.
The Angular Mini-Book is a
guide to getting started with Angular. You'll learn how to develop a bare-bones application, test it, and
deploy it. Then you'll move on to adding Bootstrap, Angular Material, continuous integration, and authentication.
Spring Boot is a popular framework for building REST APIs. You'll learn how to integrate Angular with Spring Boot and use security best practices like HTTPS and a content security policy.
For book updates, follow @angular_book on Twitter.
The JHipster Mini-Book is a
guide to getting started with hip technologies today: Angular, Bootstrap, and Spring
Boot. All of these frameworks are wrapped up in an easy-to-use project called JHipster.
This book shows you how to build an app with JHipster, and guides you through the plethora of tools, techniques and options you can use. Furthermore, it explains the UI and API building blocks so you understand the underpinnings of your great application.
For book updates, follow @jhipster-book on Twitter.
10+ YEARS
Over 10 years ago, I wrote my first blog post. Since then, I've authored books, had kids, traveled the world, found Trish and blogged about it all.
RECENT ENTRIES
- 20 years ago today, I bought a VW Bus
- 2023 - A Year in Review
- Goodbye, DU House. Thanks for all the memories!
- Happy Birthday, Abbie!
- Summer 2023: Colorado, Montana, and Cape Cod
- Happy Birthday, Jack!
- Farewell to the 2022-2023 Ski Season
- The Angular Mini-Book 3.0 is now available!
- The JHipster Mini-Book v7.0 Released!
- 2022 - A Year in Review
CSS Drop Shadows
A List Apart has a new article on how to make CSS Drop Shadows that work in IE. The first article shows how to do it for all the other browsers. I dig the technique, so I've decided to use it on this site. To add it, all I did was add the following to the <head> of this page:
<style type="text/css">
div.alpha-shadow {
clear: both;
float: left;
background: url(http://www.alistapart.com/d/cssdrop2/img/shadow.gif) no-repeat bottom right;
margin: 5px 0 0 10px;
}
div.alpha-shadow div {
background: url(http://www.alistapart.com/d/cssdrop2/img/shadow2.png) no-repeat left top !important;
background: url(http://www.alistapart.com/d/cssdrop2/img/shadow2.gif) no-repeat left top;
float: left;
padding: 0px 6px 6px 0px;
}
div.alpha-shadow img {
background-color: #fff;
border: 1px solid #a9a9a9;
padding: 4px;
margin: 0;
}
</style>
<!--[if gte ie 5.5000]>
<link rel="stylesheet" type="text/css" href="http://www.alistapart.com/articles/cssdrop2/ie.css" />
<![endif]-->
Then I wrapped the following image with:
<div class="alpha-shadow"> <div><img src="..." alt=""/></div> </div>
If I decide I like this, I'll make sure and download the images/stylesheets locally so not to hog bandwidth from alistapart.com. Too bad there's not a technique to make text drop-shadows work. To see what I mean, see my Struts Resume demo. All the <h1> tags (titles) should have a drop-shadow - and they do in Mozilla, Firefox and Safari (but no go in IE).
The real question is - how do I get it to NOT float:left, but still get the drop-shadows to work? I guess I'll have to ask that question on alistapart.com.
Hmmmmm, my version doesn't work in Safari, what's up with that?!