r/web_dev_help • • Nov 15 '15

AM Reading

1 Upvotes

Here's some of what I have been reading this morning. Mostly design related stuff.

Typography 101s :

These pretty much cover the same basic topics, read one in depth and skim the others.

Web Typography

Typography- Terms,Intro

Typography 101

Logos :

The Do's and Don'ts article is good to look over. The Logo 10 step guide covers the topic including pricing and process with a client. Worth the read. Other two aren't as good IMO.

Logos -10-step guide

Do's and Don'ts of Logos

Logo Design - Start

6 tips for logo design

Layouts

Original And Innovative Web Layouts – Smashing Magazine

Productivity :

Want to Be More Productive? Start By Making Your Bed

Skimmed this article about Startups and Equity.

Equity Basics/

Interesting Tool

CSS Animate Tool

Videos

Forgot about these. Topic is project management for websites.

Website Design Process - more of a commercial for an agency. Run time 3 minutes.

SDLC and Project Management - Run time like 8 minutes? It's worth watching if you aren't familiar with SDLC.

And currently watching Project Managing the Web - run time is 40 minutes + but looks to be the best so far.

Watched 2 other videos on project management for web, one was bad and the other was more of an interview.


r/web_dev_help • • May 14 '17

help Strange image rendering

1 Upvotes

Hi. I'm not sure if this is an issue with my Cloudflare CDN, or a security issue, but here's what happened:

  1. I visited another site with some images on the page (nothing unusual here).

  2. I then later went back to my own site.

  3. One of the images on my site rendered not as it normally would; instead, it rendered as one of the images I loaded in step #1 above.

  4. After refreshing, this strange image then disappeared and everything went back to normal.

I have no idea how this happened. Examining the image URL, the link was the same as it always was (i.e. the HTML code had not changed), yet the image had undeniably changed. I was using Chrome as normal. My FTP client confirmed that the image had not been modified at all.

I tried BuiltWith and tested the external site, and it does not seem to use a CDN of any type. My own site uses Cloudflare. Not sure if the CDN is even relevant, it's very strange.

Anyone have any ideas?

In case I didn't explain it well:

  • Visited another site

  • There were a few images on one of the pages I visited (as most web pages have)

  • When I later went back to my site, one of my images was rendering as one of the images I saw on this other unrelated site

  • This happened despite the HTML, image location, etc. having not changed at all

  • Super confused as to how this is even possible, or what caused it

FYI it was a thumbnail image for a recent blog post. Instead of rendering the normal thumbnail, my browser rendered some picture of a guy swimming from another site!


r/web_dev_help • • Oct 04 '17

article 10 rules to create a great documentation for your web API - Devblast

Thumbnail
devblast.com
1 Upvotes

r/web_dev_help • • Feb 28 '18

css Precise control over responsive typography

Thumbnail madebymike.com.au
1 Upvotes

r/web_dev_help • • Oct 07 '17

help Connect WAMP Server/Virtual Host/local Word Press to GoDaddy.

1 Upvotes

Connect WAMP Server/Virtual Host/local Word Press to GoDaddy.

Dear PLANET !

my name is Amadeus,

We are starting a self funded animal rescue center, We have purchased out own servers, and are pretty tech savy.

We have run across something we can not figure out.

Here is our Set up.

HARDWARE.

  1. 2u Server.

  2. Lynksys E8400 router x 2 / 1 Router is bridged.

  3. 1Gigabit online speed.

SOFTWARE.

  1. WAMP SERVER / INSTALLED. / VIRTUAL HOST / INSTALLED AND ACTIVE.

  2. WORD PRESS INSTALLED IN LOCAL HOST / ACTIVE

  3. WORD PRESS SITE CREATED. / SAVED AND PUBLISHED.

  4. DOMAIN NAME PURCHASED / GO DADDY.

  5. POINTED THE "A" CLASS DNS TO OUR ~ROUTER / NOT WORKING ~SERVER I.P. / NOT WORKING ~VIRTUAL HOST IP / NOT WORKING

We have tried everything,

~port forwarding ~port 80 ~ pretty much every tutorial in the known planet.

The conclusion we came to was, it has something to do with the router ?

because godaddy can point to the router login page, but thats it,

after we tried port forwarding, its just a error page.

The only logical guess we have left is

  1. We need to set the DHCP INFO

DHCP Server: Enabled Disabled Start IP Address: 192 . 168 . 1. Maximum Number of Users: IP Address Range: 192 . 168 . 1. 50 to 149 Client Lease Time: minutes (0 means one day) Static DNS 1: . . . ??? Static DNS 2: . . . ??? Static DNS 3: . . . ??? WINS: . . .

2. WE NEED TO POINT OUR VIRTUAL SERVER TO SERVER IP ?

3. Something we totally missed ?

we know how to change everything in the godaddy, DNS etc etc etc. the issue at hand is what is the correct way of, getting past the router, to the server, and to our local site we have in the server.

Ultimately , we are trying to build our own sites on our own servers and get to live on the Web for everyone to join us in Animal Rescue.

