My bookmarks

This is simply an export from my bookmarks in Chrome which I've saved over the years. Imagine some of these links wont even work... but you might find a few 💎s in there if you're lucky.

Sites I like Developer links

Sites I like

· Footer — The only footer gallery on earth.
· 6 uniquely Japan web designs
· BEST – SaaS landing page examples
· BEST – One Page siets
· BEST – Web design inspiration catalog
· BEST – Astronomically good web design
· BEST – Landing Page Examples
· Bold use of colour – twotwo
· Book display by Stripe
· Stolt – nice editorial layouts
· Bridgepoint – Home
· Global management consulting | McKinsey & Company
· Anchour | Branding Agency | Web Design, Digital Marketing | Maine
· Guillaume Gouessan – Creative Developer WOW!!!!!
· Home | Andy Budd
· Home | Rickett Architects
· Ilkka Janatuinen
· Stripe Sessions 2023 | Stripe Sessions Conference San Francisco
· Brad Woods’ Digital Garden
· Floor796
· Public London – branding agency
· Modern layout withy Stolt-Nielsen
· B2B Inbound Marketing Blog | Content Marketing, Website Design, Digital Marketing Strategy Agency
· Blurred background – Case Study Videos – KashFlow
· The Shipyard | ShipBob’s Short Term Product Roadmap
· mydevice.io : web devices capabilities
· CodePen – Hero effect–Magazine
· CodePen – Magazine Layout – USA Hockey Magazine
· 32 CSS Magazine Layouts
· ICONSVG – Quick customizable SVG icons for your project
· Modern CSS Solutions
· Vistaserv.net
· Bustle
· Single HTML page using ::target
· Bill Erickson – WordPress Developer (15 years experience)
· Monthly – Online Classes | Commit To Your Creativity For 30 Days
· Edge & Node
· Design Consultancy London – tangerine
· Little Red – PR agency
· Manrope – free sans-serif variable font
· La Fondation Entrée en Scène
· Meta | Social Metaverse Company
· Magic Chilled – hover over header
· Sexy login form
· Scroll down to see scan
· Red Hot Chili Peppers
· fotografie-kirchheim.de | nice photographer site
· Mollie – Better payments
· ArtSpeak Creative – A Creative Agency for Life-Changers
· VIDEO backgrounds – sick site
· Cool image transitions
· Home • Standout™
· Contact Us | Cotswold Water Park
· Developer – Sarah Maynard
· Inside Mozilla: Firefox fights back
· Nice text layout – Greg Schoppe
· Sick landing page
· 18 web design trends for 2017 | Webflow Blog
· Tiny Giant – grid and clipping mask monster in footer
· Images that blend when scroll – site Boz found
· Lyuba Nova – Just another Developer
· Latest news at the bottom
· Place holder images
· Time to read slider
· Share button on unsplash blog
· Headers and blog layout
· Voucher popup bottom left – slider
· daverupert.com
· Red and white on header image
· Simple done well.
· Lauren Geremia — Freunde von Freunden
· Team | Crew
· Quark – pretty
· The dark side of Guardian – Graphs appearing on screen
· Mapbox | Design and publish beautiful maps
· Diverse Device Hands — Facebook Design Resources
· Circle (Landing page, Dashboard, Mobile App) on Behance
· Hamburger menu hover rather than click
· Black Olive
· Contact page is nice
· Block at bottom – CPD website
· Background image flash (white)
· Nice video at top and mask
· 95 Inspiring Websites of Web Design Agencies
· Similar to my 2014 blog
· Bakery Website Design
· Anchour | Branding, Design, Web Services & Development, Advertising | Windham, Maine | Anchour
· John O’Nolan – similar header to my 2014
· Mixd – World Class Web Design
· David DeSandro
· Rockpool Digital
· SnkArt | Logo Print Web
· Tim Van Damme – I want that photo. So simple!
· Penalty infographic online
· JuxtaposeJS — Northwestern University Knight Lab
· All stock sites
· Web design, branding and print design — Askew Brook – Scarborough and Central London
· Bynder Brand Portal & Digital Asset Management Software
· DARK WEBSITE LOVE
· Lumo
· Nice case study display
· Nice blue – comms business
· Elliot Brown Watches
· Piktochart : Make Information Beautiful – Login
· Create a Cool Website with Fancy Scrolling Effects
· SocialBro – Explore your Twitter community
· HubSpot | All-in-one Inbound Marketing Software
· Sojourn Network – Sojourn Network
· Action Sports Tour
· Ragamuffin Soul | Carlos Whittaker’s Weblog
· Hello – Exposure
· CSS Buttons with Pseudo-elements | Codrops
· Southworth Industries
· Collections
· StockSnap.io – Beautiful Free Stock Photos
· INSANE FREE IMAGES <3 PATRICK
· MORE BEAUTIFUL IMAGES
· Premium Stock Photos OFFSET
· Free stock photos · Pexels
· Home | Herschel Supply Co
· Vic Bell – illustrator
· Corin
· Firmstep | eForms and Web Portals for Customer Service and Government Agencies
· Rubbaglove – bright creative thinking
· Authentic Jobs ~ Full-time and freelance job opportunities for web, design, and creative professionals
· seymourpowell: design and innovation company – case studies
· PR HOLIDAY – WE WENT TO A FOAM PARTY IN MAGALUF « Viceland.com
· Not shit web design.
· Don’t Let a Good Recession Go to Waste!
· Blitz – Making load and performance testing a fun sport
· Screenr – Screencasts by shrimp144
· FONT — Google Web Fonts Arvo
· Cut the Rope
· impress.js | presentation tool based on the power of CSS3 transforms and transitions in modern browsers | by Bartek Szopka @bartaz
· Tree House
· Firefly
· Modem Aztech CNR2900-W(C1) SEC 56 kbps
· Altitude 2013 – A web event in Portsmouth, 100 meters above sea level
· Home – Send My Friend to School
· Get Invited .to

