Posts

Showing posts with the label responsive-design

elements with background-attachment: fixed don't behave same on mobile as on desktop

elements with background-attachment: fixed don't behave same on mobile as on desktop Seems like this issue is known for few years already. I tried to apply blurred background to inside elements with class " .blurred-bg " as per this example https://codepen.io/ariona/pen/geFIK . It has one clear-version image applied as background of body element and blurred-version of same image is applied to elements with class .blurred-bg . .blurred-bg .blurred-bg Here is my code do you know, what can I try to make it work? <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>blurred background sablona</title> <style> body { margin: 0px; padding: 0px; background-image: url("https://lh4.googleusercontent.com/-3eBjuQpOGFw/U47yh_-OycI/AAAAAAAAI2U/uaU5pK49N1w/s1600/normal.jpg"); background-repeat: no-repe...
-
Read more

How do I make this responsive properly?

Image
How do I make this responsive properly? I've been trying to make this slightly custom bootstrap carousel truly responsive so that the hero text & button scale correctly. I've used a mix of the grid and breakpoints but I just can't seem to be able to scale things correctly unless I use 20 breakpoints to ensure the text is the right size so it doesn't get pushed out of view. See this pen for a demo <div id="carouselExampleIndicators" class="carousel slide" data-ride="carousel"> <ol class="carousel-indicators"> <li data-target="#carouselExampleIndicators" data-slide-to="0" class="active"></li> <li data-target="#carouselExampleIndicators" data-slide-to="1"></li> <li data-target="#carouselExampleIndicators" data-slide-to="2"></li> </ol> <div class="carousel-inner...
-
Read more

Do I really need to use framework for search autocompletion and search results filtering? [on hold]

Do I really need to use framework for search autocompletion and search results filtering? [on hold] I'm fairly new to web development and I have to say that I am learning it in one particular reason - to build a website where people can rate and write reviews of specific type of thing (I don't want to reveal it yet). The problem is that I want to make it as professional as possible, because I'm planning to maintain/improve the website for long time , if it's professional it's easier to do that - I guess :) I need a search engine with auto-completion and I don't want the website to be reloaded during filtering search results . I've heard of Ajax, but I'm not sure how to bite it. I can make use of HTML/CSS and PHP, however I'm not an expert. Many good questions generate some degree of opinion based on expert experience, but answers to this question will tend to be almost entirely based on opinions, rather than facts, references, or specific expertise...
-
Read more