thiscodeWorks - Saving, organizing & sharing the best of code online

https://montagne.qodeinteractive.com/landing/?aso

Una regola css applicata solo ai devices con monitor larghi da 768px a 1024px.

@media only screen and (min-width: 768px) and (max-width: 1024px) {
.footer h2 {
color: #ffffff;
font-size: 30px;
}
}

Una regola per tutti i devices con monitor inferiori a 1024px.

@renzobassi

@media screen and (max-width: 1024px) {
.footer h2 {
color: #ffffff;
font-size: 30px;
}
}

Una regola per tutti i devices con monitor superiore a 1024px.

@renzobassi

@media screen and (min-width: 1024px) {
.footer h2 {
color: #ffffff;
font-size: 30px;
}
}

GraphQL/Apollo/Angular/Module

@samurab

import {HttpClientModule} from '@angular/common/http';
import {APOLLO_OPTIONS} from 'apollo-angular';
import {HttpLink} from 'apollo-angular/http';
import {InMemoryCache} from '@apollo/client/core';

@NgModule({
  imports: [BrowserModule, HttpClientModule],
  providers: [
    {
      provide: APOLLO_OPTIONS,
      useFactory: (httpLink: HttpLink) => {
        return {
          cache: new InMemoryCache(),
          link: httpLink.create({
            uri: 'https://48p1r2roz4.sse.codesandbox.io',
          }),
        };
      },
      deps: [HttpLink],
    },
  ],
})
export class AppModule {}

css Sg WEB DEV

@developerashed

* {
  margin:0;
  padding:0;
  box-sizing: border-box;
}
body{
  font-family: "Poppins",sans-serif;
}
:root{
   --el-color:#333;

}
h1,
h2,
h3,
h4,
a,
p {
  color: var(--el-color);
}
a{
  text-decoration: none;
}
h1{
  font-size:2.5rem;
}
h2{
  font-size: 2rem;
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: 2px;
}
h3{
  font-weight:600;
}
p{
  font-weight: 300;
}
i{
  color:#eb7620;
}
.m-t{
  margin-top: 150px;
}
.m-b {
  margin-bottom: 100px;
}
.container {
  width: 70%;
  margin: auto;
  text-align: center;
}
/* Header Section */
nav{
  height: 100px;
}
nav h2{
  float: left;
  display: inline;
  line-height: 100px;
}
nav ul{
  float: right;
  line-height: 100px;
}
nav ul li{
 display: inline-block;
 margin: 0 25px;
}

nav ul li a {
  text-transform: uppercase;
}

.active{
   background-color: #eb7620;
   border-radius: 20px;
   padding: 7px 25px;
   color:#fff;

}

/* Showcase Area */

.Showcase {
  height: calc(100vh - 100px);
  background-image: linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5)),
     url("img/mkb\ \(1\).jpg");
  background-size: cover;
  background-repeat: no-repeat;
  border-bottom: 10px solid #eb7620;
}

.Showcase-content h1 {
  color: #fff;
  letter-spacing: 2px;
  
}
.Showcase-content p {
  margin: 50px 0;
  color: #fff;
}
.Showcase-content {
  width: 50%;
  margin: auto;
  text-align: center;
  transform: translateY(30yh);
}
.Showcase-content .btn {
  color: #fff;
  border: 2px solid #fff;
  padding: 10px 60px;
  font-weight: 600;
  letter-spacing: 2px;
  text-transform: uppercase;
  transition: 0.5s all;
}
.Showcase-content .btn:hover {
  background-color: #eb7620;
  border: 0;
}
/* About */
.about .about-image{
  width: 45%;
  float: left;
}
.about-wrapper img {
  max-width: 100%;
  height: auto; 
}
.about .about-content {
  width: 45%;
  float: right;
  text-align: left;
  margin-top: 60px;

}
.about .line{
  width: 15px;
  height: 6px;
  margin-top: 50px;
  background-color: 50px;
}
.about p{
  margin-top: 50px;
}
.about ul{
  margin-top: 50px;
  list-style: none;
}
.about ul li {
  margin: 10px 0;
}
.about.fa-li {
  margin-left: -20px;
}
.social-icon {
  margin-top: 50px;
}
.social-icon i {
  padding: 10px;
  font-size: 30px;
  border: 1px solid black;
}

