recentpopularlog in

abberdab : examples   44

Diane Davies / London based freelance proofreader
Attractive, typographically-driven site for a freelance proofreader. Best on desktop.

Handy for design inspiration and as an example of how a proofreader markets themselves!
proofreader  freelance  examples  website:personal  typography  inspiration 
january 2019 by abberdab
Book cover - SVG text + Writing Mode
Nifty example of SVG used to create a book cover image with live type, vertical writing modes (for spine text), etc.
responsive-design  svg  examples  bookcovers 
december 2018 by abberdab
Aspect Ratio Cells with CSS Grid Layout by Michelle Barker on CodePen
I found myself recently building a layout in CSS Grid that would have previously needed JavaScript in order to work. It’s a layout based on equal sized square grid cells, where grid items could span one or two cells on the row and/or column axis. In other words, the grid cells needed to maintain an aspect ratio
css  grid  layout  practical  examples  aspect-ratios 
june 2018 by abberdab
Travel & Fashion Lifestyle Blogger London | Chevrons & Éclairs
This site by Ryan Gittings is a Runway build. It was imported from WordPress and uses a custom app to integrate a social media feed with a Collection.

(the client) loves it! Gives her greater flexibility of posts with Blocks.
perch  cms  examples  sites  wordpress  custom 
march 2018 by abberdab
Eric's Archived Thoughts: Generating Wireframe Boxes with CSS and HTML5
I thought about taking screenshots and Photoshopping wireframe boxes over the various layout pieces, but then I wondered: could I overlay boxes on the live page with CSS? Or perhaps even create and overlay them with nothing but some declarations and a wanton disregard for the sensibilities of god or man?
css  design  wireframes  experiments  examples  ia 
november 2017 by abberdab
Using Perch Shop to develop an online booking system – Fishtank Creative Blog
Our task was to develop a booking system that allowed customers to secure a place on a swimming holiday without paying the full amount at once.

The client wanted the customer to first pay 20% to secure their place, then pay the remaining balance nearer the time of the holiday.
deposit  balance  shop  perch  cms  reservations  travel  ecommerce  examples 
november 2017 by abberdab
Breadcrumbs Navigation
Slick li’l drop down navigation for breadcrumbs. No js required!
navigation  examples  breadcrumb  css-only 
october 2017 by abberdab
Style guide (Personal site example)
One front-end developer's minimal style guide for their personal site.
personal-sites  examples  styleguides 
october 2017 by abberdab
Fabris Photography
Photographer’s portfolio website example
photography  portfolio  personal-sites  examples 
september 2017 by abberdab
Notes archive · Mathias Bynens
The idea is that every entry is like a note-to-self kind of thing. Every post is a mini-knowledge bomb I wish someone else had dropped before me, so I wouldn’t have had to research and write it.
blog  tips  web  development  developer  personal-sites  examples 
july 2017 by abberdab
Web Designer & Illustrator • Jay George • Web Designer
Hi! I'm Jay, a freelance web designer based in London. My passion is standing at the intersection of design, the web, and business.
Let's talk about your business.
freelance  personal-sites  examples  business  business-model  designer  developer  perch  cms  html  email 
june 2017 by abberdab
The Ins and Outs of My Squarespace Client Design Process
It’s no secret that I love Squarespace. Not only is it easy to customize,
easy to use, and easy on the eyes, but it makes the client process so
simple for designers who use it to create client sites.

Because Squarespace is still relatively new and there aren’t as many
designers using it as there are on Wordpress, I receive several emails each
week regarding about the ins and outs of how I design client sites using
the platform. 

I get asked everything from how I handle billing...
squarespace  process  design  freelance  examples 
september 2016 by abberdab
Blog – Adrian Zumbrunnen
Adrian Zumbrunnen UX/UI Designer Scroll, if you don't feel like talking
examples  website:personal  personal-sites  inspiration 
august 2016 by abberdab
Responsive Web Design Examples — Responsive Web Design
Really nice examples of responsive design. Not your usual listicle. Also represents a current way of representing responsive design in all the various sundry devices it might appear.
rwd  rwd:inspiration  examples  inspiration  portfolio  demonstration 
august 2016 by abberdab
Introduction · eBay MIND Patterns
Accessibility patterns used by eBay. Thorough and useful real world documentation

"NOTE: Support for Internet Explorer 9 and below was recently dropped, allowing us more time to focus on accessibility matters, rather than cross-browser issues."
accessibility  documentation  examples  markup  dev 
july 2016 by abberdab
Codepen: Decorative Text Underline (SASS)
A nicer text underline. Variables set using Sass.
typography  underline  text  webbed  css  sass  examples 
july 2016 by abberdab
An Interesting Day
Is an invite-only full day event hosted by Bakken
design  website  inspiration  examples 
july 2016 by abberdab
Flexbox - a Collection by Bermon Painter on CodePen
Examples for a couple of different flexbox talks:

1. Intro to flex (replacing floats with flex)
2. Responsive flexbox components examples
flexbox  examples 
june 2016 by abberdab
Mindwork, Clinical Social Work/Therapist, New York, NY
Website for a counselor in New York. Type does the heavy graphic lifting, the design is focused and calming. My only quibble, centering the paragraph text. Otherwise, a nice take on the sole consultants website with service, about, process...
inspiration  typography  consultant  website  about  examples  design  www 
june 2016 by abberdab
CSS Framework for PartsGiant – David Bushell – Web Design & Front-end Development (based in Manchester, UK)
I was hired to build the PartsGiant front-end CSS framework and HTML templates. The work would be done in stages throughout the year. This required flexibility on my part and scalability in the codebase I developed.
examples  casestudies  portfolio  freelance  front-end  styleguides  pattern-libraries 
january 2016 by abberdab
Writing in Markdown | Five Simple Steps
Really nice example of type pairing and typography in general here.
typepairs  examples  inspiration  typography  markdown  client-education  design  www 
july 2015 by abberdab

Copy this bookmark:





to read