• Breaking News

    Saturday, July 21, 2018

    Home Unlabelled CSS Gradient Playground web developers

    CSS Gradient Playground web developers

    7 years ago

    CSS Gradient Playground web developers

    CSS Gradient Playground

    Posted: 21 Jul 2018 07:33 AM PDT

    What's a simple trick to adding more "Wow" to your website?

    Posted: 21 Jul 2018 01:30 PM PDT

    Hey guys,

    I am finishing up a web project and my client is looking for a bit more "Wow factor" in it. It's a vague statement but I think the statement is also fairly self explanatory. What little fluff do you add in your websites to make it prettier or seem more professional than it actually is?

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

    Light the bulb - Responsive & Interactive CSS image | Let me know what you think!

    Posted: 20 Jul 2018 09:05 PM PDT

    Choosing a Course/Path to stick with?

    Posted: 21 Jul 2018 01:13 PM PDT

    Hello.

    I'm sorry if this gets asked a fair bit, but I thought I would ask, as searching hasn't really yielded the answer I was looking for.

    I've done a bit of self studying and have completed CS50x and MIT's 6.00.1x, I've a plan to continue on learning more details in topics like especially Data Structures & Algorithms, but also Computer Architecture and Operating Systems, etc.

    I've decided I would like to learn a bit more about web development, and I think it's a good idea to keep learning practical skills and making things while I learn the theory. But I'm having a hard time deciding on a 'path'.

    As far as what I already know; A bit of Python from 6.00.1x, and I did a bit of tinkering with Flask as part of CS50 - really liked it too. I also know a little C and a very small amount of C#.

    As I alluded to, I've seen a few resources, but I'm having a hard time picking one out:

    • Free Code Camp - I've started this, but it seems very front-end oriented (where I think I'd enjoy backend a lot more), and I'm not getting a lot out of the lessons so far. It feels like I'm just copying out what they say without really having to think, where I get a lot out of challenges. It's possible the format changes later though, when it comes to trickier stuff.
      I know there are projects assigned at the end of each section, but they feel a long way off.
    • The Odin Project - Seems a bit more up my alley from what I've seen, but people generally seem to think it's not as good as Free Code Camp - or rather, aren't as positive on it. Not sure why. It does seem more in line with what I'm after and does seem to focus a good bit on the backend of things, but it's in Ruby. I don't think I've ever known a company near me to use Ruby. I might be putting too much value on language/framework, but it does seem quite the con.
    • CS50 Web - I know remarkably little about this, I think it's very new. It does focus on Flask/Django, which is quite cool, and I did very much enjoy CS50, but I'm not sure if it's up to the same standard and (understandably considering how new it is), I haven't really seen any opinions on it. I'd probably have just gone for this if there were some concrete opinions on it.
    • Something else - It's more than possible I don't know of a resource that's really excellent, so feel free to suggest one. I don't really mind what media it uses.
      Learning .NET would be an idea, just because it seems very popular here in the UK, but it does seem quite intimidating, and resources do seem a bit more scarce.

    Thank you.

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

    No, you're not bad at math

    Posted: 21 Jul 2018 03:30 AM PDT

    [Showoff Saturday] Portfolio website under development.

    Posted: 21 Jul 2018 11:42 AM PDT

    I have been learning web development (HTML/CSS/JS/jQuery) for the past 2-3 months and I have gone through several iterations of a portfolio and I believe so far, this could be the best one I have created. I am looking for any feedback you may have on the website. It was also designed mobile-first (home page only, still going through the 'My Work' page), which I was never a fan of, but i'm liking it more now that I have practiced it.

    https://muchkler.github.io/moeminportfolio/

    Here are things that I am already aware of:

    • Adding a title.
    • Adding a favicon.
    • Getting the rest of the links to work.
    • More media queries for more devices.

    P.S. I don't recommend looking at the code as it's a mess. Thanks for your time!

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

    Container on text for rollover images is too small

    Posted: 21 Jul 2018 01:49 PM PDT

    I want to have the text that appears on an opacity based css rollover to just have spacing 1em from the edge of the image. However, the container itself is around 25% from the edge of the image. Kinda hard to explain but help would be appreciated!

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

    How in the world does Browser-Sync work!?

    Posted: 21 Jul 2018 01:08 PM PDT

    Sup!

    I used live-server tied into an npm manifest file for a devserver for quite a while. As a fairly-new freelancer, I try to implement a couple different tools and techniques with each project I take on so as to learn different approaches and pick up some new skills.

    On the last project I switched out this npm / package.json workflow for Gulp- and I'm real into it! It's a lot more intuitive to me for certain customizations and working with multiple configurations. While I was at it, I jumped off of live-server and tried out browser-sync. Wish I would have gotten into earlier!

    I'm very interested in how browser-sync works. For example, how does it manage to host a local URL that you can access from other devices simultaneously? Furthermore, how in the world do you think the scroll effect is possible (the ability to scroll on a mobile device and have a desktop version follow the scroll up and down)?

    Anyone have any insight or a direction to point me in? I'd love to learn more about how something like this functions. Thx in advance!

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

    If you use Slack, come join to this programming channel, we're discussing various topics [x-post from /r/programming]

    Posted: 21 Jul 2018 02:50 AM PDT

    [Showoff Saturday] SVG Performance & Compatibility Script

    Posted: 21 Jul 2018 04:00 PM PDT

    I love SVGs. They're sharp, and super small gzipped. But they're also a headache. Old browsers won't display them, and more complicated images will cause performance/draw issues on mobile.

    Anyway, I've done some research and put together a little script that deals with those problems. It's specifically meant to be used with svgs loaded in img tags.

    On old browsers, it points the source to a png copy. On newer browsers it converts the svg to canvas so scrolling performance on mobile is a lot smother.

    Anyway, I thought I'd share. If you can make it better I'm open to feedback. :)

    var images = document.getElementsByTagName('img'); for (i = 0; i < images.length; i++) { var image = images[i]; var src = image.getAttribute('src'); var ext = src.split('.').pop(); if(src != null && ext == 'svg') { // Fallback to pngs in old browsers. if (typeof SVGRect == "undefined") { var newSrc = src.replace('.svg', '.' + "png"); image.setAttribute('src', newSrc); } // Replace SVGs with canvases for better mobile scroll performance on the browsers that support it. else { function imageLoaded(evt) { try { var target = evt != undefined ? evt.target : image; var height = target.height; var width = target.width; var canvas = document.createElement("canvas"); canvas.setAttribute("Height", (height * 2) + "px"); canvas.setAttribute("Width", (width * 2) + "px"); canvas.style.cssText = "height:" + height + "px;width:" + width + "px;"; canvas.className = target.className; var ctx = canvas.getContext('2d'); var img = new Image(); img.src = target.getAttribute('src'); ctx.drawImage(img, 0, 0, (width * 2), (height * 2)); target.src = canvas.toDataURL(); } finally { target.removeEventListener('load', imageLoaded, false); } } if (image.complete) { imageLoaded(); } else { image.addEventListener('load', imageLoaded, false); } } } }

    [Sub-Showoff-Saturday] Here's an example of this script in action on a site I maintain.

    There are a few areas where I got stuck. On Internet Explorer, canvas.toDataURL() is blocked for security reasons. I couldn't find a work-around.

    I also couldn't figure out how to check for svg support in ctx.drawImage(), so right now it just tries it, and fails gracefully.

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

    Using Sequelize aggregates (sum, avg, count, etc.) when joining (associating)?

    Posted: 21 Jul 2018 12:13 PM PDT

    I want to include the number of comments for a particular post but I can't figure out how to, and the documentation sucks.

    models.Post.findAll({
    include: [
    { // right now I am getting all of the comments when I just want the count
    model: models.Comment,
    attributes: [/* I just want the number of comments here*/],
    },
    ],
    });

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

    how do i create a website subdirectory?

    Posted: 21 Jul 2018 03:52 PM PDT

    forexample, i have: https://qwerty.com

    how do i create: https://qwerty.com/projects

    i'm a complete noob, so simple terminology and/or step by step procedures would be greatly appreciated.

    Also, i'm using github pages for hosting and cloudflare for SSL

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

    [Showoff Saturday]A forum I've been working on (need beta testers)

    Posted: 21 Jul 2018 03:51 PM PDT

    Took about a little over a month.

    Use [admin@admin.com](mailto:admin@admin.com) 111111 to play around with the admin panel

    Otherwise, sign up for an account.

    r/https://gongle.herokuapp.com

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

    Help with backend/CMS

    Posted: 21 Jul 2018 03:20 PM PDT

    I want to create a site that uses two templates, one as an archive page and one as a single page. There will be a lot of these archive pages and even more single pages and I'm like looking at an easy way to be able to create all the pages with all the individual information stored in a database. Wordpress seems to much for this, I'd like to able to jump in and create the pages/information in Sequel Pro, if that's even possible. I'm mainly a front end dev with little knowledge on the back end so any help would be much appreciated. 😊

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

    Trying to understand Proxy-Authenticate • r/learnwebdev

    Posted: 21 Jul 2018 01:36 PM PDT

    Advice on integrating full screen video ads into web app

    Posted: 21 Jul 2018 12:15 PM PDT

    I have an TV based based web app platform on multiple operating systems android tv, fire os ,etc that I would like to introduce video ads to.

    I want the YouTube like ad feel. More commercial feeling and not the typical mobile ads that are clickable. I also want the ads to keep playing continuously until my code says to move on to my content.

    Does anyone have any experience using video ads and have any recommendations?

    Thanks!

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

    Does anyone here have experience working with Elementor Page Builder on Wordpress?

    Posted: 21 Jul 2018 11:47 AM PDT

    If so, how has the experience been so far?

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

    Modern PWA with Stencil | Example | Open Source

    Posted: 21 Jul 2018 11:04 AM PDT

    My Browser - Easy to digest browser details for your support and QA teams

    Posted: 21 Jul 2018 09:27 AM PDT

    Open Source Headless CMS - Gentics Mesh

    Posted: 21 Jul 2018 05:25 AM PDT

    Need help with a simple CSS Media query

    Posted: 21 Jul 2018 08:34 AM PDT

    I have a very simple CSS Media query that wraps text around source code in my blog posts (<pre> tag) but only on smaller screens:

    @media only screen and (max-width: 320px) { pre.prettyprint { white-space: pre-wrap; /* css-3 */ white-space: -moz-pre-wrap; /* Mozilla, since 1999 */ white-space: -pre-wrap; /* Opera 4-6 */ white-space: -o-pre-wrap; /* Opera 7 */ word-wrap: break-word; /* Internet Explorer 5.5+ */ } }

    Now, this above works perfectly on my desktop browser even when I resize and test it by making smaller. However, its not working on any of the actual android browsers, the code block doesn't wrap but stretches outside its limit. But the fully thing is that when I try the "Desktop Mode" on the android browser, it suddenly works! I'm lost of ideas on this one, and here is how I set the viewport tag if that matters:

    <meta name="viewport" content="width=device-width, height=device-height, initial-scale=1.0, minimum-scale=1.0">
    submitted by /u/tux_warrior
    [link] [comments]

    New here- Need help

    Posted: 21 Jul 2018 08:27 AM PDT

    Hello,

    I need help with some things. First let me introduce myself. I am a 18 year old guy who is coming from a Bosnia and Herzegovina, soon will be 1st year university student.

    Today I decided that I want to change my life in a good way, in way that I can earn myself money, not ask my parents anymore for the money and to be able to buy myself things that I always wanted. I was thinking a lot how can I achieve this because it's so hard to start something, especially if you don't know thing about that.

    I was surfing on the internet, looking ways to earn money and then I said to myself: "I am on the web page, looking for a job. Why can't I be able to build web-pages and earn money?"

    So I came here to ask you guys for a help.

    How to start ? What should I do first ? How long it takes to learn basics of web developing and is it same thing as web designer?

    I don't know a thing about this but I decided to learn. I know it will take a long time but nothing comes over night.

    Every help is highly appreciated!

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

    Should we help this woman? Can we? She was left hanging after paying $7500 and getting no website out of it. Makes me mad.

    Posted: 21 Jul 2018 08:20 AM PDT
    Read more
    at

    No comments:

    Post a Comment