Html SG Web dev

@developerashed

<!DOCTYPE html>
<html lang="en">
<head>
  <script src="https://kit.fontawesome.com/8eb7af3c40.js" crossorigin="anonymous"></script>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Softech</title>
  <link rel="icon" href="img/twitter.jpg"/>

  <style>
    @import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Oswald:wght@200;300;400;500;600;700&family=Poppins:wght@500&family=Press+Start+2P&family=Work+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
    </style>
    <link rel="stylesheet" href="style.css"/>
    
</head>
<body>
     <header>
       <div class="container">
        <nav>  
           <h2>SOFTECH</h2>
            <ul>
              <li><a href="#" class="active">Home</a></li>
              <li><a href="#">About</a></li>
              <li><a href="#">Services</a></li>
              <li><a href="#">Projects</a></li>
              <li><a href="#">Contact</a></li>
            </ul>
           </nav>
         </div>
      </header>
      <!--Showcase-->
      <section class="Showcase">
        <div class="Showcase-content">
          <h1>Building Websites and Mobile Apps For Boosting Your Business</h1>
          <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Sint quisquam mollitia quis excepturi, maxime eius provident, ad, hic minima aliquid harum placeat. Voluptatum voluptates, cumque facilis iusto asperiores autem! Modi.</p>
          
          <a href="#" class="btn">Explore</a>

        </div>

      </section>
      <!-- About Section -->
      <section class="about m-t">
        <div class="container">
          <h2 class="m-b">About Us</h2>
          <div class="about-wrapper">
             <div class="about-image">
                 <img src="img/mkb (4).jpg" alt="" />
             </div>   
               <div class="about-content">
                 <h1>SPECIALISED IN WEBSITE DESIGN AND DEVELOPMENT.</h1>
                 <div class="line"></div>
                 <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit.
                    Unde deserunt mollitia esse debitis consequatur repellendus
                     aliquid voluptatem, at perferendis earum iste delectus iure
                      voluptate ea voluptas sed voluptatibus impedit rerum.</p>
                      <ul class="fa-ul">
                        <li>
                          <span class="fa-li"><i class="fas fa-circle-notch"></i></span>
                          provident you solution for all your software needs
                        </li>
                        <li>
                          <span class="fa-li"><i class="fas fa-circle-notch"></i></span>
                          Mobile apps development.
                        </li>
                        <li>
                          <span class="fa-li"><i class="fas fa-circle-notch"></i></span>
                          Wordpress development made easy.
                        </li>
                      </ul>
                      <div class="social-icon">
                        <a href="#"><i class="fab fa-facebook-f"></i></a>
                        <a href="#"><i class="fab fa-twitter"></i></a>
                        <a href="#"><i class="fab fa-youtube"></i></a>
                        <a href="#"><i class="fab fa-linkedin-in"></i></a>
                      </div>
               </div>
          </div>
        </div>
      </section>
    </body>
</html>

Build process

@tolanisirius

"scripts": {
  "watch-sass": "sass sass/main.scss css/style.css --watch",
  "compile-sass": "sass sass/main.scss css/style.comp.css",
  "concat-css": "concat -o css/style.concat.css css/additional.css css/style.comp.css",
  "prefix-css": "postcss --use autoprefixer -b 'last 5 versions' css/style.concat.css -o css/style.prefix.css",
  "compress-css": "sass css/style.prefix.css css/style.css --style=compressed --no-source-map",
  "build-css": "npm-run-all compile-sass concat-css prefix-css compress-css"
},
"devDependencies": {
    "autoprefixer": "^10.4.0",
    "npm-run-all": "^4.1.5",
    "postcss-cli": "^9.1.0",
    "sass": "^1.45.1"
  	"concat": "version"
  }
npm install live-server -g

Keep background image fixed during scroll using css

@sofiabedoy_96

background-image: url("/your-dir/your_image.jpg");
min-height: 100%;
background-repeat: no-repeat;
background-attachment: fixed;
background-position: center;
background-size: cover;}

python - Finding the index of an item in a list - Stack Overflow

>>> ["foo", "bar", "baz"].index("bar")
1

background overlay on image