Development links

· SVG Crop – remove blank space from around any SVG
· CSS tooltips in 2024
· What Size Is My Browser – Extreme
· CSS only floating labels
· CSS Grid Equal Columns – Wes Bos
· The Good Line-Height
· Simple CSS full page swipe animation
· Stack Glitch Effect Css Only
· CSS Responsive Scroll-Driven Text Reveals
· Javscript IP detection – IPAPI
· FREE – Relume Library Figma Kit
· Open Props – CSS variables
· Container query syntax
· WordPress playground
· DoNotPay – The World’s First Robot Lawyer
· Layout Breakouts with CSS Grid | Ryan Mulligan
· CSS mesh gradients generator: Mesher Tool by CSS Hero
· Icônes – big set of icons
· Animate height 0 to auto with grid-template-rows – Chris Coyier
· Visual design rules you can safely follow every time
· Homepage Best Practices: 20 Things to Add (and 5 to remove) | Orbit Media Studios
· Neurodiversity Design System
· The Guide To Responsive Design In 2023 and Beyond – Ahmad Shadeed
· web-platform-tests dashboard
· Flex-grow 9999 Hack
· GitHub – benmatselby/sublime-phpcs: PHP CodeSniffer, PHP Coding Standard Fixer, Linter and Mess Detector Support for Sublime Text
· CSS in 3D: Learning to Think in Cubes Instead of Boxes | CSS-Tricks – CSS-Tricks
· Design websites for UX/UI
· Fluid type – Container Query Units and Fluid Typography | Modern CSS Solutions
· CSS text-wrap: balance – Chrome Developers
· Rebuilding a featured news section with modern CSS: Vox news – Ahmad Shadeed
· Animated height 0 to auto with CSS
· Conditional CSS with :has and :nth-last-child – Ahmad Shadeed
· HTML View Transitions on multi-page apps | daverupert.com
· Conditional CSS with :has and :nth-last-child – Ahmad Shadeed
· Web Performance Metrics Cheatsheet
· Most Popular JavaScript Libraries in 2021 | Openbase
· mmenu.js – App look-alike menus with sliding submenus
· CSS Custom Properties | 12 Days of Web
· Mouse wheel scroll in Slick slider
· Style Stage from Modern CSS Solutions
· SmolCSS
· SRCSET for CSS – image-set
· CSS Clamp generator – Modern fluid typography editor
· How to Favicon in 2022: Six files that fit most needs — Martian Chronicles, Evil Martians’ team blog
· Horizontal scrolling nav | @mdo
· SpeedCurve | Ten years of page bloat: What have we learned?
· On scroll animation
· Star Wars Scene Transition Effects in CSS / Coder’s Block
· Cool CSS Hover Effects That Use Background Clipping, Masks, and 3D | CSS-Tricks – CSS-Tricks
· Parallax Scrolling CSS
· UI & UX Micro-Tips: Best of 2022
· Greenshift – Page builder and Animation Builder Gutenberg plugin
· Clamp min max calculator
· 5 Ways To Detect Mobile Browsers in JavaScript | by Yang Zhou | TechToFreedom | Oct, 2022 | Medium
· Animating DOM Changes – Samsung Internet Developers – Medium
· The Fastest Google Fonts – CSS Wizardry – Web Performance Optimisation
· Using Flexbox and text ellipsis together · Leonardo Faria
· Add the option { once: true } to an event listener to automatically remove it when has been invoked – fire once
· Layout Shift GIF Generator – Cumulative Layout Shift (CLS) Visualiser.
· `content-visibility` is landing in Chromium 85
· How to use CSS masking
· Object-Oriented Programming (in JavaScript) | CSS-Tricks
· Writing a plugin from scratch, including adding extensible features
· infinitered/nsfwjs: NSFW detection on the client-side via TensorFlow.js
· Lazy Line Painter
· The Vanilla JS Toolkit
· CSS Container Queries
· URL-encoder for SVG
· Set the body to cover the entire ‘height’ of the screen
· Clip-path converter
· Cache-Busting CSS | CSS-Tricks
· Practical Uses of CSS Math Functions: calc, clamp, min, max | Modern CSS Solutions
· 30 seconds of code
· robots.txt Validator and Testing Tool | TechnicalSEO.com
· hookr.io | The WordPress Hook/API Index
· Debt Recovery – Solicitors’ Letter Before Action | Debt Guard
· instant.page
· simpleParallax – a JavaScript library for parallax effects
· Progressively enhanced, media query-free grid
· Winning with CSS Variables | hey it’s violet
· a 4 / 9 compound grid using CSS named lines
· Smoother & sharper shadows with layered box-shadows | Tobias Ahlin
· Flowbase | Lottie SVG Animations guide by Tom Bekkers
· Labels are a last resort
· Move on scroll – Moving Rainbow Underlines | CSS-Tricks
· google webfonts helper
· Simple Image Placeholders with SVG – Cloud Four
· All – Tiny Helpers
· Different coloured list ticks – scroll to bottom
· A Guide to Console Commands | CSS-Tricks
· Minimum viable dark mode | Chase McCoy
· Mouse movement Parallax Effect
· A Complete Guide to CSS Functions | CSS-Tricks
· DNS Checker – DNS Propagation Check & DNS Lookup
· How to prefix post permalinks with /blog/ – without affecting custom post types? – WordPress Development Stack Exchange
· Critical CSS
· Async-loaded scripts with DOMContentLoaded or load event handlers – graph
· Online regex tester and debugger: PHP, PCRE, Python, Golang and JavaScript
· How to disable the single view for a custom post type? – WordPress Development Stack Exchange
· Bulk URL HTTP Status Code, Header & Redirect Checker | httpstatus.io
· Offline website page
· Parsley form validation and Google reCaptcha Invisible
· jQuery Lazy – Delayed Content, Image and Background Lazy Loader
· JS in CSS package and examples.
· ACF | ACF 5.8 – Introducing ACF Blocks for Gutenberg
· Search WordPress by Custom Fields without a Plugin | Adam Balée Designs, LLC
· Find elements by CSS property
· Flex-box: Align last row to grid – Stack Overflow
· Zac Gordon – JavaScript Explained
· Say Goodbye to ‘get_terms’, Use ‘WP_Term_Query’ – Vu Nam Hung – Medium
· Sanitizing $wpdb queries using prepare get_results
· Feather – Simply beautiful open source icons
· Common .htaccess Redirects · GitHub
· Responsive Image Breakpoints Generator by Cloudinary
· Dans Tools – Online tools for users and developers.
· Interaction Media Queries
· Building An Advanced WordPress Search With WP_Query — Smashing Magazine
· Direction Aware Hover Effects | CSS-Tricks
· Standard web layout with CSS Grid
· Web Accessibility Checklist – The A11Y Project
· tota11y – an accessibility visualization toolkit
· Device pointer media queries 2018
· Sexy code images
· 30 Seconds of CSS
· Image Glitch Effect | Demo 1 | Codrops
· Exit-Intent using JavaScript
· Enable SVG Uploads — WordPress Plugins
· Duotone by ShapeFactory | Create Beautiful Free Duotones
· Related Posts by Category in WordPress
· gridtoflex.com
· Automating colour contrast ratios with Sass – Jonny Kates – Medium
· Using WP’s pre_get_posts to exclude post with meta_key – CSS-Tricks
· Building a responsive SVG image – 9elements – Medium
· Gridder – Image Expander
· CSS animations – sick!
· reveal.js – The HTML Presentation Framework
· Grid by Example
· goffgrafix.com – custom web site design and programming – designing affordable, functional web sites
· How to output all repeater fields randomly – ACF Support
· Cookies and similar technologies | ICO
· Example web Style Guide—zachleat.com
· Nested jQuery tabs
· Little UI Details
· All free Mockups | MockupWorld
· Neat trick for CSS object-fit fallback on Edge (and other browsers)
· CSS3 Keyframes Animation Generator
· Magnific Popup: Responsive jQuery Lightbox Plugin
· Contrast-Swap Technique (for Article)
· Flexbox and Grids, your layout’s best friends
· Grid by Example – Usage examples of CSS Grid Layout
· CSS Grid Layout with @support flexbox fallback
· WP template file caching fix
· Gravity forms: A collection of third party add-ons for Gravity Forms plugin.
· Little UI details from @steveschoger, in HTML and CSS
· A Comprehensive Guide to Font Loading Strategies—zachleat.com
· Flat UI Colors
· Morphing Buttons Concept | Demo 1
· Web Designers Checklist : A Visual Designers Checklist for the Web
· 8 simple CSS3 transitions
· Enkoder – Email obfuscation
· CSS alternative – You Might Not Need JavaScript
· @supports will change your life | Charlotte Jackson, Front-end developer
· Custom Fields Without Plugins – Hongkiat
· CSS ICON set
· Pure CSS Content Filter
· Featherlight – The ultra slim jQuery lightbox.
· Font style matcher
· Fluid type examples · MadebyMike
· jQuery Animated Typing with Typed.js | by Matt Boldt
· Parallax.js | Simple Parallax Scrolling Effect with jQuery
· Fresh Background Gradients | WebGradients.com
· WordPress widget template – pippins plugins
· Using DevTools to Tweak Designs in the Browser | CSS-Tricks
· Really Simple SSL — WordPress Plugins
· Turn.js: The page flip effect in HTML5
· WordPress › AddQuicktag « WordPress Plugins
· Sexy image hover effects
· Unorphan
· Flexbox Froggy – A game for learning CSS flexbox
· Nice portfolio layout – copy?
· Brandon Himpfen – clean portfolio!
· Web Animations API
· jQuery FadeInScroll Demo
· HTML5 UP! Responsive HTML5 and CSS3 Site Templates
· UI Interactions – The best inspirations for you.
· EWWW Image Optimizer — WordPress Plugins
· A list of everything that goes in the head
· PreLoadMe, a lightweight jQuery website preloader
· clipboard.js — Copy to clipboard without Flash
· Image zoom and expand: Vanilla List
· Precision responsive typography
· Protect Uploads, if User is not Logged in – WP
· How well do you know CSS display?
· Atomic Docs | CSS-Tricks
· 50 Cool text effects in CSS3
· Animate.css
· Custom checkboxes – image method
· jQuery run on page scroll to point
· Display code based on field value – ACF
· Customize Your Ordered Lists with CSS and the ::before Pseudo- Element
· 100 Greatest Free Fonts for 2014 – Barrio + Gafata
· Scroll-Then-Fix | STOP SCROLL AFTER ONCE – DEBOUNCING
· Debouncing/throttling javascript calls
· Code markup plugin
· Minimalistic ScrollSpy – JSFiddle
· Design Considerations: Text on Images | CSS-Tricks
· Creating Different CSS3 Box Shadows Effects
· Dropdown Menus with More Forgiving Mouse Movement Paths | CSS-Tricks
· Custom Loop/Query Based on Custom Fields | CSS-Tricks
· Stick to top on scroll nav
· Building Responsive Email Templates
· Analytics goal/conversion cheatsheet
· Responsive Equal Height Divs
· Litmus signup
· Hover.css – A collection of CSS3 powered hover effects
· WordPress › Query Monitor « WordPress Plugins
· Kraken Image Optimizer · Kraken.io
· Retina.js | Retina graphics for your website
· Pick your colourrrrrs
· GO LIVE CHECKLIST
· Free vector icons | SVG, PSD, PNG & Icon Font | Thousands of Free Icons
· Text CSS Masks – CodePen
· CSS Floats and alternatives
· Browser prefix fix
· Set Expire Headers In htaccess
· Custom WordPress Pagination
· Anchor links on mobile
· Absolute Centering Height – CodePen
· Full width background video – Stack overflow
· Free Styles for Google Maps
· Height = Width snippet – Dynamic
· Post Objects in Repeater field – ACF
· Extruded text effect
· CSS3 Animations and Masking Text
· RSS Feeds Reader Plugin for jQuery – Zazar Online Website Builder
· Breadcrumbs – Chris Spooner
· Grid Systems — Solved By Flexbox
· Video For Everybody Generator
· Author Info Section in WordPress
· The video player for the Web · Flowplayer
· CSS3 transition Dropdown Menu | Alessio Atzeni | Web Designer & Front-end Developer
· Multi-column flowing text layout
· Icon Font – Entypo
· Mobile PageSpeed Insights
· Add Active Navigation Class Based on URL | CSS-Tricks
· JavaScript keydown/keyup events: key codes
· GREAT SLIDER
· Cookie Law Info User Guide | EU Cookie Law Info
· Twtrland
· Putting a Separator Between WP menu
· Adaptive Backgrounds.js – a JavaScript plugin for extracting the dominant color from images and applying the color to their parent.
· Creating Retina Images for Your Website
· CSS SPRITES!
· Placeholder images
· Subtle Patterns | Free textures for your next web project
· Tweet! Put Twitter on your site with this simple, unobtrusive jQuery widget
· Bodis.com – Domain Parking
· FATC: Fork-A-Twitter-Client
· MultiEdit Plugin
· Overview of Breakpoints in Responsive Web Design
· CSS media queries: width versus device-width
· CSS Load.net – Loading CSS spinners and bars generator for AJAX & JQuery
· Flatsies – a tool for designers to share concepts with clients
· Putting Code On The Ropes | CodeBoxers
· LayerSlider WP – The WordPress Parallax Slider
· GLYPHICONS – library of precisely prepared monochromatic icons and symbols.
· Parsley.js – Form Validation
· Caption Hover Effects | Codrops
· JMS responsive slider PRO
· Using The New Twitter API V1.1
· HTML Tables to Graphs
· Media queries in HTML email
· Create a Dropdown Menu Using CSS3 Transitions – CSS | Shailan
· Responsive-Widths_0.png (1613×273)
· Duedil | Companies House | Directors Search | Companies House UK | UK Companies House | Company Credit Check
· ViewDNS.info – Your one source for DNS related tools!
· Prefix free: Break free from CSS vendor prefix hell!
· Semantics | HTML5 Doctor
· Highlights | Doover
· CSS3 Best Practices for designers
· Audio Player in jQuery, HTML5 & CSS3 [Tutorial] – DesignModo
· google-code-prettify – syntax highlighting of code snippets in a web page – Google Project Hosting
· Free Email Template Single Column 8 | Free Email Templates
· CSS3 Patterns Gallery
· 100+ free HTML email templates from Campaign Monitor
· Mega Collection Of Cheatsheets for Designers And Developers | SpyreStudios
· 3400 free icons
· InfiniteWP | Manage Multiple WordPress Sites
· Twitter Bootstrap Themes: 7 Free Themes For Twitter Bootstrap
· GET COOKIE CODE
· Configuration | Cookie Control by CIVIC
· Google HTML/CSS Style Guide
· Pantone Color Chart w/ RGB & Hex values
· Premium Themes | AppThemes
· Gradient website designs
· Hover image – enlarge
· Comprehensive guide to .htaccess- error documents
· PrestaShop Free Open-Source e-Commerce Software for Web 2.0
· Is My Website Up?
· Centered, fluid height, element (using a table) – jsFiddle – Online Editor for the Web (JavaScript, MooTools, jQuery, Prototype, YUI, Glow and Dojo, HTML, CSS)
· Demo: Pure CSS GUI icons (experimental) – Nicolas Gallagher
· Instruction manual – Papershow
· Font Squirrel | Create Your Own @font-face Kits
· Web Templates, Flash Templates, Website Templates Design – Template Monster UK
· murtaugh/HTML5-Reset-WordPress-Theme – GitHub
· Selectivizr – CSS3 pseudo-class and attribute selectors for IE 6-8
· Launch template
· Proportionally Scale Images « ThousandFive
· bgStretcher jQuery Plugin Allows to Add Background Image to Page and Proportionally Resize it to Fill Entire Window Area. — ajaxBlender.com
· Dropbox Uploader · Jaka Jančar
· CSS Browser Selector
· Document Text Sizer
· Free Vectors
· Free vectors, photoshop resources, wordpress templates, cliparts – www.vector-eps.com
· RGB Chart & Multi Tool • Color • PerBang.dk
· Favicon Generator and Gallery
· Formalize CSS – Teach your forms some manners!
· ie7-js – Project Hosting on Google Code
· Royalty-Free Stock Footage and HD Video Clips | Clipcanvas.com
· Internet Explorer 6 Countdown
· Drop down menu code
· Top 16 Must have wordpress plugins | BabloTech
· Best Web Design and Web Design Inspiration 2011: Black | asaiment
· 0to255
· WordPress Blog’s Comments | Webdesigner Depot
· CSS Gradient Generator
· simpleCart(js) – Javascript Shopping Cart by The Wojo Group
· Mastering CSS Reflections in Webkit | Design Shack
· Demos – Uploadify
· AUTO SCRIPT
· Button Maker
· AnythingSlider jQuery Plugin | CSS-Tricks
· Proxify® anonymous proxy – surf the Web privately and securely
· CSS3 Radial Gradients (new syntax)
· cufón – fonts for the people
· Font : 150 Beautiful Fonts For Logo Design | Web Design Inspiration | CSS Jquery Tutorials For Web Designer & Developer
· WhatTheFont! « MyFonts
· WordPress. Page template drop-down menu – disappear | Tech Blog
· 30 Handy Cheat Sheets and Reference Guides for Web Professionals | Webdesigner Depot
· CSS Type Set
· HTML-Ipsum
· Google AdWords: Keyword Tool