Web Development

[HELP] Reading selected data from a webpage and importing it to another webpage

webdev: reddit for web developers - Thu, 09/20/2018 - 10:41


I design the webpage of a student organization and we would like to display the daily menu at our school restaurant on our webpage.

Every day our schools webpage is updated with the menu of the day and I would like my webpage to automatically gather that information, to format it, and to display it on our page.

We're using Wordpress for our site and what I was looking at initially was to use Excel to gather the information off of the website, as I'm aware that it's possible to do this, and to then use a Wordpress plugin to format and display this information in a widget on my site. I wasn't able to find a viable solution to this though.

Is there a tool or a method that is commonly used for this sort of thing? Does anyone have experience with doing something similar?

Any help appreciated! :)

submitted by /u/Anop102
[link] [comments]
Categories: Web Development

Performance Measurment

webdev: reddit for web developers - Thu, 09/20/2018 - 10:39

What are realistic and practical KPI's (key performance indicators) that you have ran across as a web developer in measuring your productivity by your bosses?

submitted by /u/dotobird
[link] [comments]
Categories: Web Development

Fielding suggestions for a secure domain registry

webdev: reddit for web developers - Thu, 09/20/2018 - 10:38

I'm helping some colleagues with their European startup and they need to move domains to a company account in order to comply with payment processors. I've read that it may be advisable to use a corporate registry, but I'm a bit hesitant to recommend companies with which I am unfamiliar.

Our requirements are:

  1. Security - we need two-party verification of any domain changes, especially unlocking/transferring the domains. We don't want any one individual having full control over the domains.
  2. Uptime - Any company that has even the slightest bit of downtime because of a lack of redundancy, or for any other reason, is unacceptable.
  3. Customer Support - Hopefully this is never needed, but the registry must offer robust customer support including 24/7 customer service.
  4. Multi-country TLD support. The company serves multiple European and non-Euro markets, so the ability to register country TLDs, where permitted by local law, is a plus.

Thanks for the assistance, Redditors!

submitted by /u/kljaska
[link] [comments]
Categories: Web Development

[HELP] Adding an iOS Home Screen Icon to your Website

webdev: reddit for web developers - Thu, 09/20/2018 - 10:30

Hi, i'm looking to set an image for when my website is saved to home screen on iOS and Android. Does anyone know how to do this? I'm aware I will need to create the image is multiple dimensions however every website I find seems to offer different image dimensions. Has anyone done this recently and know the exact code and image dimensions that I will need? - Thanks

submitted by /u/JustNayWillo
[link] [comments]
Categories: Web Development

What toys or trinkets do you have on your desk?

webdev: reddit for web developers - Thu, 09/20/2018 - 10:18

I'm wanting to add some life to my desk. With the exception of computer- or work-related stuff, the only thing on my desk is a picture of my brother and me. I'm looking for idea to better personalize my work space. What do you have on your desk?

submitted by /u/bacondev
[link] [comments]
Categories: Web Development

Debugging on Edge

webdev: reddit for web developers - Thu, 09/20/2018 - 10:09

I've created an application that works in most modern browsers. However getting it to work on Edge is a nightmare. It's a complex application written with ES6, Vue, transpiled by webpack.

In a normal browser whenever I encounter an error I would look the error op in the console. However on Edge the page just refreshes(even though there is no refresh logic in the application) or I get an "This page is having a problem loading" error.

  • Question 1: How do I debug an error that's causing a page refresh/ "This page is having a problem loading" error? (The developer console is also crashing, preserve log doesn't work)

  • Question 2: How do disable Edge from trimming "http://" from the URL? I always have to type this in front of the website because otherwise Edge will try to open the development url in the Store application.

submitted by /u/Zinlencer
[link] [comments]
Categories: Web Development

Drupal Dev Thursdays: Post here with development questions or discussion

Drupal - Open Source Content Platform - Thu, 09/20/2018 - 10:08

This is the weekly thread for development questions or chit-chat that doesn't belong in the Monday Beginner Questions thread. All questions/comments/ranting about Drupal dev is fair game.

(Check out the weekly post schedule in the sidebar)

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

All Fired Up About Specificity

CSS-Tricks - Thu, 09/20/2018 - 09:54

You never know where the next Grand Debate™ in front-end is going to come from! Case in point: we just saw one recently based on a little Twitter poll by Max Stoiber in which 57% of people got it wrong. There were reactions ranging from the innocuous hey fun a little brain teaser! to the state of web education is in shambles and beyond.

