List of web resources
How do I make an list of web resources?
The raw list of web-related resources extracted from an old project of mine.. What is a list of web resources? How do you make a list of web resources? This script and codes were developed by Hugo Giraudel on 08 September 2022, Thursday.
List of web resources Previews
List of web resources - Script Codes HTML Codes
<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>List of web resources</title> <script src="https://s.codepen.io/assets/libs/modernizr.js" type="text/javascript"></script> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css"> <style> /* NOTE: The styles were added inline because Prefixfree needs access to your styles and they must be inlined if they are on local disk! */ @import "compass/css3";
body { font: 16px/1.5 "Helvetica", "Arial", sans-serif; padding: 20px;
}
h2 { padding-bottom: 8px; border-bottom: 1px solid silver;
}
a { text-decoration: none; color: #08C; &:hover, &:focus { text-decoration: underline; } &:visited { color: adjust-hue(#08C, 30); }
}
nav { ul { list-style: disc; }
}
section:target { animation: enlight 2s;
}
@keyframes enlight { 50% { background: rgba(#ffa, .5); }
}
h2 a { font-size: .7em; float: right; position: relative; top: .5em;
} </style> <script src="https://cdnjs.cloudflare.com/ajax/libs/prefixfree/1.0.7/prefixfree.min.js"></script>
</head>
<body> <article role="main" id="top">
<h1>Web Resources Depot</h1>
<nav role="navigation"> <ul> <li><a href="#css2">CSS 2</a></li> <li><a href="#css3">CSS 3</a></li> <li><a href="#html">HTML</a></li> <li><a href="#javascript">JavaScript</a></li> <li><a href="#design">Design</a></li> <li><a href="#responsive">Responsive</a></li> <li><a href="#php">PHP / MySQL</a></li> <li><a href="#performance">Performance</a></li> <li><a href="#various">Various</a></li> <li><a href="#typography">Typography</a></li> </ul>
</nav>
<section id="css2"> <h2>CSS 2 <a href="#top">top</a></h2>
<ul>
<li><a href="https://css-tricks.com/attribute-selectors/" title="Attribute selectors">Attribute selectors</a></li>
<li><a href="http://paulirish.com/2009/browser-specific-css-hacks/" title="Browser hacks">Browser hacks</a></li>
<li><a href="https://css-tricks.com/specifics-on-css-specificity/" title="Cascading and selector weight">Cascading and selector weight</a></li>
<li><a href="https://css-tricks.com/child-and-sibling-selectors/" title="Child and sibling selectors">Child and sibling selectors</a></li>
<li><a href="https://css-tricks.com/custom-scrollbars-in-webkit/" title="Custom scrollbars on WebKit">Custom scrollbars on WebKit</a></li>
<li><a href="https://css-tricks.com/perfect-full-page-background-image/" title="Full-page background">Full-page background</a></li>
<li><a href="http://designfestival.com/the-cicada-principle-and-why-it-matters-to-web-designers/" title="Infinite random background">Infinite random background</a></li>
<li><a href="http://nicolasgallagher.com/multiple-backgrounds-and-borders-with-css2/" title="Multiple backgrounds and borders">Multiple backgrounds and borders</a></li>
<li><a href="https://josh.github.com/css-explain/" title="CSS Explain">CSS Explain</a></li>
<li><a href="http://csscomb.com/online/" title="CSS properties sorter">CSS properties sorter</a></li>
<li><a href="https://quirksmode.org/css/selectors/mobile.html" title="CSS selectors mobile table">CSS selectors mobile table</a></li>
<li><a href="http://csslint.net" title="CSS validator">CSS validator</a></li>
<li><a href="http://apps.eky.hk/css-triangle-generator/" title="CSS triangles generator">CSS triangles generator</a></li>
<li><a href="https://css-tricks.com/snippets/css/css-diagnostics/" title="CSS diagnostic (debugging)">CSS diagnostic (debugging)</a></li>
<li><a href="https://kushagragour.in/lab/hint/" title="CSS tooltips">CSS tooltips</a></li>
<li><a href="https://necolas.github.com/normalize.css/" title="Normalize.css">Normalize.css</a></li>
<li><a href="https://github.com/h5bp/html5-boilerplate/blob/master/css/main.css" title="Starting stylesheet">Starting stylesheet</a></li>
</ul> </section> <section id="css3">
<h2>CSS 3 <a href="#top">top</a></h2>
<ul>
<li><a href="http://nthmaster.com/" title=":nth-child property">:nth-child property</a></li>
<li><a href="http://nicolasgallagher.com/css-background-image-hacks/" title="Advanced backgrounds">Advanced backgrounds</a></li>
<li><a href="http://www.creativejuiz.fr/blog/tutoriels/ombre-avancees-avec-css3-et-box-shadow" title="Advanced shadows">Advanced shadows</a></li>
<li><a href="https://css-tricks.com/the-checkbox-hack/" title="Checkbox hack">Checkbox hack</a></li>
<li><a href="http://lea.verou.me/ft2010/#intro" title="CSS 3 practical intro">CSS 3 practical intro</a></li>
<li><a href="http://lea.verou.me/css3-secrets/#intro" title="CSS 3 tricks">CSS 3 tricks</a></li>
<li><a href="https://desandro.github.com/3dtransforms/docs/introduction.html" title="CSS 3D transforms">CSS 3D transforms</a></li>
<li><a href="http://blog.kenneth.io/blog/2012/03/04/word-wrapping-hypernation-using-css/" title="CSS hyphens & word-break">CSS hyphens & word-break</a></li>
<li><a href="https://net.tutsplus.com/tutorials/html-css-techniques/an-introduction-to-css-flexbox/" title="Display: flex;">Display: flex;</a></li>
<li><a href="http://thoughtresults.com/grid-layout" title="Display: grid;">Display: grid;</a></li>
<li><a href="http://playground.genelocklin.com/gradient-hr/#links" title="Gradient lines">Gradient lines</a></li>
<li><a href="http://www.aaronlumsden.com/css3/an-introduction-to-css-variables/" title="Introduction to CSS variables">Introduction to CSS variables</a></li>
<li><a href="http://www.webdirections.org/blog/css3-radial-gradients/" title="Radial gradients">Radial gradients</a></li>
<li><a href="https://leaverou.github.com/animatable/" title="Advanced transitions">Advanced transitions</a></li>
<li><a href="http://viget.com/uploads/file/boxshadows/" title="Box-shadow tricks (Chrome 11+)">Box-shadow tricks (Chrome 11+)</a></li>
<li><a href="http://beta.theexpressiveweb.com/" title="CSS 3 demo">CSS 3 demo</a></li>
<li><a href="https://tympanus.net/Tutorials/CreativeCSS3AnimationMenus/index.html" title="Menus using transitions / transforms">Menus using transitions / transforms</a></li>
<li><a href="http://lab.hakim.se/scroll-effects/" title="Scroll effects">Scroll effects</a></li>
<li><a href="http://lea.verou.me/css3patterns/" title="Background library">Background library</a></li>
<li><a href="https://daneden.me/animate/" title="CSS 3 animations library">CSS 3 animations library</a></li>
<li><a href="https://css-tricks.com/examples/nth-child-tester/" title=":nth-child property tool">:nth-child property tool</a></li>
<li><a href="http://css.coloratum.com/" title="Color codes converter">Color codes converter</a></li>
<li><a href="https://meyerweb.com/eric/css/colors/" title="Color equivalents table">Color equivalents table</a></li>
<li><a href="http://css3test.com/" title="CSS 3 browser test">CSS 3 browser test</a></li>
<li><a href="https://bennettfeely.com/flexplorer/" title="Flexbox explorer (Flexplorer)">Flexbox explorer (Flexplorer)</a></li>
<li><a href="http://lea.verou.me/demos/cssgradientsplease/" title="Gradients prefixer">Gradients prefixer</a></li>
<li><a href="http://css3ps.com" title="Photoshop to CSS 3">Photoshop to CSS 3</a></li>
<li><a href="http://caniuse.com/" title="Support tables for HTML 5 & CSS 3">Support tables for HTML 5 & CSS 3</a></li>
<li><a href="http://www.css3maker.com/" title="Code generator">Code generator</a></li>
<li><a href="http://cssarrowplease.com/" title="CSS arrows generator">CSS arrows generator</a></li>
<li><a href="http://www.colorzilla.com/gradient-editor/" title="Gradient generator (ColorZilla)">Gradient generator (ColorZilla)</a></li>
<li><a href="https://css-tricks.com/yay-for-hsla/" title="HSLa colors generator">HSLa colors generator</a></li>
<li><a href="http://proto.io/freebies/onoff/" title="On/Off flipswitch generator">On/Off flipswitch generator</a></li>
<li><a href="http://www.css3d.net/ribbon-generator/" title="Ribbons generator">Ribbons generator</a></li>
<li><a href="http://www.tabsgenerator.com/?page=index" title="Tabs generator">Tabs generator</a></li>
<li><a href="http://ademilter.com/lab/liffect/" title="Animations for list items (Liffect)">Animations for list items (Liffect)</a></li>
<li><a href="http://css3pie.com/" title="Basic CSS 3 for IE6-9">Basic CSS 3 for IE6-9</a></li>
<li><a href="https://css-tricks.com/examples/hrs/" title="Styling <hr /> tags">Styling <hr /> tags</a></li>
</ul> </section> <section id="html">
<h2>HTML <a href="#top">top</a></h2>
<ul>
<li><a href="http://camendesign.com/code/video_for_everybody" title="<video> tag / Flash fallback"><video> tag / Flash fallback</a></li>
<li><a href="http://freehtml5templates.com/downloads/free/html5-quick-learning-quide.pdf" title="Basic HTML 5 learning">Basic HTML 5 learning</a></li>
<li><a href="http://html5please.com/" title="HTML 5 / CSS 3 look up">HTML 5 / CSS 3 look up</a></li>
<li><a href="https://net.tutsplus.com/tutorials/html-css-techniques/build-a-neat-html5-powered-contact-form/" title="HTML 5 contact form">HTML 5 contact form</a></li>
<li><a href="http://html5doctor.com/downloads/h5d-sectioning-flowchart.pdf" title="HTML 5 flowchart">HTML 5 flowchart</a></li>
<li><a href="http://five.squarespace.com/display/ShowHelp?section=Markdown" title="Markdown syntax reference">Markdown syntax reference</a></li>
<li><a href="http://www.useragentman.com/blog/2012/01/03/cross-browser-html5-progress-bars-in-depth/" title="Progress bars <progress>">Progress bars <progress></a></li>
<li><a href="https://benvinegar.github.com/seamless-talk/" title="Seamless attribute for iframes">Seamless attribute for iframes</a></li>
<li><a href="https://slides.html5rocks.com/#landing-slide" title="HTML 5 demo">HTML 5 demo</a></li>
<li><a href="https://github.com/Modernizr/Modernizr/wiki/HTML5-Cross-Browser-Polyfills" title="HTML / API (+CSS) polyfills">HTML / API (+CSS) polyfills</a></li>
<li><a href="http://cssglobe.com/post/3875/cssg-collections-web-forms" title="Pre-built forms">Pre-built forms</a></li>
<li><a href="http://coding.smashingmagazine.com/2008/08/13/top-10-css-table-designs/" title="Pre-built tables">Pre-built tables</a></li>
<li><a href="http://html5test.com/" title="Browser HTML5 test">Browser HTML5 test</a></li>
<li><a href="http://docs.emmet.io/" title="Emmet (Zen Coding)">Emmet (Zen Coding)</a></li>
<li><a href="http://html-ipsum.com/" title="HTML-wrapped lorem ipsum">HTML-wrapped lorem ipsum</a></li>
<li><a href="https://github.com/h5bp/html5-boilerplate/blob/master/index.html" title="Starting HTML 5 page">Starting HTML 5 page</a></li>
</ul> </section> <section id="design">
<h2>Design <a href="#top">top</a></h2>
<ul>
<li><a href="http://www.backgroundlabs.com/" title="Background (gif/psd) library">Background (gif/psd) library</a></li>
<li><a href="http://www.iconfinder.com/" title="Icon search engine">Icon search engine</a></li>
<li><a href="http://www.ajaxload.info/" title="Loadbar library">Loadbar library</a></li>
<li><a href="http://patterns.ava7.com/" title="Pattern library">Pattern library</a></li>
<li><a href="http://www.sxc.hu/" title="Photo library">Photo library</a></li>
<li><a href="http://colour.charlottedann.com/" title="Official brand colors">Official brand colors</a></li>
<li><a href="http://pixlr.com/editor/" title="Online Photoshop">Online Photoshop</a></li>
<li><a href="http://styloapp.com/" title="UI design tool (Stylo)">UI design tool (Stylo)</a></li>
<li><a href="http://wireframe.cc/" title="UI design tool (Wireframe)">UI design tool (Wireframe)</a></li>
<li><a href="http://0to255.com/" title="Color generator (0to255)">Color generator (0to255)</a></li>
<li><a href="http://colorschemedesigner.com/" title="Color generator (CSD)">Color generator (CSD)</a></li>
<li><a href="http://kuler.adobe.com/#themes/rating?time=30" title="Color generator (Kuler)">Color generator (Kuler)</a></li>
<li><a href="http://www.noisetexturegenerator.com/" title="Noise texture generator">Noise texture generator</a></li>
<li><a href="http://www.patternify.com/" title="Pattern generator">Pattern generator</a></li>
<li><a href="http://www.stripegenerator.com/" title="Stripe generator">Stripe generator</a></li>
</ul> </section> <section id="frameworks">
<h2>Frameworks <a href="#top">top</a></h2>
<ul>
<li><a href="https://codepen.io/" title="CSS / HTML5 playground (CodePen)">CSS / HTML5 playground (CodePen)</a></li>
<li><a href="http://jsfiddle.net/" title="CSS / JS playground (JSFiddle)">CSS / JS playground (JSFiddle)</a></li>
<li><a href="https://cssdeck.com" title="CSS playground (CSSDeck)">CSS playground (CSSDeck)</a></li>
<li><a href="http://dabblet.com/" title="CSS playground (Dabblet)">CSS playground (Dabblet)</a></li>
<li><a href="https://wufoo.com/" title="Custom form generator (Wufoo)">Custom form generator (Wufoo)</a></li>
<li><a href="http://html5boilerplate.com/" title="HTML / CSS / JS framework (H5BP)">HTML / CSS / JS framework (H5BP)</a></li>
<li><a href="https://twitter.github.com/bootstrap/#" title="HTML / CSS / JS framework (Twitter Bootstrap)">HTML / CSS / JS framework (Twitter Bootstrap)</a></li>
<li><a href="https://github.com/LeaVerou/CSSS" title="HTML5 / CSS3 presentation framework">HTML5 / CSS3 presentation framework</a></li>
<li><a href="http://lab.hakim.se/reveal-js/" title="HTML5 / CSS3D / JS presentation framework">HTML5 / CSS3D / JS presentation framework</a></li>
<li><a href="https://maker.github.com/ratchet/" title="iPhone app prototyping (Ratchet)">iPhone app prototyping (Ratchet)</a></li>
</ul> </section> <section id="javascript">
<h2>JavaScript <a href="#top">top</a></h2>
<ul>
<li><a href="https://www.phpied.com/ajax-with-images/" title="AJAX with images">AJAX with images</a></li>
<li><a href="http://www.codecademy.com/" title="Didactic JavaScript learning">Didactic JavaScript learning</a></li>
<li><a href="http://www.blog-nouvelles-technologies.fr/archives/1126/lheure-un-compte-a-rebours-et-un-compteur-a-la-facon-apple-html-css-js/" title="jQuery countdown">jQuery countdown</a></li>
<li><a href="https://css-tricks.com/textarea-tricks/" title="Textarea tricks">Textarea tricks</a></li>
<li><a href="http://blog.teamtreehouse.com/the-absolute-beginners-guide-to-coffeescript" title="Guide to CoffeeScript">Guide to CoffeeScript</a></li>
<li><a href="http://jquer.in" title="Collection of jQuery plugins">Collection of jQuery plugins</a></li>
<li><a href="http://js2coffee.org/" title="JavaScript - CoffeeScript converter">JavaScript - CoffeeScript converter</a></li>
<li><a href="https://github.com/websanova/js-url" title="jQuery URL parser">jQuery URL parser</a></li>
<li><a href="http://timeline.verite.co/" title="Timeline generator">Timeline generator</a></li>
<li><a href="https://schematic-ipsum.herokuapp.com/" title="Fake JSON data generator">Fake JSON data generator</a></li>
<li><a href="http://iwantaneff.in/repo/plugins/misc/spin.js/index.html" title="JS loader generator">JS loader generator</a></li>
<li><a href="https://github.com/thingsinjars/jQuery-Scoped-CSS-plugin" title="&lt;style scoped&gt; polyfill">&lt;style scoped&gt; polyfill</a></li>
<li><a href="http://scriptsrc.net/" title="<link /> tags for JavaScript libraries"><link /> tags for JavaScript libraries</a></li>
<li><a href="https://www.philparsons.co.uk/demos/box-slider/" title="3D Slideshow (Adaptor)">3D Slideshow (Adaptor)</a></li>
<li><a href="http://cssrefresh.frebsite.nl/" title="Auto-refresh CSS on save">Auto-refresh CSS on save</a></li>
<li><a href="https://baijs.nl/tinycircleslider/" title="Circular slider">Circular slider</a></li>
<li><a href="https://github.com/Schepp/CSS-Filters-Polyfill" title="CSS filters polyfill">CSS filters polyfill</a></li>
<li><a href="https://leaverou.github.com/prefixfree/" title="CSS vendor prefixer plugin">CSS vendor prefixer plugin</a></li>
<li><a href="https://labs.voronianski.com/jquery.avgrund.js/" title="Depth modals plugin">Depth modals plugin</a></li>
<li><a href="https://code.google.com/p/jquery-ui-for-ipad-and-iphone/downloads/list" title="Enable dragging on tablets / smartphones">Enable dragging on tablets / smartphones</a></li>
<li><a href="http://louisremi.com/2012/06/05/working-around-css-transitions-bugs-with-getcomputedstyle/" title="Fixing CSS transitions bugs">Fixing CSS transitions bugs</a></li>
<li><a href="http://widgets.better2web.com/loader/" title="HTML 5 / jQuery gauge loader">HTML 5 / jQuery gauge loader</a></li>
<li><a href="http://letteringjs.com/" title="Lettering.js">Lettering.js</a></li>
<li><a href="http://slidesjs.com/" title="Minimalist slideshow (slidesJS)">Minimalist slideshow (slidesJS)</a></li>
<li><a href="https://adobe.github.com/web-platform/utilities/css-pseudo-elements/" title="Multiple pseudo-elements polyfill">Multiple pseudo-elements polyfill</a></li>
<li><a href="http://numeraljs.com/" title="Number formating plugin">Number formating plugin</a></li>
<li><a href="https://benpickles.github.com/peity/" title="Plugin figures to charts (Peity)">Plugin figures to charts (Peity)</a></li>
<li><a href="https://isotope.metafizzy.co/docs/introduction.html" title="Plugin Isotope">Plugin Isotope</a></li>
</ul> </section> <section id="performance">
<h2>Performance <a href="#top">top</a></h2>
<ul>
<li><a href="http://perfectionkills.com/profiling-css-for-fun-and-profit-optimization-notes/" title="CSS & loadtime">CSS & loadtime</a></li>
<li><a href="http://davidwalsh.name/html5-async" title="Loading JS asynchronously">Loading JS asynchronously</a></li>
<li><a href="http://www.igvita.com/slides/2012/html5devconf/#1" title="Loadtime optimization">Loadtime optimization</a></li>
<li><a href="http://jtaby.com/2012/04/23/modern-web-development-part-1.html" title="WebKit Inspector">WebKit Inspector</a></li>
<li><a href="http://www.spritecow.com/" title="CSS sprites and background-position">CSS sprites and background-position</a></li>
<li><a href="http://spritepad.wearekiss.com/" title="CSS sprites creator">CSS sprites creator</a></li>
<li><a href="http://www.smushit.com/ysmush.it/" title="Image compressor">Image compressor</a></li>
<li><a href="http://refresh-sf.com/yui/" title="JS / CSS compressor">JS / CSS compressor</a></li>
<li><a href="http://modern.ie/" title="Test your site in IE">Test your site in IE</a></li>
<li><a href="http://neil.mixture.io/non" title="Base 64 file converter">Base 64 file converter</a></li>
<li><a href="https://github.com/h5bp/html5-boilerplate/blob/master/.htaccess" title="Starting .htaccess file">Starting .htaccess file</a></li>
</ul> </section> <section id="php">
<h2>PHP / MySQL <a href="#top">top</a></h2>
<ul>
<li><a href="http://digwp.com/" title="WordPress tips & tricks">WordPress tips & tricks</a></li>
<li><a href="https://www.paulund.co.uk/php-password-generator-snippet" title="PHP Password Generator">PHP Password Generator</a></li>
<li><a href="http://www.catswhocode.com/blog/10-super-useful-php-snippets-you-probably-havent-seen" title="10 useful PHP functions">10 useful PHP functions</a></li>
<li><a href="https://css-tricks.com/chat2/" title="Chat Room">Chat Room</a></li>
<li><a href="https://css-tricks.com/snippets/php/email-protector/" title="Email protection (mailto)">Email protection (mailto)</a></li>
<li><a href="http://html5pattern.com/" title="Useful input-patterns">Useful input-patterns</a></li>
</ul> </section> <section id="responsive">
<h2>Responsive <a href="#nav">top</a></h2>
<ul>
<li><a href="http://johanbrook.com/design/css/debugging-css-media-queries/" title="Debugging media-queries">Debugging media-queries</a></li>
<li><a href="https://filamentgroup.com/lab/responsive_design_approach_for_complex_multicolumn_data_tables/" title="Responsive data table">Responsive data table</a></li>
<li><a href="http://cssgrid.net/" title="1140 CSS grid">1140 CSS grid</a></li>
<li><a href="http://griddle.it/" title="Grid layout helper">Grid layout helper</a></li>
<li><a href="http://www.responsinator.com" title="Mobile devices test">Mobile devices test</a></li>
<li><a href="https://bradfrost.github.com/this-is-responsive/" title="Resources on responsive design">Resources on responsive design</a></li>
<li><a href="http://screenqueri.es/" title="Responsive design testing tool">Responsive design testing tool</a></li>
<li><a href="http://gridpak.com/" title="Responsive grid generator">Responsive grid generator</a></li>
<li><a href="https://adapt.960.gs/" title="Stylesheets according to window size">Stylesheets according to window size</a></li>
</ul> </section> <section id="typography">
<h2>Typography <a href="#top">top</a></h2>
<ul>
<li><a href="http://www.smashingmagazine.com/2012/04/24/a-closer-look-at-font-rendering/" title="About font rendering">About font rendering</a></li>
<li><a href="http://www.reigndesign.com/blog/love-hotels-and-unicode/" title="About Unicode">About Unicode</a></li>
<li><a href="http://fontello.com/" title="Customized iconic webfont builder">Customized iconic webfont builder</a></li>
<li><a href="http://www.fontsquirrel.com/fontface/generator" title="Font use (FontSquirrel : @font-face)">Font use (FontSquirrel : @font-face)</a></li>
<li><a href="https://www.google.com/webfonts" title="Font use (GoogleFonts : <link/>)">Font use (GoogleFonts : <link/>)</a></li>
<li><a href="http://weloveiconfonts.com/" title="Icon fonts CDN">Icon fonts CDN</a></li>
<li><a href="http://pxtoem.com/" title="Px / em / % / pt calculator">Px / em / % / pt calculator</a></li>
<li><a href="http://copypastecharacter.com/" title="Special characters">Special characters</a></li>
<li><a href="http://codepoints.net/" title="Unicode character search finder">Unicode character search finder</a></li>
<li><a href="http://www.ipsum-generator.com/" title="Placeholder text generator">Placeholder text generator</a></li>
<li><a href="http://blokkfont.com/" title="Prototyping font">Prototyping font</a></li>
</ul> </section> <section id="various">
<h2>Various <a href="#top">top</a></h2>
<ul>
<li><a href="http://a11yproject.com/" title="Accessibility tips">Accessibility tips</a></li>
<li><a href="https://webdesign.tutsplus.com/tutorials/htmlcss-tutorials/getting-started-with-scalable-vector-graphics-svg/" title="Getting started with SVG">Getting started with SVG</a></li>
<li><a href="http://static.googleusercontent.com/external_content/untrusted_dlcp/www.google.com/fr//webmasters/docs/search-engine-optimization-starter-guide.pdf" title="Google's SEO guide">Google's SEO guide</a></li>
<li><a href="https://try.github.com/levels/1/challenges/1" title="Learn Git in 15 minutes">Learn Git in 15 minutes</a></li>
<li><a href="https://rogerdudler.github.com/git-guide/" title="Simple guide to Git">Simple guide to Git</a></li>
<li><a href="http://www.jonathantneal.com/blog/understand-the-favicon/" title="Understand the favicon">Understand the favicon</a></li>
<li><a href="http://webplatform.org/" title="Web Development Docs">Web Development Docs</a></li>
<li><a href="http://www.browserstack.com/" title="Cross-browser development / testing tool">Cross-browser development / testing tool</a></li>
<li><a href="http://mathiasbynens.be/demo/email-obfuscator" title="Email obfuscator">Email obfuscator</a></li>
<li><a href="http://www.zamzar.com/" title="Files converter">Files converter</a></li>
<li><a href="http://www.campaignmonitor.com/css/" title="Guide to CSS support in webmails">Guide to CSS support in webmails</a></li>
<li><a href="https://tlk.io" title="JavaScript web chat">JavaScript web chat</a></li>
<li><a href="http://devref.com/" title="Web tools and converters">Web tools and converters</a></li>
<li><a href="http://termsfeed.com/" title="English terms of service generator">English terms of service generator</a></li>
<li><a href="http://www.subdelirium.com/generateur-de-mentions-legales/" title="French terms of service generator">French terms of service generator</a></li>
<li><a href="http://lorempixel.com/" title="Placeholder images generator">Placeholder images generator</a></li>
<li><a href="http://prismjs.com/" title="Code syntax highlighter">Code syntax highlighter</a></li>
<li><a href="http://astuteo.com/slickmap/" title="Pre-built sitemap">Pre-built sitemap</a></li>
</ul>
</section>
</article> <script src='http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script>
</body>
</html>
List of web resources - Script Codes CSS Codes
@import "compass/css3";
body { font: 16px/1.5 "Helvetica", "Arial", sans-serif; padding: 20px;
}
h2 { padding-bottom: 8px; border-bottom: 1px solid silver;
}
a { text-decoration: none; color: #08C; &:hover, &:focus { text-decoration: underline; } &:visited { color: adjust-hue(#08C, 30); }
}
nav { ul { list-style: disc; }
}
section:target { animation: enlight 2s;
}
@keyframes enlight { 50% { background: rgba(#ffa, .5); }
}
h2 a { font-size: .7em; float: right; position: relative; top: .5em;
}
| Developer | Hugo Giraudel |
| Username | HugoGiraudel |
| Uploaded | September 08, 2022 |
| Rating | 3.5 |
| Size | 8,824 Kb |
| Views | 24,288 |
Do you need developer help for List of web resources?
Find the perfect freelance services for your business! Fiverr's mission is to change how the world works together. Fiverr connects businesses with freelancers offering digital services in 500+ categories. Find Developer!
Hugo Giraudel (HugoGiraudel) Script Codes
| Name | Size |
| CSS power button | 3,836 Kb |
| Synchronise background position with padding | 3,411 Kb |
| A Pen by Hugo Giraudel | 3,061 Kb |
| CSS Dribbble invite request | 9,749 Kb |
| Demo Flexbox 3 | 2,822 Kb |
| CSS 3 progress bar | 2,808 Kb |
| Pure CSS button switch | 4,769 Kb |
| Off-canvas navigation | 3,864 Kb |
| Batman login form | 4,731 Kb |
| Demo Flexbox 2 | 2,778 Kb |
Create amazing marketing copy with AI!
Jasper is the AI Content Generator that helps you and your team break through creative blocks to create amazing, original content 10X faster. Discover all the ways the Jasper AI Content Platform can help streamline your creative workflows. Start For Free!
Similar Scripts & Codes
| Name | Username | Size |
| RRC wrapSwitch | Pshrmn | 2,922 Kb |
| TweenMax transformOrigin Bubble | Nicolund | 2,209 Kb |
| SCSS Simple Animated Drop-In | Danwarfel | 2,175 Kb |
| Material design buttons | Fischaela | 4,381 Kb |
| A Pen by James Podles | Jpod | 2,656 Kb |
| Button shaking | SusanneLundblad | 2,227 Kb |
| CSS Donut Charts | Seanstopnik | 2,908 Kb |
| Toolbar | Onsen | 5,414 Kb |
| Rain Landing in a Pond | Edball | 3,009 Kb |
| Wikipedia viewer | Chpecson | 2,865 Kb |
Do you want hide your ip address?
Surf anonymously, prevent hackers from acquiring your IP address, send anonymous email, and encrypt your Internet connection. High speed, ultra secure, and easy to use. Instant setup. Hide Your IP Now!