Atelierbram
-
Static Site Generators
@nosecreek If you're small business site can be a one-pager then Leeflets looks promising ( still in beta ). Leeflets blog on google+ introduction video's podcast an introduction with video
-
Responsive line & points along that line
Maybe try SVG instead of png. Did you also try background-size: cover ?
-
Fixed Menu: Moving the Content Down
Just set the overflow on the center wrapper
-
Single page website smooth transition to anchor link?
@CodeGraphics : Had the same issue, but found this pane on the left side that says: External Resources. Turns out that it includes no less than 3 external javascript files ... , and btw it's almost identical to the one I mentioned above on Gith…
-
How to make a rollover imge with tooltips?
@alina12 : I'm afraid Layout in CSS and HTML is a bit more complicated then just copy and paste; there are many books on the subject. However I did update my Codepen to something that comes close to that team-portrait gallery that you want to r…
-
Help with jquery-magicline-navigation
@CrocoDillon Yes you cracked it! @hal8 : either remove the list element from line 33 in style.css div, article, section, header, footer, nav /*, li */ { position:relative; } ( Can maybe also remove that block all together; it's a bit …
-
How to make a rollover imge with tooltips?
In modern browsers you can combine CSS sprite hover effects with pure css tooltips . See an example of this here .
-
Help with jquery-magicline-navigation
@hal8 Seems that my previous suggestion was not correct, since I can not reproduce the issue here in this Codepen, where I tried to isolate the problem, but which just works strangely enough. Maybe you can try to temporarily disable some of the othe…
-
Help with jquery-magicline-navigation
When you remove the bit about the background-color backgroundColor: $magicLineTwo.data("origColor") , and the comma on the line before in example.js then it should be good. It's probably because you are not including/using the jquery.…
-
Single page website smooth transition to anchor link?
@figureo56 : You could still use Ben Alman's great jquery-hashchange-plugin to be able to set active links 'when coming in from outside' ( if you would change you're mind, and want to create additional webpages ), otherwise bett…
-
Active page navigation triangle. help.
@attilahajzer : It's the overflow: hidden on the list-element that keeps the :after elements out of sight. So if you could give the parent list-element of the active link a class, and set it to overflow: visible , and change the position on the…
-
Which google font is the closest to Brandon Grotesque?
Some geometric sans-serif fonts on Google webfonts: Didact Gothic Dosis Muli Questrial Quicksand Josefin
-
Full Width Background Color
Have to look at breakpoints in media queries I guess . This kind of setup with 'max-width media' queries and 'layout engine' dependencies only gets more complicated over time, I find. In the end it's feels so much better an…
-
Issue with "Inner" div that sets a 20px Padding inside parent div
@Keilowe The CSS flexible box layout module, commonly referred to as flexbox, gives us a brand new layout mode in CSS – flex layout. It has been designed to make it easier to layout complex applications and webpages. Quote above ( are the fir…
-
Issue with "Inner" div that sets a 20px Padding inside parent div
Nothing to fix here, but I know what you mean, ... but just consider clearing a feature of floats, and maybe start experimenting with flexbox.
-
Unable to position an element
Just try a clearfix on the #wrapper div, even something simple like: #wrapper { overflow: auto;}
-
Div hover + image overlay
If I understand you're intention correct, then you can do this also without javascript with pure css popups
-
append overlay over div container populated by images
@user2015864 : It's all open source I guess, so you're welcome (, maybe with an attribution to the javascript developer)? I did make a new Pen this time with even more javascript, but that's because I wanted to try 'pagination�…
-
append overlay over div container populated by images
So I made this new Codepen. What I did here is basically tweaking a "lightbox-modal-dialog-overlay"-jQuery-plugin. (Note that I use the same image and code here all the time, but this is just out of laziness, and wanting to keep the demo l…
-
append overlay over div container populated by images
When you would do: .gallerycontent { position: relative; } .box { position:absolute; } That would probably do the trick. Chris Coyier did quit a few posts about positioning, and how they differ. Made a Codepen from a forked js fiddle that you …
-
Web Page Critique / Suggestions
There's something about the combination of heading-typeface and overall look and feel that got me intrigued, and thinking. First I thought the headline-font 'Oswald' was out of place in this context and/or subject matter, but then it …
-
Anchor Problem, and a question about Privacy and T & C page.
When I access a target from an external page, I want the user to be taken directly to the target without any scrolling. Made some tests with the PlusAnchor js , and when I remove the options from the codeblock and have just the bare essentials…
-
Trouble Rendering Circle Overlays in Chrome and Safari
Speaking for myself, I would do the following: use the codepen as a template, just locally on the server on you're computer (localhost ~/) and copy the styles and markup on top of that: build it up again one line at the time, in some new html a…
-
Trouble Rendering Circle Overlays in Chrome and Safari
So this will be the third and last codepen of clipped overlay on hover for images It's simply a combination of the two others, and only to be used if you like to experience javascript and css fighting The Ultimate Battle of Specificity. Which i…
-
Trouble Rendering Circle Overlays in Chrome and Safari
Made this new codepen of the clipped overlay on hover for images this time with css transitions , 'triggered by' a few lines of jQuery on hover. This one's the most solid so far.
-
Trouble Rendering Circle Overlays in Chrome and Safari
@DesignLady94 : please don't be sorry ...; I'm doing this also for my own curiosity in this matter, ( something I'm eager to find an excuse for using oneday ) so congratulations, and maybe you can call this question solved! What I thi…
-
Trouble Rendering Circle Overlays in Chrome and Safari
The hovering, clipping, and popup in this codepen I just made looks promising, I think, in Chrome and Firefox, but some 'slipping/flickering' ( on hover ) in Safari ... Any ideas?
-
Trouble Rendering Circle Overlays in Chrome and Safari
Glad to see it start getting there. The .overlayer .overlay > div is the div that's holds you're pop-up description text: 'Karen's Salon etc. ( The greater-then-sign > is the child combinator selector, which makes it that i…
-
Trouble Rendering Circle Overlays in Chrome and Safari
@DesignLady94 , one of these days, when I find some extra time, I will make a codepen to see this thing work. Here are my thoughts however: you're .overlayer .overlay > div doesn't need to have 50% border-radius for all corners, but w…
-
Trouble Rendering Circle Overlays in Chrome and Safari
That's too bad, if you ever have a change of heart you could always try this: .thumbnail * { /* outline: 1px dotted red */ } .overlayer[style] { position: absolute !important; width: 290px !important; height: 290px !important; …