Any tips on editing a page from DevTools code?
Hello Overflow Community!
I have moderate HTML knowledge and very minimal CSS knowledge but I'm a professional at finding my solution which ever way necessary.
Today I visited a site while browsing for my Business that absolutely stunned me - I have never seen mouse effects that are so intriguing. I am going to get in some more practice by taking a public website, saving all files/links and then editing it to make it my own. Here's the Site i'm using, homepage only as of right now, I'm not interested in building the full site just a little practice run.
I have gone through the 1000+ lines of code and have a solid idea of what everything is for. To make this practice run the most beneficial I seek from the Elder's of Overflow. I'm not by any means asking for a key-by-key run through of what to do, I'm also not looking for anyone to tell me I have bitten off more than I can chew because that my friend is how you progress.
What I would love to get from you is any tips/tricks on how to be the most effective in my Journey as well as a very general list of steps like which file to start with, 'delete all these first'Photo of File list below, that kind of thing. Like I said, i'm moderate in my basic coding skills and although with Google I FEEL like I can figure out anything, sometimes its better to ask for a hand. Thank you in Advance!
Michael B
enter image description here
enter image description here
javascript html css atom-editor devtools
edited Nov 14 '18 at 2:50
A J
5261319
asked Nov 14 '18 at 1:15
Michael Bross
14
add a comment |
Hello Overflow Community!
I have moderate HTML knowledge and very minimal CSS knowledge but I'm a professional at finding my solution which ever way necessary.
Today I visited a site while browsing for my Business that absolutely stunned me - I have never seen mouse effects that are so intriguing. I am going to get in some more practice by taking a public website, saving all files/links and then editing it to make it my own. Here's the Site i'm using, homepage only as of right now, I'm not interested in building the full site just a little practice run.
I have gone through the 1000+ lines of code and have a solid idea of what everything is for. To make this practice run the most beneficial I seek from the Elder's of Overflow. I'm not by any means asking for a key-by-key run through of what to do, I'm also not looking for anyone to tell me I have bitten off more than I can chew because that my friend is how you progress.
What I would love to get from you is any tips/tricks on how to be the most effective in my Journey as well as a very general list of steps like which file to start with, 'delete all these first'Photo of File list below, that kind of thing. Like I said, i'm moderate in my basic coding skills and although with Google I FEEL like I can figure out anything, sometimes its better to ask for a hand. Thank you in Advance!
Michael B
enter image description here
enter image description here
javascript html css atom-editor devtools
edited Nov 14 '18 at 2:50
A J
5261319
asked Nov 14 '18 at 1:15
Michael Bross
14
add a comment |
Hello Overflow Community!
I have moderate HTML knowledge and very minimal CSS knowledge but I'm a professional at finding my solution which ever way necessary.
Today I visited a site while browsing for my Business that absolutely stunned me - I have never seen mouse effects that are so intriguing. I am going to get in some more practice by taking a public website, saving all files/links and then editing it to make it my own. Here's the Site i'm using, homepage only as of right now, I'm not interested in building the full site just a little practice run.
I have gone through the 1000+ lines of code and have a solid idea of what everything is for. To make this practice run the most beneficial I seek from the Elder's of Overflow. I'm not by any means asking for a key-by-key run through of what to do, I'm also not looking for anyone to tell me I have bitten off more than I can chew because that my friend is how you progress.
What I would love to get from you is any tips/tricks on how to be the most effective in my Journey as well as a very general list of steps like which file to start with, 'delete all these first'Photo of File list below, that kind of thing. Like I said, i'm moderate in my basic coding skills and although with Google I FEEL like I can figure out anything, sometimes its better to ask for a hand. Thank you in Advance!
Michael B
enter image description here
enter image description here
javascript html css atom-editor devtools
edited Nov 14 '18 at 2:50
A J
5261319
asked Nov 14 '18 at 1:15
Michael Bross
14
Hello Overflow Community!
I have moderate HTML knowledge and very minimal CSS knowledge but I'm a professional at finding my solution which ever way necessary.
Today I visited a site while browsing for my Business that absolutely stunned me - I have never seen mouse effects that are so intriguing. I am going to get in some more practice by taking a public website, saving all files/links and then editing it to make it my own. Here's the Site i'm using, homepage only as of right now, I'm not interested in building the full site just a little practice run.
I have gone through the 1000+ lines of code and have a solid idea of what everything is for. To make this practice run the most beneficial I seek from the Elder's of Overflow. I'm not by any means asking for a key-by-key run through of what to do, I'm also not looking for anyone to tell me I have bitten off more than I can chew because that my friend is how you progress.
What I would love to get from you is any tips/tricks on how to be the most effective in my Journey as well as a very general list of steps like which file to start with, 'delete all these first'Photo of File list below, that kind of thing. Like I said, i'm moderate in my basic coding skills and although with Google I FEEL like I can figure out anything, sometimes its better to ask for a hand. Thank you in Advance!
Michael B
enter image description here
enter image description here
javascript html css atom-editor devtools
javascript html css atom-editor devtools
edited Nov 14 '18 at 2:50
A J
5261319
asked Nov 14 '18 at 1:15
Michael Bross
14
edited Nov 14 '18 at 2:50
A J
5261319
asked Nov 14 '18 at 1:15
Michael Bross
14
edited Nov 14 '18 at 2:50
A J
5261319
edited Nov 14 '18 at 2:50
A J
5261319
edited Nov 14 '18 at 2:50
A J
5261319
5261319
asked Nov 14 '18 at 1:15
Michael Bross
14
asked Nov 14 '18 at 1:15
Michael Bross
14
asked Nov 14 '18 at 1:15
Michael Bross
14
14
add a comment |
add a comment |
active
oldest
votes
Your Answer
StackExchange.ifUsing("editor", function () {
StackExchange.using("externalEditor", function () {
StackExchange.using("snippets", function () {
StackExchange.snippets.init();
});
});
}, "code-snippets");
StackExchange.ready(function() {
var channelOptions = {
tags: "".split(" "),
id: "1"
};
initTagRenderer("".split(" "), "".split(" "), channelOptions);
StackExchange.using("externalEditor", function() {
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled) {
StackExchange.using("snippets", function() {
createEditor();
});
}
else {
createEditor();
}
});
function createEditor() {
StackExchange.prepareEditor({
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader: {
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
},
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
});
}
});
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53291799%2fany-tips-on-editing-a-page-from-devtools-code%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
active
oldest
votes
active
oldest
votes
active
oldest
votes
active
oldest
votes
Thanks for contributing an answer to Stack Overflow!
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
Some of your past answers have not been well-received, and you're in danger of being blocked from answering.
Please pay close attention to the following guidance:
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53291799%2fany-tips-on-editing-a-page-from-devtools-code%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