@shivam4799

   <div class="flex justify-start items-center flex-col h-screen ">
    <div class="relative w-full h-full bg-gray-700">
        <img src="https://images.pexels.com/photos/461077/pexels-photo-461077.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940" class=" w-full h-full object-cover ">
        
        <div class="absolute flex flex-col justify-center items-center top-0 right-0 left-0 bottom-0  " style="background:rgba(0, 0 ,0 ,0.7)">
            <div class="shadow-2xl">
              <button class="text-xl bg-white px-5 py-1 rounded shadow">Share</button>
            </div>
        </div>
    </div>
</div>

<!-- OR -->

<div class="flex justify-start items-center flex-col h-screen ">
    <div class="relative w-full h-full bg-gray-700">
        <img src="https://images.pexels.com/photos/461077/pexels-photo-461077.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940" class=" w-full h-full object-cover mix-blend-overlay">
        
        <div class="absolute flex flex-col justify-center items-center top-0 right-0 left-0 bottom-0  ">
            <div class="shadow-2xl">
              <button class="text-xl bg-white px-5 py-1 rounded shadow">Share</button>
            </div>
        </div>
    </div>
</div>

Python RegEx

class RegexMatchTooMuch(Exception): pass


# set up pattern
pattern = re.compile(r'''          
    ^["]*           # text may or may not start with "
    (               # start defining group to return
        [^"]*       # the first character is not "
        \.          # next is .
        csv         # next is csv
    )               # end defining the group to return
    ["]*$           # text may or may not end in "
''', re.VERBOSE+re.IGNORECASE)
reres = pattern.findall('report for RIUD .csv')

if len(reres) == 1:
    print(reres[0])
elif len(reres) == 0:
    print('No match')
else:
    raise RegexMatchTooMuch

Missing Data percentage dataframe

@amogh

def missing_pct(df):
    # Calculate missing value and their percentage for each column
    missing_count_percent = df.isnull().sum() * 100 / df.shape[0]
    df_missing_count_percent = pd.DataFrame(missing_count_percent).round(2)
    df_missing_count_percent = df_missing_count_percent.reset_index().rename(
                    columns={
                            'index':'Column',
                            0:'Missing_Percentage (%)'
                    }
                )
    df_missing_value = df.isnull().sum()
    df_missing_value = df_missing_value.reset_index().rename(
                    columns={
                            'index':'Column',
                            0:'Missing_value_count'
                    }
                )
    # Sort the data frame
    #df_missing = df_missing.sort_values('Missing_Percentage (%)', ascending=False)
    Final = df_missing_value.merge(df_missing_count_percent, how = 'inner', left_on = 'Column', right_on = 'Column')
    Final = Final.sort_values(by = 'Missing_Percentage (%)',ascending = False)
    return Final

missing_pct(df)

Change bar width seaborn

@amogh

def change_width(ax, new_value) :
    for patch in ax.patches :
        current_width = patch.get_width()
        diff = current_width - new_value

        patch.set_width(new_value)

        patch.set_x(patch.get_x() + diff * .5)

How to fix a corrupt zsh history file | George Ornbo

@rezaeir

cd ~
mv .zsh_history .zsh_history_bad
strings -eS .zsh_history_bad > .zsh_history
fc -R .zsh_history

prompt - ZSH: Hide computer name in terminal - Stack Overflow

@huttyman

https://stackoverflow.com/questions/31848957/zsh-hide-computer-name-in-terminal

[Solved] PHP Comparing time - Code Redirect

@khalidlogi

$time = strtotime($timest);

$curtime = time();

if(($curtime-$time) > 1800) {     //1800 seconds
  //do stuff
}

hello

@ahatchkins

print('hello world')

activity_main.xml

@siddhantlad

<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity">
    <ImageView
        android:id="@+id/img_xml"
        android:layout_width="wrap_content"
        android:layout_height="100dp"
        android:src="@drawable/logo"
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintRight_toRightOf="parent"
        app:layout_constraintTop_toTopOf="parent" />
    <androidx.recyclerview.widget.RecyclerView
        android:id="@+id/recycler_xml"
        android:layout_width="match_parent"
        android:layout_height="0dp"
        app:layout_constraintBottom_toTopOf="@+id/edit_xml"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toBottomOf="@+id/img_xml" />
    <EditText
        android:id="@+id/edit_xml"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:hint="Task"
        app:layout_constraintBottom_toTopOf="@id/button_xml" />

    <Button
        android:id="@+id/button_xml"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="Add Task"
        app:layout_constraintLeft_toRightOf="@id/edit_xml"
        app:layout_constraintBottom_toBottomOf="parent"/>

