Shineyrock
web design & consultancy
Shineyrock
Gezocht op: "de" / 1376 gevonden
23 JavaScript Best Practices for Beginners
…dered best practice to always use strict equality when comparing. "If two operands are of the same type and value, then === produces true and !== produces false." - JavaScript: The Good Parts However, when working with == and !=, you'll run into issues when working with different types. When…
30 JavaScript Best Practices for Beginners
…der-box; } body {margin: 0;}*{box-sizing:border-box;}body{margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;} As a follow-up to "30 HTML and CSS Best Practices", this week, we'll review JavaScript! HTML & CSS 30 HTML Best Practices for Beginners Jeffrey Way 1. Use === Instead of == JavaScript uses two different kinds of equality operators: === and !== are the…
9 Regular Expressions You Should Know
…der-box; } body {margin: 0;}*{box-sizing:border-box;}body{margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;} Regular expressions are a language of their own. Today, we'll review nine regular expressions that you should know for your next coding project. For a refresher on regular expressions, check out our regex cheat sheet. JavaScript Regex Cheat Sheet Monty Shokeen 23 Mar 2022 How…
30+ PHP Best Practices for Beginners
…der-box; } body {margin: 0;}*{box-sizing:border-box;}body{margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;} PHP is the most widely used language for server-side programming on the web. Here are 30+ best practices for beginners wanting to gain a firmer grasp of the fundamentals. We have also written posts like these for HTML, CSS, and JavaScript. HTML & CSS 30…
20+ HTML Forms Best Practices for Beginners
…der-box; } body {margin: 0;}*{box-sizing:border-box;}body{margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;} Working with HTML forms can be somewhat daunting. They not only use some niche HTML elements, but also blur the line between static content and user interaction. Let's review some things to remember when creating your next form. Good HTML forms require attention to at…
Submit a Form Without Page Refresh Using jQuery
…der="Monty" class="text-input" required/> </div> <div class="input-box"> <label for="email" id="email_label">Email</label> <input type="email" name="email" id="email" placeholder="example@tutsplus.com" class="text-input"/> </div> <div class="input-box"> <label for="phone" id="phone_label">Phone</label> <input type="tel" name="phone" id="phone" class="text-input" placeholder="856-261-9988"/> </div> <input type="submit" name="submit" class="button" id="submit_btn" value="Send" /> </fieldset> </form> <div class="greetings"> <h1>Contact US</h1> <p>We are waiting to hear from you!</p> </div> </div>…
How to Build a Kick-Butt CSS3 Mega Drop-Down Menu
…der-box; } body {margin: 0;}*{box-sizing:border-box;}body{margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;} Often used on e-commerce or large scale websites, mega menus are becoming more and more popular, as they offer an effective solution to displaying a lot of content while keeping a clean layout. In this tutorial, we'll learn how to build a cross-browser, awesome CSS-only…
How to Build a Kick-Butt CSS3 Mega Dropdown Menu
…der-box; } body {margin: 0;}*{box-sizing:border-box;}body{margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;} Often used on e-commerce or large-scale websites, mega menus are becoming more and more popular, as they offer an effective solution to displaying a lot of content while keeping a clean layout. In this tutorial, we'll learn how to build a cross-browser, awesome CSS-only drop-down…
HTML5 Audio and Video: What You Must Know
…der-box; } body {margin: 0;}*{box-sizing:border-box;}body{margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;} In promotion of what I consider to be the best HTML5 book currently available on the market, Remy Sharp and Bruce Lawson agreed to donate a chapter of Introducing HTML5 to our readers, which details the ins and outs of working with HTML5 video and…
How to Create Diagonal Lines With CSS
…der-box; } body {margin: 0;}*{box-sizing:border-box;}body{margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;} A lot of the websites that we visit have elements laid out in rectangular boxes. You don't have to put in a lot of effort to make rectangular shapes on a webpage. It is also relatively easy to create circular shapes using the border-radius property.…