Snipplr

(CSS) CSS Conic Gradient - jamiedornan

Fri, 17 Apr 2020 03:50:56 UTC

CSS Conic Gradient Example...........................

(CSS) Fix dropdown menu after scroll in Divi to keep menu items white (or whatever color you need) - sharkpuck

Wed, 29 Jan 2020 15:02:08 UTC

fixes the dropdown li menu in Divi after shrinking header scroll to keep the li elements the correct color

(CSS) syntax for creating the gradient in CSS - devquora

Fri, 29 Nov 2019 18:20:09 UTC

CSS gradients help you to display transitions between more than two colors. In order to create a linear gradient, you must represent at least two color stops. Color stops are the colors you desire to render smooth transitions among. In addition to the gradient effect, you can also set a starting point and a direction. The syntax for creating the gradient in CSS is background-image: linear-gradient(direction, color-stop1, color-stop2, ...);

(CSS) Non-Transparent Inside Transparent Elements - apphp-snippets

Tue, 30 May 2017 18:11:29 UTC

If using transparency on a block element it makes the text inside transparent as well. Is there a way you can prevent that from happening? Yes, you may do it by putting the text in another div and setting the opacity to 100%, but that didn't do the job. Although, logically, it would!

(CSS) Align Backgroud Image with Offset in CSS - apphp-snippets

Tue, 30 May 2017 18:10:22 UTC

You may align background image not only to left or top corner, but also use an offset for alignment.

(CSS) Aligning Checkbox with Label - mattvbiggs

Fri, 02 Dec 2016 05:45:25 UTC

Aligning a label with a checkbox can be tricky. Here is the HTML and CSS I used to achieve it.

(CSS) CSS HORIZONTAL LIST MENU - codingforever99

Mon, 07 Mar 2016 13:34:45 UTC

Learn how to build simple css horizontal list menu.

(CSS) Css bullet img replacement - bcounts

Thu, 18 Feb 2016 11:47:33 UTC

Change your list bullet to a custom character in CSS. Will not wrap it multiple lines

(CSS) Media Query for Footer CASHBOARD - Hootz

Wed, 13 Jan 2016 23:11:03 UTC

This is the CSS for the footer

(CSS) css border bottom on Text input - 52756

Tue, 29 Dec 2015 07:18:36 UTC

Text input Field with Bottom Border only. Border color change at focus

(CSS) My own font-face in CSS - apphp-snippets

Tue, 22 Dec 2015 07:02:08 UTC

It allows you to add your own fonts on the page. To convert to different formats use this service Font2Web.

(CSS) My own @font-face in CSS - apphp-snippets

Tue, 22 Dec 2015 06:31:57 UTC

It allows you to add your own fonts on the page. To convert to different formats use this service Font2Web.

(CSS) CSS: Media Query - heathbo

Sat, 03 Oct 2015 03:01:44 UTC

This is code you put in a CSS file. It queries the size of the screen using the parameters passed in. If its true, it then applies the CSS

(CSS) Read More Script - designermedia

Fri, 11 Sep 2015 02:03:51 UTC

Nice little Face in for long text (slightly modified)

(SASS) Bootstrap All Screen Align - merianos

Fri, 24 Apr 2015 02:08:41 UTC

This is a simple SASS script that producing CSS classes for text alignment in different screen sizes primarily for bootstrap but of course can be used in other scripts as well.

(CSS) Transition Effect for Gradients on Hover - COBOLdinosaur

Tue, 21 Apr 2015 04:31:57 UTC

A simple transition from a linear gradient to a radial gradient can be made very dramatic by including a color change transition. One of 10 effects presented.

(CSS) css code example - johnschneider

Sun, 12 Apr 2015 01:42:43 UTC

CSS3 code from portfolio site

(CSS) Rotating HTML Elements With CSS - COBOLdinosaur

Fri, 10 Apr 2015 04:57:18 UTC

The base rotation can be in three different planes; though as we will see later combinations can make it look like we rotate through many perceived planes. In the examples below instead of rotate we specify the plane by using rotateZ (The default we have been using), rotateX, and rotateY.

(CSS) Sample Media Query in html Header - jefferis

Sat, 24 Jan 2015 09:39:57 UTC

Unlike linked style sheets, it is necessary to enclose CSS in Headers in a "style type". This example media query is for screens under 1024 (tablets and phones) to make sure the images do not extend beyond the layout.

(CSS) CSS Basic Banner - RodolfoMiranda

Sat, 24 Jan 2015 02:05:06 UTC

This is the style for a basic banner.

(CSS) Include Cascading Style Sheets (CSS) in JSF - luhonghai

Wed, 14 Jan 2015 13:55:18 UTC

In JSF 2.0, you can use output a css file

(CSS) Accessibility/SEO Friendly CSS Hiding - luhonghai

Wed, 14 Jan 2015 13:53:13 UTC

Removes an item from the page, without affecting page flow or causing scrollbars. Much better than display: none; or even visibility: hidden;

(JavaScript) Hexadecimal Color Inverter - tionazo

Thu, 08 Jan 2015 01:04:51 UTC

By Matt Lagrandeur

(CSS) css navigation menu bar - codingforever99

Sun, 23 Nov 2014 21:49:36 UTC

useful and simple css navigation menu bar.

(CSS) CSS counter styling - ngocviet

Wed, 19 Nov 2014 13:40:40 UTC

two properties: * counter-reset * counter-increment This example shows a way to number chapters and sections with "Chapter 1", "1.1", "1.2", etc.

(CSS) Targeting Chrome With CSS - apphp-snippets

Tue, 08 Jul 2014 17:56:26 UTC

This solution is based on Chrome specific CSS extension. Other browsers will ignore this rule.