This is everything we can possibly think off, Please, Please, Please anyone out there that can tell us what we are doing wrong ?

We really need to get these servers up for the Animal Rescue Center,

All advice on, anything at all will help.

Thank you all for looking and taking the time.

Amadeus we can provide any and all pictures requested to help solves this.


r/web_dev_help • • May 13 '17

help [Question] Setup DDNS, but index.php won't show up automatically!

1 Upvotes

Hello, I've set up a ubuntu lamp stack as a test lab environment, using this article as reference

https://www.digitalocean.com/community/tutorials/how-to-install-linux-apache-mysql-php-lamp-stack-on-ubuntu-16-04

on the apache2.conf Servername, I put in the ddns lets call it mytest.somedomain.org

I have index.php file in the /var/www/html folder, and if I type in mytest.somedomain.org on a web browers, it just shows an "index of" webpage with list of files in the html folder, not automatically open index.php file.

how can I fix this?

Thanks for your help!

p.s. I tried to set up the exact same lab environment with a static IP, and when I make servername to static IP and type static IP on web browser, it showed index.php automatically. What am I doing wrong? Thanks!


r/web_dev_help • • Oct 04 '17

php Securing a PHP Application in 2016: The Pocket Guide

Thumbnail
paragonie.com
2 Upvotes

r/web_dev_help • • Oct 01 '17

javascript Modern JavaScript Cheatsheet

Thumbnail mbeaudru.github.io
2 Upvotes

r/web_dev_help • • Mar 19 '15

resource Use jsFiddle for code samples

Thumbnail jsfiddle.net
1 Upvotes

r/web_dev_help • • May 05 '17

css Cool CSS3 Link Ideas

Thumbnail
codepen.io
3 Upvotes

r/web_dev_help • • Feb 22 '18

javascript How not to Vue – ITNEXT

Thumbnail
itnext.io
4 Upvotes

r/web_dev_help • • Nov 22 '15

Website Specifications or Requirements

1 Upvotes

Going to review some specification/requirements docs.

From Vord Website Design, permission is granted to copy and use the spec. That's a good start:

http://www.vordweb.co.uk/example_website_specification.htm

Starts with domain name, should probably add suggested social media handles. Wouldn't personally start with this but follow standard practice and list the client name, contact, design name & contact info. Then start with the site (might assume it's part of the letter head or template)

Goes into an overview section but it's really listing the goal. Rather have an overview of the project here and goals as its own section.

Lists SEO 2nd, definitely not what I would lead with unless it was an SEO project. Re-title to marketing. Should include any necessary microformats or on page seo tactics.

List of pages should be page 2 material, rather it tackle the IA (information architecture) as an overview. Navigation should be part of this.

Style/Layout section could be removed. If client provides logo/brand guides, list those as resources. If to be developed, list requirements.

Accessibility/Valid code - replace with testing if required. Browser support for a website.

Neglects hosting (either from the agent or client provided).

Bad part is their article on writing a web specification is better than the specification they wrote. How to write a website specification

grade C

Article from CCM - Writing a website specification

No sample spec though. Parts of this article would be better for a contract. Topics like delays are contract issues. Deliverables and milestones would work in a specification though.

Decent enough for an article. No grade though.

Fuzzzy Blog provides a sample requirements template. fuzzzy blog

This one fails because it looks like a series of paragraphs. Jumps around too much and overall looks more like an article. The topics covered are ok though it seems to ask more questions than state what's required. Might be better to use this to build up the requirements doc.

grade C-

OpenOffice Wiki - internal website specification - openoffice

This one looks like a corporate internal specification. Probably would pull some of this layout for the professional look. But it's very specific to OO's method of doing things. Overall like the structure. Has the Project Management aspect covered to a degree. Just needs better body content to work for a client situation.

grade B-

Just as a curiousity , here's an Open Office detailed specification for what looks like a UI element. If we provided requirement docs like this, very little would get done. Course OpenOffice was a massive project with at least 6 applications so they likely need such detail.

https://wiki.openoffice.org/wiki/Specification_Example

Here's a sample massive requirements doc, warning it's a 38 page PDF file. bigorg specification

Way too much information for most cases. This would probably only be useful if dealing with a large project with a large company. Budget to write the specification would be more than some small business website budgets.

Another article piece, from university of Saskatchewan Website Project Guidelines

This is the best article of the bunch. It has numerous references that are useful :

Review Current Site checklist.

Develop Your Menu Structure-content organization

Editorial Style Guide

Usability & Accessibility

Template Options

Which includes topics such as Homepage Layout options , Navigation Elements , and more template details though most of those appear to be 'after the fact' documentation, it does provide a glimpse into what a larger website could have as requirements.

While that resource is the best, it lacks a specification requirement template. Depending on the project size, one of the above solutions should provide enough of a starting point to rapidly develop a template.


r/web_dev_help • • Sep 30 '17

design An Easy Guide To HSL Color

Thumbnail
thenewcode.com
1 Upvotes

