Tag:Design sketch

  • Custom audio player with audio

    Time:2021-1-22

    design sketch audio.html audio <span style=”background-color: #f5f5f5; color: #800000;”> *</span><span style=”background-color: #f5f5f5; color: #000000;”>{</span><span style=”background-color: #f5f5f5; color: #ff0000;”>margin</span><span style=”background-color: #f5f5f5; color: #000000;”>:</span><span style=”background-color: #f5f5f5; color: #0000ff;”>0</span><span style=”background-color: #f5f5f5; color: #000000;”>;</span><span style=”background-color: #f5f5f5; color: #ff0000;”>padding</span><span style=”background-color: #f5f5f5; color: #000000;”>:</span><span style=”background-color: #f5f5f5; color: #0000ff;”>0</span><span style=”background-color: #f5f5f5; color: #000000;”>;</span><span style=”background-color: #f5f5f5; color: #ff0000;”>list-style</span><span style=”background-color: #f5f5f5; color: #000000;”>:</span><span style=”background-color: […]

  • Sourcetree failed to authenticate with SSH key

    Time:2021-1-20

    Link to the original text: https://dsx2016.com/?p=969 WeChat official account: Senior brother 2016 SSHAuthentication failed When pushing a branch, promptSSHKey authentication failed. Click Yes Click to try again Click Cancel Final effect picture Solutions Click Tools – Options choiceSSHclient:OpenSSHClick OK Tips If it has been createdgithub sshKey, if not, you can create a new one yourself

  • Front end open source project recommendation

    Time:2021-1-11

    preface During this period, students and some friends who are engaged in front-end development have been asking “is there any recommended front-end open source project?” Because I have been busy with my work and have no time to sort out, I sorted out some open source projects at your request today.The order of recommendation has […]

  • Gaode map API example — mobile wedding invitation

    Time:2021-1-3

    design sketch     First, add the mobile meta map <span style=”background-color: #f5f5f5; color: #800000;”> *</span><span style=”background-color: #f5f5f5; color: #000000;”>{</span><span style=”background-color: #f5f5f5; color: #ff0000;”>margin</span><span style=”background-color: #f5f5f5; color: #000000;”>:</span><span style=”background-color: #f5f5f5; color: #0000ff;”>0</span><span style=”background-color: #f5f5f5; color: #000000;”>;</span><span style=”background-color: #f5f5f5; color: #ff0000;”>padding</span><span style=”background-color: #f5f5f5; color: #000000;”>:</span><span style=”background-color: #f5f5f5; color: #0000ff;”>0</span><span style=”background-color: #f5f5f5; color: #000000;”>;</span><span style=”background-color: #f5f5f5; color: […]

  • JS gets the current time and refreshes it in real time

    Time:2021-1-2

    design sketch <!DOCTYPE html> <html> <head> <meta charset=”{CHARSET}” /> < title > JS gets the current time and refreshes it in real time <script> //Page load call window.onload = function() { //Refresh time every 1 second setInterval(“NowTime()”, 1000); }; function NowTime() { //Date of acquisition var time = new Date(); var year = time.getFullYear(); var month = […]

  • Realization of gray and white space oblique angle background image with CSS3

    Time:2020-12-31

    design sketch code background: repeating-linear-gradient(-35deg, #fff 0, #fff 1%, gray 1%, gray 2%);

  • A case study of beautifying forms with valid and invalid pseudo classes

    Time:2020-12-23

    design sketch form <span style=”background-color: #f5f5f5; color: #800000;”> .container</span><span style=”background-color: #f5f5f5; color: #000000;”>{</span><span style=”background-color: #f5f5f5; color: #ff0000;”>margin</span><span style=”background-color: #f5f5f5; color: #000000;”>:</span><span style=”background-color: #f5f5f5; color: #0000ff;”>100px</span><span style=”background-color: #f5f5f5; color: #000000;”>;</span><span style=”background-color: #f5f5f5; color: #ff0000;”>position</span><span style=”background-color: #f5f5f5; color: #000000;”>:</span><span style=”background-color: #f5f5f5; color: #0000ff;”> relative</span><span style=”background-color: #f5f5f5; color: #000000;”>;</span><span style=”background-color: #f5f5f5; color: #ff0000;”>font-size</span><span style=”background-color: #f5f5f5; color: #000000;”>:</span><span style=”background-color: […]

  • Comprehensive case of HTML5 form validation beautification

    Time:2020-12-22

    Events used: Oninput is triggered immediately when the value changes Oninvalid is triggered when validation is not met Although the trigger value of onchange will change, it is not triggered immediately. It can only be triggered when the mouse loses focus Onfocus is triggered when the focus is obtained   design sketch form <span style=”background-color: […]

  • Sourcetree failed to authenticate via SSH key

    Time:2020-12-18

    Link to the original text: https://dsx2016.com/?p=969 WeChat official account: Senior brother 2016 SSHAuthentication failed When pushing a branch, promptSSHKey authentication failed. Click Yes Click to try again Click Cancel Final rendering Solutions Click Tools – Options choiceSSHclient:OpenSSHClick OK Tips The premise is that it has been createdgithub sshIf you don’t have a key, you can […]

  • IOS share extension custom sharing interface

    Time:2020-12-17

    First of all, the effect picture is too ugly by default. Search the user-defined interface of share extension. Most articles will guide you to use nsextensionprincipalclass, then inherit uiviewcontroller, and then all the handwritten code. But I want to use storyboard! It’s very simple You don’t need to change the nsensionprincipalclass, just continue to use […]

  • Java insert and convert SVG to PDF

    Time:2020-12-14

    summary Recently, due to the need of work, we want to realize the conversion of SVG format to PDF. At the same time, we also hope to be able to insert the SVG format document content into the existing PDF completely. After investigation and testing, it is found thatSpire.PDF for JavaControl can achieve the above […]

  • Gesture unlocking of mobile phone by canvas

    Time:2020-12-9

    According to the international practice, the effect picture should be displayed first 1. JS dynamically initializes DOM structure First, in the index.html Add basic styles to body{background:pink;text-align: center;} Add a mobile meta head introduce index.js script index.js //Anonymous function self execution (function(){ //Canvas lock is a global object window.canvasLock=function(obj){ this.width=obj.width; this.height=obj.height; } //Dynamic generation of […]