</androidx.constraintlayout.widget.ConstraintLayout>

card_design.xml

@siddhantlad

<?xml version="1.0" encoding="utf-8"?>
<androidx.cardview.widget.CardView
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="50dp"
    android:layout_margin="10dp"
    app:cardElevation="6dp">

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal"
        android:padding="5dp">

        <ImageView
            android:id="@+id/imageview"
            android:layout_width="40dp"
            android:layout_height="40dp" />

        <TextView
            android:id="@+id/textView"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginStart="10dp"
            android:layout_marginLeft="15dp"
            android:text="Item"
            android:textSize="20sp"
            android:textStyle="bold" />

    </LinearLayout>

</androidx.cardview.widget.CardView>

MainActivity.kt

@siddhantlad

package com.example.asjtodolist

import android.content.Context
import androidx.appcompat.app.AppCompatActivity
import android.os.Bundle
import androidx.recyclerview.widget.LinearLayoutManager
import androidx.recyclerview.widget.RecyclerView
import android.content.SharedPreferences
import android.view.View
import android.widget.Button
import android.widget.EdgeEffect
import android.widget.EditText
import android.widget.Toast

data class ItemsViewModel(val image: Int, val text: String) {
}

class MainActivity : AppCompatActivity() {
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContentView(R.layout.activity_main)
        val button: Button=findViewById(R.id.button_xml)
        val editText:EditText=findViewById(R.id.edit_xml)

        val editor: SharedPreferences.Editor = this.getSharedPreferences("My_Table_name", Context.MODE_PRIVATE).edit()
        val sharedPreferences = getSharedPreferences("My_Table_name", MODE_PRIVATE)

        val data = ArrayList<ItemsViewModel>()
        val recyclerview = findViewById<RecyclerView>(R.id.recycler_xml)
        recyclerview.layoutManager = LinearLayoutManager(this)
        val adapter = CustomAdapter(data)
        recyclerview.adapter = adapter

        button.setOnClickListener {
            var set: MutableSet<String>
            var set_null: MutableSet<String> = mutableSetOf("", " ")
            set = sharedPreferences.getStringSet("key", set_null) as MutableSet<String>
            var arr: ArrayList<String> = set.toList() as ArrayList<String>
            arr.add(editText.text.toString())
            set.addAll(arr)
            editor.putStringSet("key", set)
            editor.clear().apply()
            data.add(ItemsViewModel(R.drawable.logo, editText.text.toString()))
            adapter.notifyDataSetChanged()
        }

        if (sharedPreferences.getStringSet("key",null)!=null){
            for (i in 0 until sharedPreferences.getStringSet("key",null)!!.size){
                if (sharedPreferences.getStringSet("key",null)!!.elementAt(i).trim()!="") {

                    data.add(
                        ItemsViewModel(
                            R.drawable.logo,
                            sharedPreferences.getStringSet("key", null)!!.elementAt(i)
                        )
                    )
                }
            }
        }
    }
}

CustomAdapter.kt

@siddhantlad

package com.example.asjtodolist

import android.view.LayoutInflater
import android.view.View
import android.view.ViewGroup
import android.widget.ImageView
import android.widget.TextView
import androidx.recyclerview.widget.RecyclerView

class CustomAdapter(private val mList: List<ItemsViewModel>) : RecyclerView.Adapter<CustomAdapter.ViewHolder>() {

    override fun onCreateViewHolder(parent: ViewGroup, viewType: Int): ViewHolder {
        val view = LayoutInflater.from(parent.context)
            .inflate(R.layout.card_design, parent, false)
        return ViewHolder(view)
    }

    override fun onBindViewHolder(holder: ViewHolder, position: Int) {
        val ItemsViewModel = mList[position]
        holder.imageView.setImageResource(ItemsViewModel.image)
        holder.textView.text = ItemsViewModel.text
    }

    override fun getItemCount(): Int {
        return mList.size
    }

