recentpopularlog in

piperh : page   122

« earlier  
Evan Minto
article title: Intrinsically Responsive CSS Grid with minmax() and min()
css grid isn't intrinsically responsive - article explains how to a make a layout that is, using grid
webdesign  web  design  css  grid  layout  responsive  page 
4 days ago by piperh
6 Best Drag and Drop WordPress Page Builders Compared (2019)
intro: Looking for an easy way to build and customize your WordPress site? That’s where drag and drop WordPress page builder plugins come in handy.
Seem to be like plugins for Wordpress to make drag and drop builders. They all cost money except no.6 'SiteOrigin'
wordpress  design  drag  drop  draganddrop  page  builder  edit  plugin 
9 days ago by piperh
Writing Modes And CSS Layout — Smashing Magazine
An understanding of CSS Writing Modes is useful if you want to work with vertical scripts, or change writing mode for creative reasons. However, they also underpin our new layout methods
webdesign  web  design  writing  mode  language  layout  page  css 
10 days ago by piperh
One Page Love - One Page Website Inspiration and Templates
a site dedicated to single-page designs. Also has articles and templates
webdesign  web  design  onepage  single  page  inspiration  examples  gallery 
7 weeks ago by piperh
How to Create and Animate Rotated Overlays | Codrops
A tutorial on how to create and animate rotated overlays, or "reveal" elements, for interesting page transition effects.
webdesign  web  design  reveal  hide  transition  page  effect  rotate  overlay  animated 
10 weeks ago by piperh
Bootstrap Scrollspy
a w3schools implementation of clickable scrolling, using Bootstrap's scrollspy method
webdesign  web  design  page  scroll  tab  nav  navigation  scrollspy 
11 weeks ago by piperh
fullPage.js | One Page Scroll sections Site Plugin
vanilla js for creating pages with snapping vertical scroll, and also allows horizontal scrolling slideshow type. Lots of variations, including with continuous and with bullet position markers. Responsive.
webdesign  web  design  js  javascript  script  vanilla  css  fullpage  single  page  scroll  vertical  horizontal 
11 weeks ago by piperh
instant.page
js that triggers preload of the html of a linked page when you hover the link. Seems dubious to me, but what do I know?
webdesign  web  design  webdev  development  js  javascript  script  speed  performance  instant  page  preload  preloading  html  hover  click 
march 2019 by piperh
CSS { In Real Life } | To Grid or to Flex?
a Michelle Barker piece about grid and flex - what each is best at
webdesign  web  design  css  grid  flex  flexbox  page  layout 
february 2019 by piperh
Applying Styles Based on the User Scroll Position with Smart CSS • PQINA
title: Applying Styles Based on the User Scroll Position with Smart CSS
webdesign  web  design  scroll  position  style  css  page  offset  html  js  javascript  script 
february 2019 by piperh
UI Movement - The best UI design inspiration, every day
UI effects, free. Interesting page loading effects and loads of other components and layouts
webdesign  web  design  ux  ui  inspiration  code  loading  effects  page  animations 
november 2018 by piperh
Fes un donatiu - Pallapupas, Pallassos d'hospital
Pallapupas.org donations page - has nice popup modal-type floating form
amantaní  donate  donation  page  form  example  clowns 
july 2018 by piperh
Donatius | Col·labora | Arrels Fundació
Arrels Fundació donation page. Use this as base for Amantaní form
arrels  donation  form  example  amantaní  donate  page 
july 2018 by piperh
Donativos | Colabora | Arrels Fundación
Arrels webpage for donations. The examples of amounts is nice
arrels  fundacio  donate  donations  money  payment  web  page  amantani  inspiration 
january 2018 by piperh
Pastel
paid for service for posting sticky notes on a site for comments and feedback
collaboration  work  sticky  postit  note  comment  feedback  communication  facility  screen  page 
november 2017 by piperh
The Ultimate Guide to Flexbox — Learning Through Examples
A tutorial on flexbox building 7 example page layouts. Includes building forms with flex.
webdesign  web  design  layout  flex  flexbox  css  examples  page 
september 2017 by piperh
Guide to building layouts with CSS Grid
A collection of resources & tools to help you manage the Grid
webdesign  web  design  css  grid  layout  guide  resources  examples  page  site 
september 2017 by piperh
Birdview
they say: Get a glance at a whole web page with an aerial view.
Seems to work OK on desktop and iPad
webdesign  web  design  overview  view  birdseye  page  webpage  birdview  whole  navigation  javascript  js 
june 2017 by piperh
Force.js
vanilla js script for page scrolling effects. can be linked to jquery if you know what you're doing. Full suite of easing effects.
webdesign  web  design  js  javascript  vanilla  scroll  jump  hash  link  page  effect  step  ease  move  animate  animation  css 
december 2016 by piperh
viewScroller - Fullpage scrolling plugin
js that makes a page scroll only as full browser window pages. Seems like a dodgy idea to me but maybe it might be handy one day. Browser back button will treat each js scroll page like an entire web page. Better to use a 'scrollto' type of hook?
webdesign  web  design  js  javascript  scroll  scroller  scrolling  page  window  browser 
november 2016 by piperh
structure.exposed
online tool that strips out all styling and shows page using browser defaults
webdesign  web  design  tool  online  structure  default  css  styles  browser  view  page  webpage  strip 
november 2016 by piperh
Ten Requirements For Making Home Page Carousels Work For End Users (If Needed) – Smashing Magazine
article about the desirable properties of a home page carousel for desktop and mobile based on Baymard Institute testing. Especially interesting is the amazon 'table of contents' carousel
webdesign  web  design  carousel  slideshow  image  marketing  home  page  ui  interface  usability 
july 2016 by piperh
Medicarrera
a typical landing page made by Andrea Skarica for MediCarrera's AdWords campaigns
medicarrera  unbounce  link  landing  page  campaign 
june 2016 by piperh
How to Build a News Website Layout with Flexbox
tutorial about news site layout with flexbox. Could be a useful generally to understand how flexbox works.
webdesign  web  design  flex  flexbox  css  layout  columns  grid  page 
june 2016 by piperh
Online Mockup, Wireframe & UI Prototyping Tool · Moqups
online in-browser app for making wireframes, mockups, layouts, UI concepts, prototypes
webdesign  web  design  ui  mockup  layout  page  wireframe  prototype  project  online  browser 
may 2016 by piperh
UX: Infinite Scrolling vs. Pagination — UX Planet
pros and cons of two webpage layout techniques - infinite scrolling versus pagination
webdesign  web  design  infinite  scrolling  scroll  pagination  page  individual  layout 
may 2016 by piperh
GitHub - ameesme/SlimScroller.js: Smoothly scroll to positions on your website, under 350 bytes, no dependencies.
simple js script for adding scroll to internal page links. Two versions - simple and full. Very lightweight, no dependencies
webdesign  web  design  scroll  js  javascript  page  scroller  anchor  link 
april 2016 by piperh
How to Use the Sticky Footer HTML & CSS Code
Sticky footer similar to Ryan Fait. Fixed height footer
webdesign  web  design  sticky  footer  code  howto  layout  page  technique  css  html 
april 2016 by piperh
Introducing CSS Scroll Snap Points | CSS-Tricks
article about css snap-to and the polfill needed to complete the browser support. March 2016 no support in Chrome.
webdesign  web  design  about  howto  polyfill  css  scroll  snap  scrolling  snap-to  point  vertical  long  page 
march 2016 by piperh
GitHub - ckrack/scrollsnap-polyfill: A polyfill for CSS scroll snapping
polyfill to use alongside scroll snap css, to achieve snap-to points on long vertical scrolling site design
webdesign  web  design  scroll  snap  polyfill  vertical  page  single  long 
march 2016 by piperh
The Website Obesity Crisis
text version of talk by Maciej Ceglowski (developer of pinboard.in) from a conference, about over-complication on the web
webdesign  web  design  advertising  ads  privacy  bloat  size  weight  page  webpage  internet 
january 2016 by piperh
Lazy Loading Images on the Web -Telerik Developer Network
roundup of a few lazy loading options, some with jQuery, some vanilla, but all look fairly easy to implement
webdesign  web  design  image  lazy  loading  size  time  weight  page  webpage  load  javascript  jquery  vanilla  howto  comparison 
october 2015 by piperh
Hide your header on scroll - Headroom.js
vanilla js and (and jquery version) for a header that slides out of view on scroll down and reappears on scroll up.
js  javascript  webdesign  web  design  header  show  hide  scroll  heading  page  head 
april 2015 by piperh
How To Make A Youtube Or Other Iframe Video Responsive
used this code for poem video on Amantaní site, "Dónde trabajamos" page. It seems to work great to make the iframe and video size responsive.
webdesign  web  design  video  embed  youtube  responsive  code  css  iframe  html  webpage  page 
january 2015 by piperh
« earlier      
per page:    204080120160

Copy this bookmark:





to read