background preloader

Color Hex Color Codes

https://www.color-hex.com/

Related:  Check This!CSSgraphicsHTML

Intimate, Painterly Photographs of London Bus Passengers On Their Nighttime Commute Photographer Nick Turpin‘s series Through a Glass Darkly takes a different approach to candid street photography than we typically see. Turpin captures London bus commuters on their way home after a long day, and his photographs are at once artistically compelling and potentially controversial. Is this voyeurism? Inner Shadows in CSS: Images, Text and Beyond Shadows in CSS are quick and easy, whether you’re slapping on a box-shadow or a text-shadow. But how comfortable are you with inner shadows? Can you pull off an inset box-shadow? How do you do the same thing on some text? Today we’re going to learn some really simple inset shadow techniques that you can pull off with just a few lines of code.

9 creative font trends for 2019 - 99designs Infusing beautiful typography into your design is the one of the most effective ways to communicate as a brand. That’s why keeping up with the latest font trends is absolutely essential. Creative fonts can not only carry your message, but they also make a visual impact and evoke emotion.

blending-modes-in-css-color-theory-and-practical-application You might be familiar with “blending modes” if you’re a Photoshop user; they allow you to combine layers in different ways and they’re great fun to play with. Blending modes in CSS, however, aren’t supported universally, but they are certainly on their way. In this tutorial, we will learn how blending modes work and the different ways you can implement blending modes using CSS. If you’ve never encountered blending modes, the way they work may seem a bit elusive.

The Photography Show and Magnum Photos Present "30 under 30" Magnum Photos and The Photography Show are inviting IdeasTap members to enter an exciting competition to identify 30 of the best emerging documentary photographers aged 18-30 internationally. This competition will recognise and provide exposure for new photographic talent. The competition prizes will have an emphasis on career development, networking with industry contacts and maximizing on opportunities.

Introducing CSS Scroll Snap Points By Sarah Drasner On Before this new CSS I'm about to introduce existed, locking an element into the viewport on scroll required rigging up some JavaScript. As you may know, JavaScript has a well-earned reputation to be tricky when paired with scrolling behavior. A guide to understanding and creating grid systems There is an underlying principle to designing layouts effectively and that is the humble grid. Grids are everywhere and you’ve most likely not noticed them or paid much attention to them, that’s because a grid isn’t there to be the star of the show. The grid is there to guide you in creating the star. One of the simplest grids that you most likely use everyday is a simple piece of lined paper. It’s tough to write neatly on a blank piece of paper, the lines guide you to write better and thusly create a better document.

40 Movies about photography every photographer should watch Film making and photography go hand-in-hand. In film making, the art of cinematography is lost with photography. The skill to present moving images in such postcard-like material is in itself a direct descendant of the art of still-photography. If a photographer truly wants to improve his or her craft, they need to study how filmmakers and cinematographers captures moving images on the screen. How to Make Magic, Animated Tooltips With CSS Tooltips are a great way to enhance a UI when your users need some extra context for that fancy icon, or when they want some reassurance for clicking a button, or maybe an Easter Egg caption to go along with an image. Let’s make some animated tooltips, right now, with nothing but HTML and CSS. Here’s what we’re working towards: Before we get immersed in the cauldron, let’s take a peek at what we’re actually brewing. The main goal is to have a simple way to add a tooltip, so we’ll do that by adding a custom tooltip attribute:

Preface: Elementary Introduction to the Wolfram Language I’ve been explaining what’s now the Wolfram Language to people for more than 25 years, and I finally decided it was time to take what I’d learned and write a minimal introduction that people could read on their own. This book is the result of that effort. When we first launchedMathematica—the precursor of the Wolfram Language—in 1988, I published a book that provided both a tutorial introduction and reference guide to the system. The book was very popular and I think contributed substantially to the early success of Mathematica. Over the next decade or so, The Mathematica Book, as it came to be known, went through five editions, and steadily grew until it was nearly 1500 pages long.

6 ideas from creative thinkers to shake up your work routine Every seven years, designer Stefan Sagmeister (TED Talk: The power of time off) closes his New York design studio for a year-long sabbatical. During each sabbatical, he pursues “little experiments, things that are always difficult to accomplish during the regular working year.” The effect on Sagmeister’s studio has been profound. “Basically everything we’ve done in the seven years following the first sabbatical came out of the thinking of that one single year,” he says. Don’t think you can take a year-long sabbatical? Below, 6 easier ways to recharge the creative spirit.

What You May Not Know About the Z-Index Property The z-index property in CSS seems simple enough, but there's a lot to discover beneath the surface if you really want to understand how it works. In this tutorial we'll clarify the inner workings of z-index, by looking at stacking contexts and a few practical examples. CSS provides three different positioning schemes for the layout of boxes: normal document flowfloatsabsolute positioning The last completely removes an element from the normal flow and relies on the developer to tell the element where to display. Print Archives - FolderFolder Delfino Sisto Legnani is an architect and photographer based in Milan. Graduated in Architecture at the Politecnico di Milano, has worked with several photographers and architecture / design studios such as Ramak Fazel, Onesite studio, Giancarlo Floridi, CLS architetti, PN Studio. [...]

Responsive Web Design Tools, Techniques, Templates and Frameworks The need for excessive on the go mobile browsing, and an excessive amount of devices now allow for a responsive web design corresponding with the website. Web designers and web developers today have to design websites that are functional across multiple screen resolutions. That means websites should be available for browsing on smartphones, tablets, netbooks, or standard monitors, without losing their screen resolution, according to the user’s screen size. Multiple viewing mediums have certainly made the job a tad more difficult for the modern web designer. A responsive web design will ideally allow the website to be viewed and respond according to the medium that is being used to view it, so for example if a user is browsing the website on a 320px smartphone, or 768px or 1024px tablet, or a 1680px netbook or monitor, it will respond and look the same way. So, how do you go about designing a responsive web design?

Related:  designGraphismeOUTILS WEB ET EXTENSIONS