    class ViewHolder(ItemView: View) : RecyclerView.ViewHolder(ItemView) {
        val imageView: ImageView = itemView.findViewById(R.id.imageview)
        val textView: TextView = itemView.findViewById(R.id.textView)
    }
}

[Vivaldi Mod] Extensions in left pane and auto hide address bar/show on hover | Part 1/2: CSS

@pirate

/* list extensions toolbar icons in vertical */ 
.toolbar-extensions {
    flex-direction: column;
}

/* make extension popup visible on left pane */
#switch {
    contain: size;
}

/* position extension popup */
.extension-popup {
    left: 34px !important;
    top: 15% !important;
    box-shadow: 0px 0px 10px 2px #00000075;
}

/* remove top arrow from extension popup */
.extension-popup:before, .extension-popup:after {
    display: none !important;
}

/* put address bar on bottom and hide */
.toolbar-addressbar {
    order: 2;
    transition: transform .2s;
    position: fixed;
    bottom: 22px;
    width: 100%;
    transform: translate3d(0, 50px, 0);
}

/* reveal on hover */
.toolbar-addressbar.show-addressbar, .toolbar-addressbar:hover {
transform: translate3d(0, 0, 0);
}

[Vivaldi Mod] Extensions in left pane and auto hide address bar/show on hover | Part 2/2: custom.js

@pirate

setTimeout(function wait() {
    const browser = document.getElementById('browser');
    if (browser) {
        const toolbarExtensions = document.querySelector('.toolbar-extensions');
        const addressbar = document.querySelector('.toolbar-addressbar');
        const statusbar = document.querySelector('.toolbar-statusbar');

        document.querySelector('.addwebpanel-wrapper').prepend(toolbarExtensions);

        statusbar.addEventListener('mouseover', () => {
          addressbar.classList.add('show-addressbar');
        });

        statusbar.addEventListener('mouseout', () => {
          addressbar.classList.remove('show-addressbar');
        });
    }
    else {
        setTimeout(wait, 300);
    }
}, 300);

quantity

@emleons23

                 <div class="container mt-5">
                     <div class="row">
                        <div class="col-sm-4"></div>
                        <div class="col-sm-4 col-sm-offset-4">
                            <div class="input-group mb-3">
                                <div class="input-group-prepend">
                                    <button class="btn btn-dark btn-sm" id="minus-btn"><i class="fa fa-minus"></i></button>
                                </div>
                                <input type="number" id="qty_input" class="form-control form-control-sm" value="1" min="1">
                                <div class="input-group-prepend">
                                    <button class="btn btn-dark btn-sm" id="plus-btn"><i class="fa fa-plus"></i></button>
                                </div>
                            </div>
                        </div>
                        <div class="col-sm-4"></div>
                    </div>
                </div>

<script>
          	$(document).ready(function(){
    $('#qty_input').prop('disabled', true);
    $('#plus-btn').click(function(){
    	$('#qty_input').val(parseInt($('#qty_input').val()) + 1 );
    	    });
        $('#minus-btn').click(function(){
    	$('#qty_input').val(parseInt($('#qty_input').val()) - 1 );
    	if ($('#qty_input').val() == 0) {
			$('#qty_input').val(1);
		}

    	    });
 });
                          </script>

move legend seaborn

@amogh

def move_legend(ax, new_loc, **kws):
    old_legend = ax.legend_
    handles = old_legend.legendHandles
    labels = [t.get_text() for t in old_legend.get_texts()]
    title = old_legend.get_title().get_text()
    ax.legend(handles, labels, loc=new_loc, title=title, **kws)

Install kernel 5.12

@princekarlo

wget https://kernel.ubuntu.com/~kernel-ppa/mainline/v5.12.5/amd64/linux-headers-5.12.5-051205-generic_5.12.5-051205.202105190541_amd64.deb
wget https://kernel.ubuntu.com/~kernel-ppa/mainline/v5.12.5/amd64/linux-headers-5.12.5-051205_5.12.5-051205.202105190541_all.deb
wget https://kernel.ubuntu.com/~kernel-ppa/mainline/v5.12.5/amd64/linux-image-unsigned-5.12.5-051205-generic_5.12.5-051205.202105190541_amd64.deb
wget https://kernel.ubuntu.com/~kernel-ppa/mainline/v5.12.5/amd64/linux-modules-5.12.5-051205-generic_5.12.5-051205.202105190541_amd64.deb
sudo dpkg -i linux*.deb