(CSS) Corrugated Background using Gradient - COBOLdinosaur

Fri, 20 Jun 2014 04:14:50 UTC

A simple effect using simple CSS. This is part of a collection of gradient effects

(SASS) rgba fallback for any attribute - eklemen

Tue, 25 Mar 2014 01:44:33 UTC

rgba fallback for any attribute

(jQuery) Chrome Fix for Disappearing Fonts - eklemen

Tue, 11 Mar 2014 04:27:27 UTC

Chrome bug-fix. CSS forces Chrome to redraw the fonts

(SASS) Custom Select Inputs - eklemen

Sat, 08 Mar 2014 05:27:31 UTC

SASS to customize the appearance of select inputs

(CSS) Animated Tooltip with CSS - apphp-snippets

Sun, 02 Feb 2014 20:42:41 UTC

This example shows you how to create custom tooltips, using just a pure CSS. In this examples we use "transform" feature of the CSS3 and some other tricks. Also you may find additional tooltip class provided, to show you the way you may customize this code.

(CSS) Prevent Long URL's From Breaking Out with CSS - apphp-snippets

Sun, 02 Feb 2014 20:38:40 UTC

This solution will help you to prevent many issues with your site, when you need to prevent long URL's from breaking out of container.

(JavaScript) How to use AngularJS and Laravel Blade together. - CreativePunch

Sat, 11 Jan 2014 10:28:34 UTC

In this article I will show you how to use AngularJS and Laravel Blade together. People who have been using AngularJS for a while may know of this solution. However if you are just getting started or have never used Angular with a templating engine like Blade, read ahead!

(PHP) Sortable index view tables with Laravel 4 - CreativePunch

Sat, 04 Jan 2014 03:20:40 UTC

In this article I would like to share how to make a sortable index view with Laravel 4. Letâ€™s assume you have an index view with a table. Like this example for a table that contains posts.

(HTML) Better HTML 5 basic starter template - ginoplusio

Fri, 15 Nov 2013 22:22:33 UTC

This is a basic HTML5 starter template that I use when I start a new project. Scripts should go at the end.

(PHP) WordPress Tiny MC Editor mit eigenen CSS-Klassen erweitern - gabbo

Wed, 06 Nov 2013 22:41:03 UTC

FÃ¼r functions.php

(HTML) HTML5 Basic Template (w/ Comments) - Rar

Sun, 27 Oct 2013 10:36:15 UTC

Extremely helpful to anyone who is looking to improve performance and follow best practices in HTML/CSS

(CSS) Adding horizontal spacing between rows - fhenderson

Fri, 25 Oct 2013 04:27:22 UTC

If you want to add horizontal spacing between rows, use a border for the tag:

(CSS) Media Queries (for Responsive Web Design) - iroybot

Fri, 20 Sep 2013 07:05:56 UTC

A couple of useful media queries...

(jQuery) Fixed Floated Elements - maddev-

Sat, 14 Sep 2013 17:20:50 UTC

Creating fixed floated comment's box on right side

(HTML) Animated coming soon page with email signup - flanker

Fri, 13 Sep 2013 03:08:34 UTC

Comingsoon Page for those who don't have time to code. HTML5 web form for email subscription. PHP backend and MySql database. Compatible across browsers

(CSS) As if events weren't even there... - chris5marsh

Thu, 29 Aug 2013 06:57:51 UTC

If you want to have an element that appears on a higher z-index than another, but don't want it to receive click events, use the following:

(CSS) Universal Most-Used Starter Styles - tymartist

Tue, 06 Aug 2013 11:19:29 UTC

* A set of starter styles that can be added to any library * The most-used styles I add to all of my sites

(CSS) Drop down menu with fade in no scripting - COBOLdinosaur

Fri, 12 Jul 2013 04:19:58 UTC

The first thing you might notice is that I am not using nested lists to layout the menu. That is an old XHTML layout technique. I am using the more semantically correct HTML5

(JavaScript) CSS domain injector tool - pussard

Tue, 25 Jun 2013 04:47:53 UTC

This handy tool takes raw CSS and finds all relative URLs for background images and injects the absolute path. After which all the background images are displayed on the page. This is useful if you need a quick way to save all background images at once.

(CSS) 6 even spaced elements across the page using calc() for sizing - COBOLdinosaur

Tue, 18 Jun 2013 05:59:11 UTC

The CSS calc() function can be used anywhere a length, frequency, angle, time, number, or integer is required. It can be used to apply values for width/height; font-size; margins; padding; borders; shadows; border radius; text-indent;top/right/bottom/left(for position); and any place that a number is required.

(CSS) Progress Bar CSS - oscarlgarcia

Tue, 11 Jun 2013 09:10:50 UTC

Simple Progress Bars with only CSS

(CSS) Simple CSS Clearfix - andrewcolby

Mon, 03 Jun 2013 17:39:05 UTC

Simple Clearfix

(HTML) Alternating column colors in HTML tables - COBOLdinosaur

Sun, 26 May 2013 01:59:56 UTC

The colgroup and col structure is like a directive that specifies table formatting outside of the normal flow. Notice that the col tags do not get closed in HTML5, and the cascade is irregular. Normally the cascade applies to children, but the rows and cells in the table are not children or grandchildren of the col or colgroup. The relationship is more like stepchildren. Because of the irregular relationship, the CSS specificity appears to be quirky. Its not really, but it is not always as expected. To insure the the correct application of both the colgroup rules and the other rules being applied to the tr and td tags the colgroup rules should be applied in line, or be the final rule in the style entries.

(CSS) Subtle Recessed Divider Line - nshakin

Tue, 21 May 2013 05:58:38 UTC

Create a subtle "recessed" looking divider line. The example restyles the

tag but it can applied to anything.