Anne S. Katzeff askdesign
askdesign
/ ticker-tape.css
Last active
July 16, 2023 23:05
A basic ticker tape (marquee text) with just CSS
https://aurooba.com/ticker-tape-marquee-css/
https://codepen.io/aurooba/full/oNQgwrx
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| .ticker-tape-container { | |
| overflow-x: hidden; | |
| max-width: 700px; | |
| width: 100%; | |
| display: flex; | |
| } | |
| .ticker-tape { | |
| --direction: normal; | |
| --duration: 60s; |
askdesign
/ screen-reader-only
Last active
February 16, 2023 21:53
https://zellwk.com/blog/hide-content-accessibly/
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| .screen-reader-only { | |
| border: 0; | |
| clip: rect(0 0 0 0); | |
| height: auto; | |
| margin: 0; | |
| overflow: hidden; | |
| padding: 0; | |
| position: absolute; | |
| width: 1px; | |
| white-space: nowrap; |
askdesign
/ arrow-in-middle.css
Last active
April 21, 2022 18:46
FEBRUARY 25, 2022 by Temani Afif
https://www.freecodecamp.org/news/section-divider-using-css
https://css-generators.com/section-divider/
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /* --- Arrow in middle: top size is 150px, with 10px gap betwween top and bottom --- */ | |
| .top { | |
| clip-path: polygon(0 0,100% 0,100% calc(100% - 150px),calc(50% + 150.00px) calc(100% - 150px),50% 100%,calc(50% - 150.00px) calc(100% - 150px),0 calc(100% - 150px)); | |
| } | |
| .bottom { | |
| clip-path: polygon(0 0,calc(50% - 4.14px - 150.00px) 0,50% calc(150px + 4.14px),calc(50% + 4.14px + 150.00px) 0,100% 0,100% 100%,0 100%); | |
| margin-top: -140px; | |
| } |
askdesign
/ style.css
Last active
April 1, 2021 21:48
Anchor links take user too low on the linked page.
Solution: Offset html anchor to adjust for fixed header height.
https://github.com/daattali/beautiful-jekyll/issues/69 **Definition and Usage**
URLs with an # followed by an anchor name link to a ce
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| :target::before { | |
| content: ''; | |
| display: block; | |
| height: 130px; | |
| margin-top: -130px; | |
| } |
askdesign
/ functions.php
Last active
February 25, 2021 22:41
You can go even further and add a widget area to the top of your blog page template (archives). This snippet contains PHP code which will register a new widget area and output the content using the Genesis actions hooks which executes in the locatio
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| genesis_register_sidebar( array( | |
| 'id' => 'before-blog', | |
| 'name' => __( 'Before Blog Widget', 'wpsites' ), | |
| 'description' => __( 'This is the before post widget area on the blog page only.', 'wpsites' ), | |
| ) ); | |
| /** | |
| * @author Brad Dalton - WP Sites | |
| * @example http://wp.me/p1lTu0-9Jr | |
| */ | |
| add_action( 'genesis_before_loop', 'wpsites_before_blog_widget', 9 ); |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Redirect page on WordPress.com: | |
| https://wordpress.com/domains/add/site-redirect/askdesigndev.wordpress.com | |
| Good information: | |
| https://www.isitwp.com/how-to-move-your-site-from-wordpress-com-to-wordpress-org/#redirect | |
askdesign
/ 01-functions.php
Created
September 19, 2019 18:19
https://gist.github.com/designnify/e42f9430163aa6da15a0
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /** RESPONSIVE MENU - by designnify - https://gist.github.com/designnify/e42f9430163aa6da15a0 **/ | |
| // Add the following in child theme’s functions.php: | |
| // Enqueue Scripts and Styles | |
| //* Activate the use of Dashicons | |
| add_action( 'wp_enqueue_scripts', 'load_dashicons_front_end' ); | |
| function load_dashicons_front_end() { | |
| wp_enqueue_style( 'dashicons' ); | |
| } | |
| //* Enqueue scripts for Responsive menu |
askdesign
/ Footer shortcodes
Last active
March 24, 2021 15:58
askdesign
/ 01-information
Created
August 19, 2019 18:25
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| HOW TO BUILD A WORKING BOOTSTRAP CONTACT FORM | |
| https://bootstrapious.com/p/how-to-build-a-working-bootstrap-contact-form | |
| These are the instrux. and templates I used to revamp the shop-order-painting form on my website. |
askdesign
/ 01-page-plugin
Created
August 6, 2019 11:35
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Code is from Facebook's developers area: | |
| https://developers.facebook.com/docs/plugins/page-plugin/ | |
| Max width = 500 px | |
| There are plugins that will do similar things. |
NewerOlder