tips for displaying profile in thiscodeworks from gravatar

@nlpwshiyi

# the email that you use to register the gravatar profile has to match in thiscodeworks!

Auto hide bookmark bar | Vivaldi

@pirate

/* Auto hide bookmark bar */
#browser.tabs-top.address-top.bookmark-bar-top .UrlBar,
#browser.tabs-top.address-bottom.bookmark-bar-bottom .UrlBar,
#browser.tabs-top.address-bottom.bookmark-bar-top .UrlBar,
#browser.tabs-bottom.address-top.bookmark-bar-top .UrlBar,
#browser.tabs-bottom.address-bottom.bookmark-bar-bottom .UrlBar {
    z-index: 2;
}

#browser.tabs-top.address-top.bookmark-bar-top .bookmark-bar,
#browser.tabs-top.address-bottom.bookmark-bar-bottom .bookmark-bar,
#browser.tabs-top.address-bottom.bookmark-bar-top .bookmark-bar,
#browser.tabs-bottom.address-top.bookmark-bar-top .bookmark-bar,
#browser.tabs-bottom.address-bottom.bookmark-bar-bottom .bookmark-bar {
    position: absolute !important;
    width: 100%;
    transition: transform 0.2s !important;
    z-index: 1;
}

/* tabs-top address-top bookmark-bar-top */
#browser.tabs-top.address-top.bookmark-bar-top .bookmark-bar {
    top: 34px;
    transform: translateY(-100%);
}

#browser.tabs-top.address-top.bookmark-bar-top .bookmark-bar:hover,
#browser.tabs-top.address-top.bookmark-bar-top .UrlBar:hover ~ .bookmark-bar,
#browser.tabs-top.address-top.bookmark-bar-top #header:hover ~ #main .bookmark-bar {
    transform: translateY(0);
}

/* tabs-top address-bottom bookmark-bar-bottom */
#browser.tabs-top.address-bottom.bookmark-bar-bottom .bookmark-bar {
    bottom: 34px;
    transform: translateY(100%);
}

#browser.tabs-top.address-bottom.bookmark-bar-bottom .bookmark-bar:hover,
#browser.tabs-top.address-bottom.bookmark-bar-bottom .UrlBar:hover ~ .bookmark-bar {
    transform: translateY(0);
}

/* tabs-top address-bottom bookmark-bar-top */
#browser.tabs-top.address-bottom.bookmark-bar-top .bookmark-bar {
    top: 0;
    transform: translateY(-100%);
}

#browser.tabs-top.address-bottom.bookmark-bar-top .bookmark-bar:hover,
#browser.tabs-top.address-bottom.bookmark-bar-top #header:hover ~ #main .bookmark-bar {
    transform: translateY(0);
}

/* tabs-bottom address-top bookmark-bar-top */
#browser.tabs-bottom.address-top.bookmark-bar-top .bookmark-bar {
    top: 34px;
    transform: translateY(-100%);
}

#browser.tabs-bottom.address-top.bookmark-bar-top .bookmark-bar:hover,
#browser.tabs-bottom.address-top.bookmark-bar-top .UrlBar:hover ~ .bookmark-bar {
    transform: translateY(0);
}

/* tabs-bottom address-bottom bookmark-bar-bottom */
#browser.tabs-bottom.address-bottom.bookmark-bar-bottom .bookmark-bar {
    bottom: 64px;
    transform: translateY(100%);
}

#browser.tabs-bottom.address-bottom.bookmark-bar-bottom.stacks-on:not(.tabs-at-edge) .bookmark-bar {
    bottom: calc(64px + var(--padding));
    transform: translateY(100%);
}

#browser.tabs-bottom.address-bottom.bookmark-bar-bottom .bookmark-bar:hover,
#browser.tabs-bottom.address-bottom.bookmark-bar-bottom .UrlBar:hover ~ .bookmark-bar {
    transform: translateY(0);
}

.webpanel-header {
    z-index: 0;
}

Exceptions in Java - GeeksforGeeks

@nadernehal

/ by zero.

