• Breaking News

    Tuesday, June 15, 2021

    Home Unlabelled Serving sharp images to high density screens web developers

    Serving sharp images to high density screens web developers

    June 15, 2021

    Serving sharp images to high density screens web developers

    Serving sharp images to high density screens

    Posted: 15 Jun 2021 07:12 AM PDT

    AT-AT Imperial Walker with Pure CSS

    Posted: 14 Jun 2021 04:21 PM PDT

    found this handy git cheat-sheet

    Posted: 15 Jun 2021 12:49 AM PDT

    Came across this handy git cheat-sheet https://picc.io/p/xM2wenl.png

    submitted by /u/Empty-Pause-293
    [link] [comments]

    What should I do about creating a portfolio website as mostly a back end developer?

    Posted: 15 Jun 2021 02:08 PM PDT

    I am not a UI/UX designer. If I am not borrowing a design from somewhere, it will not look good. That being said. If I have a mockup, or some sort of template I am following I feel I can do pretty much anything. So I was wondering how do I approach making my portfolio? Is there anything wrong from borrowing a template rather than using my own? Or what else should I do? I want to show off the stuff that I did at school to prove that I can do stuff on the front end.

    submitted by /u/mymar101
    [link] [comments]

    Is cold-calling potential clients actually working for freelancing?

    Posted: 15 Jun 2021 10:18 AM PDT

    I've seen quite a lot of people say that one of the methods to find work as a freelance web developer (and actually most types of freelance jobs) is to cold-call a potential client.

    Did anyone do this before? If yes then how did you approach the potential client and did you have a good result? (only if you wish to share).

    P.S.: I am asking this question, because I recently saw that a lot of small to medium sized businesses in my area have very rudimentary and outdated websites. Therefore, I thought this could be a way of finding work.

    submitted by /u/Alex_The_Android
    [link] [comments]

    Beginner's Guide To Frontend Development

    Posted: 15 Jun 2021 06:49 AM PDT

    For those who completed Full Stack Open, how did it take you to complete?

    Posted: 15 Jun 2021 09:25 AM PDT

    How many hours of study per day?

    submitted by /u/president_of_dsa
    [link] [comments]

    how to make your website look straight out the late 2000s ?

    Posted: 15 Jun 2021 01:18 PM PDT

    What one thing has helped you the most?

    Posted: 15 Jun 2021 02:37 PM PDT

    Wherever you may be in your development as a developer, I'm curious to hear what one thing has helped you the most. Could be a learning resource, a class you took, an interview tip, a book, a video, a conversation with a friend or mentor etc. It could also be circumstantial like having a mentor or working at a company that is a good fit.

    submitted by /u/legionx29
    [link] [comments]

    Web Development Job Industry in London, UK

    Posted: 15 Jun 2021 08:50 AM PDT

    As a Web Developer, I am working for more than 2 years with mostly PHP frameworks and for JS frameworks, React along with Node.js. I will move to London, UK this year for pursuing a master's degree in Software Engineering. Recently I am working as a full stack developer from design to development and deployment with AWS.

    If anyone could give me a quiet picture of the London IT jobs perspective that would be great.
    Is there any language or tech stack that mostly dominates the field or I need to prepare something new before going there.

    submitted by /u/Delicious_Theory9769
    [link] [comments]

    Can someone explain to me what is PHP and what basics come with PHP? Looking to add to my resume.

    Posted: 15 Jun 2021 04:16 PM PDT

    Hey guys just wanting to ask if anyone knows what PHP is and what kind of basic stuff can I do with PHP to get off to a good start for adding to a resume in terms of looking for an Internship. Thanks.

    submitted by /u/cblakej
    [link] [comments]

    Free simple checkout system

    Posted: 15 Jun 2021 04:02 PM PDT

    Hi, I run a business and I'm just looking for a simple system where someone can select a plan, fill in a few boxes of information, pay and it'll all be put into a Google sheet, preferably with no extra fees on top of PayPal fees. Does anything like this exist or would I need to write it myself (I'm reasonably confident in Python (a bit of experience with flask) and a bit in html if I need to write it myself. Any suggestions? Thank you. - sorry if this sounds basic, I'm new to this

    submitted by /u/ixJax
    [link] [comments]

    CORS issue that looks like there is no solution. Need help :[

    Posted: 15 Jun 2021 03:45 PM PDT

    Hey guys. Basically I have a react app running on localhost:3000. I need it to fetch some information from a very simple api that is hosted live in a Siteground hosting environment.In one of the components I have a fetch that is written like [please consider 'url' the URL i'm using]:

    const fetchData = () => {return fetch("url/testapi.php") .then((response) => response.json()) .then((data) => console.log(data)) .catch((error)=>{console.log(error);alert(error); })}

    When I try to open url/testapi.php I see the results I was looking for on the browser.

    When I execute the code above I receive:

    Access to fetch at 'url/testapi.php' from origin 'http://localhost:3000' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource. If an opaque response serves your needs, set the request's mode to 'no-cors' to fetch the resource with CORS disabled.

    ​

    The files are hosted on Siteground. Following their documentation I added to the .htaccess:<IfModule mod\_headers.c>

    Header set Access-Control-Allow-Origin *

    </IfModule>

    Everytime I try to run that little amount of code I receive the exact same error regardless of that or apparently any other change.

    I contacted the support and they answered:

    Thank you for your reply.

    I think I better understand now.

    The rules that you saw in the tutorial are as follows:<ifModule mod\_headers.c>Header set Access-Control-Allow-Origin: *

    </ifModule>

    As such when I test the file I see the response correctly:Evgeni-Zagorov:~ evgeni.zagorov$ curl -iX OPTIONS url/testapi.phpHTTP/2 200server: nginxdate: Tue, 15 Jun 2021 19:14:03 GMTcontent-type: text/html; charset=UTF-8vary: Accept-Encodingx-httpd: 1**access-control-allow-origin: ***host-header: 8441280b0c35cbc1147f8ba998a563a7x-proxy-cache-info: DT:1

    [{"id":"1","name":"Beer Number 1","tagline":"Beer Tagline Number 1","description":"The super beer!","image":"https:\/\/i.pinimg.com\/736x\/38\/80\/ef\/3880ef0538f22df"},{"id":"2","name":"Beer Number 2","tagline":"Beer Tagline Number 1","description":"The Ultra beer!","image":"https:\/\/www.seaThe part "access-control-allow-origin: \*" means that a request to your site or in this case the testapi.php specifically can be made from any origin.

    As far as I see on our end everything appears to be in order. The NGINX direct delivery that can prevent this from working is deactivated.

    Please check the localhost and its settings if there is something in there preventing you to display the content from url/testapi.php and make sure to clear any browser or other type of cache that you may be using on the local host. I have seen CORS issues failing to detect .htaccess changes due to cache from the visitor that requests the data.

    Best Regards,

    Evgeni ZagorovTechnical Support Team

    ​

    But nothing works on my end or any device I possess. I really am loosing my mind over how and why i`m not being able to execute this simple fetch. Specially after opening url/testapi.php and finding everything I need there and adding the htacess stuff.

    I don`t have much experience with this so maybe someone could help me. I`ve cleaned the cache multiple times both internally and externally and also changed browser/device but everything is the same and nothing provides a response.

    ​

    As a matter of curiosity if I try to fetch:

    https://jsonplaceholder.typicode.com/todos/1

    Everything works.

    ​

    Also if I add: "test." to the beggining of the .htacess the whole website breaks.

    The result I expected to see was:

    [{"id":"1","name":"Beer Number 1","tagline":"Beer Tagline Number 1","description":"The super beer!","image":"https:\/\/i.pinimg.com\/736x\/38\/80\/ef\/3880ef0538f22df"},{"id":"2","name":"Beer Number 2","tagline":"Beer Tagline Number 1","description":"The Ultra beer!","image":"https:\/\/www.searchpng.com\\/wp-content\\/uploads\\/2019\\/"}\]

    May anyone assist me with this?

    submitted by /u/ccleivin
    [link] [comments]

    I’m putting music back on the table. The Internet has felt boring and corporate for years. I made a ‘Linktr.ee’ clone to fix this.

    Posted: 15 Jun 2021 02:59 PM PDT

    Extra Space in Layout

    Posted: 15 Jun 2021 02:53 PM PDT

    Extra Space in Layout

    I'm wondering if someone could help me remove the extra white space between the top navigation bar and the call-to-action section?

    I have tried setting the margin-bottom of the top-nav and margin-top of the call-to-action both to 0, and also played with the padding and a few other settings, but nothing changes.

    Thanks in advance.

     <!DOCTYPE html> <html> <head> <title>Syntax Sandbox</title> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"> <link rel="stylesheet" href="style/default.css"> </head> <body> <div class="top-nav" id="main-nav"> <a href="" class="active">Syntax Sandbox</a> <a href="">Biography</a> <a href="">Portfolio</a> <a href="">Programming</a> <a href="">About</a> <a href="">Contact</a> <a href="javascript:void(0);" class="icon" onclick="menuScale()"> <i class="fa fa-bars"></i> </a> </div> <div id="call-to-action"> <p id="logo-text">Syntax Sandbox</p> <p id="logo-subtext">Your Resource for Language Agnostic Programming</p> </div> <script> function menuScale() { var x = document.getElementById("main-nav"); if (x.className === "top-nav") { x.className += " responsive"; } else { x.className = "top-nav"; } } </script> </body> </html>

    css:

    body { background-color: #fff; font-family: verdana, sans-serif, helvetica, arial; font-size: 12pt; margin: 0; } /* START NAVIGATION */ .top-nav { overflow: hidden; background-color: #fff; margin-left: 150px; padding-top: 14px; margin-bottom: 0; } .top-nav a { float: left; display: block; color: #000; text-align: center; padding: 12px; text-decoration: none; font-size: 14px; margin-left: 14px; border-bottom: 2px solid #fff; } .top-nav a:hover { color: #000; border-bottom: 2px solid #000; } .top-nav a.active { background-color: #fff; color: #000; font-weight: bold; border-bottom: none; } .top-nav .icon { display: none; } @media screen and (max-width: 975px) { .top-nav a:not(:first-child) { display: none; } .top-nav a.icon { float: right; display: block; border-bottom: none; } } @media screen and (max-width: 975px) { .top-nav.responsive { position: relative; } .top-nav.responsive .icon { position: absolute; right: 0; top: 0; } .top-nav.responsive a { float: none; display: block; text-align: left; } .top-nav.responsive a:hover { border-bottom: none; } } /* END NAVIGATION */ #call-to-action { background-color: #243A5E; color: #fff; min-height: 300px; margin-top: 0; } #logo-text { font-size: 36px; margin-left: 150px; margin-bottom: 12px; padding-top: 80px; } #logo-subtext { margin-top: 0; margin-left: 150px; }

    I've included a couple screen shots of how it looks.

    ​

    Tools show a gap between top-nav and call-to-action, it is the body

    ​

    I would like the extra space removed

    I uploaded the files to OneDrive in case it would help to have access to them: Download Files.

    I'm trying to make it look closer to the MSDN Layout.

    submitted by /u/Syntax_Sandbox
    [link] [comments]

    Flexbox and Media queries noob questions

    Posted: 15 Jun 2021 02:37 PM PDT

    Hi guys, I'm trying to build my portfolio out and had some questions.

    Here's the code I wrote and how it looks like: https://i.imgur.com/Vxmy5Jl.png

    1. How to center the images and the (HTML css and javascript) text part and put in the center in the middle. (So that the HTML CSS, Javascript is below the image centered)
    2. Is my code bad for responsive design like as it shrinks I want only 1 box to show in each row. Should I avoid using media queries since this can be done with only flexbox? How to do it?https://i.imgur.com/6D1Jmxk.png
    3. It doesn't seem to center itself after it hits below 500px. How to center it as it shrinks below 500px? Also using media queries what is the right px to use? :https://i.imgur.com/WscR4jb.png
    4. Any bad practices you see you can share? I'm self-teaching so I don't know if my code is bad lol.

    ​

    Sorry for the many questions, you don't have to answer all, just the ones you can be greatly appreciated.

    submitted by /u/swiggyu
    [link] [comments]

    Looking for a platform to easily duplicate folder/website and assign users

    Posted: 15 Jun 2021 02:30 PM PDT

    Hi,

    Some time ago i built a tiny website containing a supersimple javascript that solves a problem i deal with daily in my work. The site consists out of a of a php script that read/writes some information into a txt file and show it back to me.

    Some coworkers have asked if they could make use of this tool as well but this would require altering a bit of information on each site, maybe adding a few graphics ectect

    I'm looking for a simple system that allows me to duplicate a folder and assign a user login to it so everyone can have their own little website :-)

    I'm not developer but am able to install scripts/platforms and do some frontend work. I have been looking for a platform/script on codecanyon that would allow me to do this but all I can find are user management tools of which im not sure if thats what I need.

    Can anyone point me in the right direction of what to check out so i can build this? I'm not scared to follow some tutorials or follow a few guides but i'm just not sure where to look.

    submitted by /u/basvcds
    [link] [comments]

    Membership management tools w/o post signup URL

    Posted: 15 Jun 2021 02:16 PM PDT

    I'm creating a webapp that lets creators use most of the features except premium ones require a paid membership. Not being fluent in backend development I'm leaning towards using a membership management tool such as Outseta or Memberstack.

    After watching a few videos on the Outseta website, I saw that the they require a post signup URL, which would potentially erase the content so far created.

    My ideal solution would be an in page js modal in which the user signs up and pays for the membership, then goes back to where he left, with now having the premium features available.

    any ideas? or should I just learn backend web development?

    submitted by /u/alpacameat
    [link] [comments]

    Question on my Front-End/Full Stack Web Dev Journey. How to get better at CSS?!?

    Posted: 15 Jun 2021 02:05 PM PDT

    Hello all!

    I understand practicing making and doing projects and all. My issue is just actually making things happen. Trying to understand flexbox and the box model and still having issues positioning all my content to make what I want. Like I do understand html as the "skeleton". I am trying to understand the "appearance" part before I move to the function part "JavaScript". Any help, resources?

    submitted by /u/BootyWarrior8732
    [link] [comments]

    Validating provided code?

    Posted: 15 Jun 2021 05:50 AM PDT

    Hey Guys,

    Not sure if this is the right sub? LMK if not.

    I run a really crappy website (no I wont horrify you with the URL). Someone from the community which this site services has offered to fix it, they have supplied me with a bunch of files to load up.

    ​

    I have had a quick look, looking for the usual suspects (<script>, http, .js, etc) to see if anything looks nefarious, but I think a lot of the content was generated (hexo.io??)) so its a bit obfuscated and hard to really tell..

    ​

    What's the best way of checking the content for maliciousness? I am concerned not only about my web server (I run a Linux VPS in Digital Ocean) but also any clients connecting...

    ​

    TIA :)

    submitted by /u/RandomMagnet
    [link] [comments]

    I'm mentoring a class in person as they take an online bootcamp - Any fun and creative ideas to engage them during regularly scheduled breaks?

    Posted: 15 Jun 2021 01:12 PM PDT

    As I said I'm mentoring a class of about 15 students who are taking an online bootcamp covering HTML and CSS (and JS if they get far enough). What are some engaging activities I could do with the students during regularly scheduled breaks?

    So far I've showed them a couple videos about Langton's Ant and Conway's Game of Life, which were somewhat off-topic. I also showed them some CSS-only codepens which I thought was a good idea but I'm running out of ideas. Anyone have any suggestions? I can show them some of the interesting things I've done with CSS but that's a pretty short list.

    submitted by /u/Kraphtuos968
    [link] [comments]

    How would you go about writing css for a website with full page scrolling effect?

    Posted: 15 Jun 2021 12:24 PM PDT

    What I mean by full page scrolling is that once you scroll down or up, the page is always moved by exactly the height of the viewport.

    I'm making a page for fun and I really like this effect so I wanted to implement it. But I ended up wrting tones of css for all sorts of possible devices and I am probably still missing some width/height combinations on which my page will look ugly.

    The problem is that because it scrolls by exactly viewport height everything has to fit perfectly and consider both width and height. You can't have some text or image be cut in half because it was too far down.

    So my question is: is there a more proffessional and sensible approach rather then wrtting css for every possible device?

    submitted by /u/MarchewkowyBog
    [link] [comments]
    Read more
    at

    No comments:

    Post a Comment