I heard from a number of folks that they just felt sad that so many people don't know the answer to a fairly simple question. To be fair, it was (intentionally, I'm sure) rather tricky! It wasn't really a question about CSS — it was more about the idea that the order of HTML attributes doesn't matter. It's the order of CSS that does.

One extreme response I saw said that front-end stuff like this is needlessly complicated and getting it wrong is almost a point of pride. This sentiment was so strong that I heard it suggested that people who know the answer have filled their brains with unless information and that somehow makes them a worse developer. Equally extreme were suggestions that writing HTML and CSS raw like that should always be avoided in favor of tooling abstractions to "fix" these "problems."

(Excuse the quotes there, I'm not trying to pick a side so much as to emphasize that not everyone considers these problems that need to be fixed.)

Another take was that the vibe would be different if something similar happened in JavaScript-land. The perception is that it's embarrassing or bad not to know JavaScript basics, but not knowing HTML and CSS basics is the fault of the language, or that the value of knowing it is not worth bothering to understand.

At the same time, this poll became the perfect mirror to see the strong opinions people have about front-end practices. Fascinating, really.

Here are a few more takes from folks who chimed from their own blogs:

Keith Grant:

I hate that this has somehow become some “old guard” vs. “new guard” thing.

The problem with drawing lines like this: whichever side you find yourself on, there are some whackos out there throwing ridiculous arguments into the mix. And now people on the other side associate that viewpoint with you.

Tim Kadlec:

It doesn’t bother me too much that people are getting the question wrong. Everyone is at different stages in their career and everyone has different problems they’re facing in their daily tasks, so sure, not everyone is going to know this yet.

I do find it a bit alarming just how many folks got it wrong though.

John Allsopp:

One the one hand (and this will somewhat simplify each ‘side’, for the sake of brevity, not disrespect to either), we have those, and I’d on balance probably include myself in this camp, who’d argue that the core technologies of the Web are precisely that–foundational, and a deep understanding of them conceptually (not necessarily an encyclopedic knowledge of every syntactic aspect) is fundamental working knowledge for professional Web developers.

Kevin Ball:

With the growth of the importance of front-end development, we're seeing the story play out again.

The systematic devaluation of CSS, and more, the people who use CSS.

The constant "mansplaining" of CSS features to women who literally are the reason it exists.

Conference speakers asked questions about whether "there is any value in people who cannot write JavaScript?".

All of this at a time when CSS is improving faster than ever and enabling dramatic changes in web design.

This isn't about better technology, it's about exclusion.

Have you seen any other takes or have any of your own?

The post All Fired Up About Specificity appeared first on CSS-Tricks.

Categories: Web Development

Introducing the YOOtheme Pro Page Builder

CSS-Tricks - Thu, 09/20/2018 - 09:50

(This is a sponsored post.)

YOOtheme Pro is a powerful theme and page builder developed by YOOtheme that provides a new experience of building websites in WordPress. Designers will get an easy and exciting way to design and create websites due to premium layouts and an intuitive page builder, and developers will especially appreciate its extendability and clean and semantic code. YOOtheme has been known as a leading theme provider for over 10 years, and now with YOOtheme Pro they created the next page builder to be watched for on the WordPress market.

The Page Builder

If you are familiar with WordPress, YOOtheme Pro is a perfect choice for you since it is seamlessly integrated into the native WordPress customizer. You can easily create your layouts by dividing your content into sections, rows and grids. And thanks to the drag and drop interface, you can design beautiful responsive page layouts without even having to code. All your changes will be instantly shown in live preview.

Arrange Your Content With Ease

YOOtheme Pro has a growing library of over 30 content elements. Here you can find both common elements like the Video, Panel, Image or Heading, but you can also expect some advanced elements such as the Slider, Slideshow or Gallery with the masonry effect and filter option and even more. YOOtheme Pro also allows you to place WordPress widgets anywhere in your layout. All elements are built with the popular front-end framework UIkit that provides modern codebase with fast and sleek JavaScript.

Sophisticated Layouts for Your Website

YOOtheme invests a lot of time and effort into the development of their layouts. A team of professional designers regularly creates complete website concepts with a thought-out content structure and focus on modern design trends. They already have over 100 layouts with free-to-use images and even hand-made illustrations that can be found in the Layout Library. You can filter layouts according to topics and types, mix and match them, save your own layouts to reuse them later. This provides you with unlimited possibilities and makes creating websites in WordPress as easy as can be.

A Library of Over 70 Beautiful Styles

What makes YOOtheme Pro stand out even more is the Style Library that includes over 70 handcrafted styles. One click, and the look of your website changes completely. Whether you are looking for a minimalistic or a bold style, this substantial collection represents all trends. You can customize next to anything with YOOtheme Pro, from changing the style of each item separately to applying changes globally. This gives you all the power to style your WordPress website with none of the coding.

Integrated Unsplash Image Library

The popular Unsplash library that provides quality and free-to-use photos is seamlessly integrated into YOOtheme Pro. Due to this integration you can search through the library and try out images directly on your website without having to leave YOOtheme Pro. Use filter, browse through collections and users and insert images directly into your layouts. The images will only be downloaded after your click Save. This feature is a real time-saver for every designer.

Lightning-fast and Developer-friendly

YOOtheme Pro is a true piece of German engineering, it is fast, lightweight and easy like no other page builder. Powered by Vue.js and Uikit, it provides a great user experience. YOOtheme Pro also cares about speed. The small code size as well as the latest web technologies ensure the first meaningful paint gets quickly on the screen. And with auto-generated srcsets, lazy loading images and next-gen image formats like WebP YOOtheme Pro will boost the Google PageSpeed rank for your WordPress website. What's more, Google Fonts are stored locally, which saves the request to Google and ensures GDPR compliance.

A modular and extendable architecture makes YOOtheme Pro extremely developer-friendly. It allows you to override everything, add custom elements, CSS, JavaScript and new themes settings. An extensive documentation including video tutorials and a section specifically written for developers will help you get started in no time.

Get YOOtheme Pro

YOOtheme Pro both simplifies and empowers website building. Regular release of theme packages including sophisticated layouts on a specific topic, six style variations and free-to-use images will make YOOtheme Pro the only thing you'll need to create a website. And while we could talk more about how YOOtheme Pro supports WooCommerce and has a a Footer Builder and many desktop and mobile header layouts, we'd rather let you see for yourself. Get YOOtheme Pro and experience the future of website building today.

Direct Link to ArticlePermalink

The post Introducing the YOOtheme Pro Page Builder appeared first on CSS-Tricks.

Categories: Web Development

Web fonts recommendation

webdev: reddit for web developers - Thu, 09/20/2018 - 08:42

Hello everybody I am new here I want to know what are the best fonts I should use for my website development?

Thank you

submitted by /u/ayushmayank
[link] [comments]
Categories: Web Development

How to connect from curl (git-ftp) and FileZilla to vsftpd?

webdev: reddit for web developers - Thu, 09/20/2018 - 08:33

Following this tutorial I managed to add FTPS connectivity to the server.

Following step 6 in the tutorial:

  • 6.1 generate certificate

    $ sudo openssl req -x509 -nodes -days 365 -newkey rsa:2048 -keyout /etc/ssl/private/vsftpd.pem -out /etc/ssl/private/vsftpd.pem

  • 6.2 add certificate to /etc/vsftpd.conf



It works for FileZilla but with curl it seems I can't re-use the same certificate, I downloaded the certificate file from the server and am useing it like so

$ curl -v --cert ~/.ssh/vsftpd.pem --user MYUSER:PASSWORD ftp://SERVER-IP * Trying SERVER-IP... * TCP_NODELAY set * Connected to SERVER-IP (SERVER-IP) port 21 (#0) < 220 (vsFTPd 3.0.3) > USER MYUSER < 530 Non-anonymous sessions must use encryption. * Access denied: 530 * Closing connection 0 curl: (67) Access denied: 530


$ curl -v --cert ~/.ssh/vsftpd.pem --user MYUSER:PASSWORD ftps://SERVER-IP * Trying SERVER-IP... * TCP_NODELAY set * Connection failed * connect to SERVER-IP port 990 failed: Connection refused * Failed to connect to SERVER-IP port 990: Connection refused * Closing connection 0 curl: (7) Failed to connect to SERVER-IP port 990: Connection refused

How can I use the same certificate for both FileZilla and curl (since git-ftp uses curl) to upload files via FTPS?

submitted by /u/rraallvv
[link] [comments]
Categories: Web Development