Quiz #1 Code

@mtd

x = 3 + 1
y = 5
z = x + y

html - How to center-justify the last line of text in CSS? - Stack Overflow

@Aqdasrasheed

.center-justified {
    text-align: justify;
    text-align-last: center;
}

check if pakage is installed or not

@sauravmanu

public class Example extends Activity {
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main);
        //Put the package name here...
        boolean installed = isAppInstalled("com.whatsapp");  
        if(installed) {
            System.out.println("App is already installed on your phone");         
        } else {
            System.out.println("App is not currently installed on your phone");
        }
    }

    private boolean isAppInstalled(String packageName) {
        PackageManager pm = getPackageManager();
        boolean app_installed;
        try {
            pm.getPackageInfo(packageName, PackageManager.GET_ACTIVITIES);
            app_installed = true;
        }
        catch (PackageManager.NameNotFoundException e) {
            app_installed = false;
        }
        return app_installed;
    }
}

Link per contatto - EMAIL

@renzobassi

<a href="mailto:tua@email.com">Manda un'email</a>

CSS per una singola pagina

@renzobassi

.page-id-10 .footer_widgets_wrapper {
display:none;
}

Immagine con link in html

@renzobassi

<a href="http://home.com"><img src="images/logo.png" alt="" id="logo"></a>

Form con CF7 e Iubenda

@renzobassi

<div class="column one-second">[text* your-name placeholder "Il tuo nome"] </div>
<div class="column one-second">[email* your-email placeholder "La tua e-mail"] </div>
<div class="column one">[textarea your-message x5 placeholder "Messaggio"]</div>
<div class="column one">[acceptance acceptance-243] Ho letto la <a class="iubenda-nostyle no-brand iubenda-embed iub-legal-only" title="Privacy Policy" href="https://www.iubenda.com/privacy-policy/99517835">Privacy Policy</a> <script type="text/javascript">(function (w,d) {var loader = function () {var s = d.createElement("script"), tag = d.getElementsByTagName("script")[0]; s.src="https://cdn.iubenda.com/iubenda.js"; tag.parentNode.insertBefore(s,tag);}; if(w.addEventListener){w.addEventListener("load", loader, false);}else if(w.attachEvent){w.attachEvent("onload", loader);}else{w.onload = loader;}})(window, document);</script> e acconsento al trattamento dei miei dati  personali al solo scopo di poter essere contattato.</div>
<div class="column one">[submit "Invia"]</div>

Form con CF7 e link a pagina Privacy

@renzobassi

<div class="column one-second">[text* your-name placeholder "Il tuo nome"] </div>
<div class="column one-second">[email* your-email placeholder "La tua e-mail"] </div>
<div class="column one">[textarea your-message x5 placeholder "Messaggio"]</div>
<div class="column one">[acceptance acceptance-243] Ho letto la <a title="Privacy Policy" href="link alla pagina...">Privacy Policy</a> e acconsento al trattamento dei miei dati  personali al solo scopo di poter essere contattato.</div>
<div class="column one">[submit "Invia"]</div>

Per rendere obbligatoria la spunta del form accettazione con CF7

@renzobassi

acceptance_as_validation: on

Link per contatto - TELEFONO

@renzobassi

<a href="tel:+391234567890">Chiama il +39 123 4567890</a>

Link per contatto - WHATSAPP

@renzobassi

<a href="https://wa.me/39338123456789">Contattami su WhatsApp</a>

Link testuali

@renzobassi

<a href="/cartela/pagina.html">Link interno</a>

<a href="http://www.sito.ext/pagina.html">Link esterno</a>

<!-- Crea un'etichetta -->
<a href="pippo.html" title="Pagina di Pippo">Pippo</a>

<!-- Apre un link in una nuova finestra col valore _blank -->
<a href="pippo.html" target="_blank">Pippo</a>

<!-- Apre un link nofollow -->
<a href="http://www.sito.ext/pagina.html" rel="nofollow">Sito esterno</a>

Commenti nei vari codici

@renzobassi

<!-- Commento in HTML -->
  
/* Commento in CSS */
  
//questo è un commento in php su una riga singola 

/*
questo è un commento in php su più righe...
questo è un commento in php su più righe...
questo è un commento in php su più righe...
*/