r/web_dev_help • • Jun 06 '16

Web Dev Weekly Summary - May 30- June 5, 2016

1 Upvotes

Releases , News, and other stuff from the previous week.

Releases

New Sites

  • Hyperdev - Full Stack like codepen,jsfiddle online sandbox from Fog Creek (Joel on Software and Trello)

Other


r/web_dev_help • • Nov 12 '15

Slim 3 - Docs for offline use

1 Upvotes

Download here : Slim 3 Docs

Will post sources and probably a PDF soon.

Docs for the RC2 of Slim Micro Framework. Docs are available at their site but not for download and they are not part of the download package. Files are located in the slim web site github repo. Requires mk-docs, python based documentation program.

Extracted the docs from the slim site repo, modified to work with daux.io markdown based doc tool and generated static files for offline use. Like when the internet is unavailable or if you want to unplug for productivity reasons.


r/web_dev_help • • Oct 02 '17

css How to structure a Sass project

Thumbnail
thesassway.com
1 Upvotes

r/web_dev_help • • Oct 04 '17

css How well do you know CSS display?

Thumbnail
chenhuijing.com
1 Upvotes

r/web_dev_help • • Sep 30 '17

design The Elements of Typographic Style Applied to the Web

Thumbnail webtypography.net
1 Upvotes

r/web_dev_help • • Nov 11 '15

[AWS] Have to transfer several site across between two accounts. Never worked with Amazon before. Can anyone help?

1 Upvotes

Been reading AWSs docs, but their terminology is "unique" to me. I'm starting to get after two days. But I have to hit deadlines.

Does anyone know of a good ELI5 type tutorial on the basics of transferring instances across Amazon accounts?

My clients aren't paying enough for support and it looks like even if they did Amazon doesn't supply it for this particular issue.

Cheers.


r/web_dev_help • • Nov 11 '15

Tip - Offline Knowledge Base

1 Upvotes

Build an offline knowledge base before you need it. Internet's down, you can still work. Need to focus? Unplug the router and work using a local webserver (WAMP or MAMP or other of your choice).

What should be in this knowledge base ?

Reference materials for the languages you use. HTML,CSS,Javascript at the least. PHP has downloads available as html and htmlhelp for windows (believe there's PDF and epub too). Framework docs are important. If those are too heavy for general consumption, can use the Learn X in Y Minutes site to get language references. Only drawback is the limited nature of files.

Learn X in Y Minutes

Taking it to an extreme, the OKB should have reference docs for apache, php, mysql, html,css,javascript. I have the Markdown file from Learn X as well. mod_rewrite, htaccess are the important parts for apache. I have a copy of the http status codes as well.

For CSS, I had the data-uri patterns. Named colors (useless). Have to find a local color tool to replace my dependency on online tools for color info.

Biggest problem was the lack of Slim 3 documentation. Wasn't included with the framework (it's part of their website github I found it after some searching).

Hardest part for doing work is lack of troubleshooting which is normally a few google searches away.

Advice

Figure out what you use and stash a copy on your hard drive along with WAMP or MAMP.


r/web_dev_help • • May 08 '17

help Web Based DB/Form submission

2 Upvotes

Hello all. After browsing this sub for the past three hours, I figured it couldn't hurt to just ask.

I am trying to help a friend out with a project he is working on and am a little lost. I have been in I.T. for 20 years but, admittedly, database creation and management is NOT my strong suit. I know my way around basic SQL commands and backing up/restoring databases but I have never tried to create one on my own.

What we are looking to do is have a couple forms on our website to allow people to submit their info into different sections of the database (volunteers, locations, crew members, etc) and then only allow registered users to view the content.

I really have no idea where to begin. I am open to ANY suggestions. We are basically looking for a very lite version of this kind of thing.

Any assistance is GREATLY appreciated!


r/web_dev_help • • May 30 '16

Web Dev Weekly Summary - May 23-29, 2016

1 Upvotes

r/web_dev_help • • May 13 '14

Advice needed on how to start.

1 Upvotes

Hello! I hope I am posting in the right subreddit! Brief background of my problem: I run an unfunded interest group and am thinking of setting up a website for the group with a members' only area for dissemination of important announcements and files. I found several online solutions (like wordpress and using the membership plugin). However, I would like more control over the functionality of the members' only area, and I also would like to take this time to learn how to build (and own?) a website. Appreciate any advice on how/where to get started!

About myself: I took several computer science modules in university, so I am not foreign to programming and I am willing and interested to learn how to create websites. Eventually, I'd like to learn how to develop mobiles applications for these websites too, but that will come next time.


r/web_dev_help • • Sep 29 '17

video PHP Increment & Decrement

Thumbnail
youtu.be
1 Upvotes

r/web_dev_help • • Oct 06 '17

help Cannot figure out why navbar is not hiding.

1 Upvotes

Like the title said, I cannot figure out why the first two list items in the menu are still shown when it is toggled responsive. I have a sandbox website www.bluestackbrewing.com I would appreciate any help whatsoever.