Introduction · Bootstrap

@talebmedia

<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">

Introduction · Bootstrap

@talebmedia

  <script src="https://code.jquery.com/jquery-3.6.0.js" integrity="sha256-H+K7U5CnXl1h5ywQfKtSj8PCmoN9aaq30gDh27Xc0jk=" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js" integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6" crossorigin="anonymous"></script>

lists

@ahoeweler

# get last value from list:
list[-1]
# start is inclusive, end is exclusive
list[2:4]
# add elements of list
list[1] + list[2]
# delete elements of list
del(list[2])
# sort lists
sorted(list)

Introduction · Bootstrap

@talebmedia

<!doctype html>
<html lang="en">
  <head>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

    <!-- Bootstrap CSS -->
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">

    <title>Hello, world!</title>
  </head>
  <body>
    <h1>Hello, world!</h1>

    <!-- Optional JavaScript -->
    <!-- jQuery first, then Popper.js, then Bootstrap JS -->
    <script src="https://code.jquery.com/jquery-3.4.1.slim.min.js" integrity="sha384-J6qa4849blE2+poT4WnyKhv5vZF5SrPo0iEjwBvKU7imGFAV0wwj1yYfoRSJoZ+n" crossorigin="anonymous"></script>
    <script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js" integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6" crossorigin="anonymous"></script>
  </body>
</html>

Tables · Bootstrap

@talebmedia

<table class="table">
  <thead>
    <tr>
      <th scope="col">#</th>
      <th scope="col">First</th>
      <th scope="col">Last</th>
      <th scope="col">Handle</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <th scope="row">1</th>
      <td>Mark</td>
      <td>Otto</td>
      <td>@mdo</td>
    </tr>
    <tr>
      <th scope="row">2</th>
      <td>Jacob</td>
      <td>Thornton</td>
      <td>@fat</td>
    </tr>
    <tr>
      <th scope="row">3</th>
      <td>Larry</td>
      <td>the Bird</td>
      <td>@twitter</td>
    </tr>
  </tbody>
</table>

Using a custom product page button - Back In Stock Support Center

@linooliveira

<button id="BIS_trigger">Notify me</button>

Using a custom product page button - Back In Stock Support Center

@linooliveira

<a href="#" id="BIS_trigger">Notify me when restocked</a>

Landing – Montagne

Una regola css applicata solo ai devices con monitor larghi da 768px a 1024px.

Una regola per tutti i devices con monitor inferiori a 1024px.

Una regola per tutti i devices con monitor superiore a 1024px.

GraphQL/Apollo/Angular/Module

css Sg WEB DEV

Html SG Web dev

Build process

Keep background image fixed during scroll using css

python - Finding the index of an item in a list - Stack Overflow

background overlay on image

Python RegEx

Missing Data percentage dataframe

Change bar width seaborn

How to fix a corrupt zsh history file | George Ornbo

prompt - ZSH: Hide computer name in terminal - Stack Overflow

[Solved] PHP Comparing time - Code Redirect

hello

activity_main.xml

card_design.xml

MainActivity.kt

CustomAdapter.kt

[Vivaldi Mod] Extensions in left pane and auto hide address bar/show on hover | Part 1/2: CSS

[Vivaldi Mod] Extensions in left pane and auto hide address bar/show on hover | Part 2/2: custom.js

quantity

move legend seaborn

Install kernel 5.12

tips for displaying profile in thiscodeworks from gravatar

Auto hide bookmark bar | Vivaldi

Exceptions in Java - GeeksforGeeks

Quiz #1 Code

html - How to center-justify the last line of text in CSS? - Stack Overflow

check if pakage is installed or not

Link per contatto - EMAIL

CSS per una singola pagina

Immagine con link in html

Form con CF7 e Iubenda

Form con CF7 e link a pagina Privacy

Per rendere obbligatoria la spunta del form accettazione con CF7

Link per contatto - TELEFONO

Link per contatto - WHATSAPP

Link testuali

Commenti nei vari codici

Introduction · Bootstrap

Introduction · Bootstrap

lists

Introduction · Bootstrap

Tables · Bootstrap

Using a custom product page button - Back In Stock Support Center

Using a custom product page button - Back In Stock Support Center

Save snippets that work with our extensions