mjau-mjau Web Design Technology2023-09-11T05:58:14-04:00https://www.mjau-mjau.com/X3https://www.mjau-mjau.com/content/custom/favicon/favicon.pnghttps://www.mjau-mjau.com/content/custom/favicon/favicon.png2023 www.mjau-mjau.comwww.mjau-mjau.comhttps://www.mjau-mjau.com/tag:www.mjau-mjau.com,2022-01-02:pa2b81dmjau-mjau Web Design Technologymjau-mjau Web Design Technology2022-01-02T07:18:43-05:00tag:www.mjau-mjau.com,2020-08-31:p81f853Blog// mjau-mjau ranting and raving about the interweb thingy.2020-08-31T03:01:46-04:00tag:www.mjau-mjau.com,2018-03-13:p8bd35fNew Website Yeah!It's been more than a decade since mjau-mjau.com was first introduced, and a lot has happened since then.2018-03-13T10:38:49-04:00tag:www.mjau-mjau.com,2018-03-13:p8ebf0fViewport Unit Bug iOS SafariThe CSS viewport unit is a practical way to scale elements relative to the size of the device viewport. However, there is a mysterious bug in iOS Safari that occurs when content inside an element changes.2018-03-13T10:38:49-04:00tag:www.mjau-mjau.com,2018-03-13:pcdf8bcBoost Performance by Preloading Website ObjectI would like to suggest a method of massively boosting page speed, by preloading the entire website data object.2018-03-13T10:38:49-04:00tag:www.mjau-mjau.com,2018-03-13:p1daa2fRewind the web to 2002Rewind the web to 2002, when an emerging Shockwave Flash technology was taking the web with storm, offering app-like experiences before we had modern CSS and javascript frameworks.2018-03-13T10:38:49-04:00tag:www.mjau-mjau.com,2018-03-13:pe7bd43Ajax Page Tracking with Google Universal AnalyticsWith the availability of html5 and ajax websites on the rise, how to elegantly integrate Google Universal Analytics into single page javascript applications?2018-03-13T10:38:49-04:00tag:www.mjau-mjau.com,2018-03-13:pb05db1Cloudflare Edge Page CachingCloudflare does not cache web pages by default, but by applying a page-rule, you can also serve pages at blazing speeds from the Cloudflare CDN.2018-03-13T10:38:49-04:00tag:www.mjau-mjau.com,2022-01-02:p8ee740Introducing Files AppFiles is a single-file PHP script that can be dropped into any dir on server, instantly creating a beautiful gallery of files and folders.2022-01-02T07:19:49-05:00tag:www.mjau-mjau.com,2018-03-13:pbdbaa8Gallery ConceptsA variety of gallery layout concepts in action.2018-03-13T10:38:50-04:00tag:www.mjau-mjau.com,2018-03-13:p37f59aGallery LayoutsA selection of different gallery layout styles.2018-03-13T10:38:50-04:00tag:www.mjau-mjau.com,2018-03-13:p2b7206VerticalImages displaying in a vertical layout.2018-03-13T10:38:50-04:00tag:www.mjau-mjau.com,2018-03-13:p252792JustifiedImages displaying in a justified grid.2018-03-13T10:38:50-04:00tag:www.mjau-mjau.com,2018-03-13:p96fed5ColumnsImages displaying in a columns grid.2018-03-13T10:38:50-04:00tag:www.mjau-mjau.com,2018-03-13:p5e1738GridImages displaying in a standard grid.2018-03-13T10:38:50-04:00tag:www.mjau-mjau.com,2018-03-13:pef995eSlideshowImages displaying in a slideshow.2018-03-13T10:38:50-04:00tag:www.mjau-mjau.com,2018-03-13:pa16a40CarouselImages displaying in a carousel.2018-03-13T10:38:50-04:00tag:www.mjau-mjau.com,2018-03-13:p015804Gallery VariationsDemonstrating a few more gallery layout variations.2018-03-13T10:38:50-04:00tag:www.mjau-mjau.com,2018-03-13:p8c4660Vertical SplitUsing split in combination with the vertical layout.2018-03-13T10:38:49-04:00tag:www.mjau-mjau.com,2018-03-13:p984045Grid SmallA standard grid, using 200 px column width for smaller images in a tighter layout.2018-03-13T10:38:49-04:00tag:www.mjau-mjau.com,2018-03-13:p4a0396Justified ComfyA justified layout with larger images, more space, frames and captions.2018-03-13T10:38:49-04:00tag:www.mjau-mjau.com,2018-03-13:p05a674Columns ComfyA columns layout with larger images, more space and frames.2018-03-13T10:38:49-04:00tag:www.mjau-mjau.com,2018-03-13:p737d70Slideshow CoverSlideshow layout in cover-mode, starts fullscreen, with dot-nav and crossfade transitions.2018-03-13T10:38:50-04:00tag:www.mjau-mjau.com,2018-03-13:p742fecCarousel TabsSplit carousel layout with tabs.2018-03-13T10:38:50-04:00tag:www.mjau-mjau.com,2018-03-13:pb0551dScreenboxScreenbox combined with the vertical layout, where each image is scaled to fit within viewport.2018-03-13T10:38:49-04:00tag:www.mjau-mjau.com,2018-03-13:p622d3aMore FeaturesA few more examples, demonstrating specific features.2018-03-13T10:38:49-04:00tag:www.mjau-mjau.com,2018-03-13:pd34b92CaptionThe caption setting allows you to set context to overlay the images.2018-03-13T10:38:49-04:00tag:www.mjau-mjau.com,2018-03-13:pf0edc1TooltipThe tooltip setting allows you to display item context on mouse hover.2018-03-13T10:38:49-04:00tag:www.mjau-mjau.com,2018-03-13:pbcd236Crop ImagesCropping images to specific aspect ratios is necessary for some layouts. It can also be used to create stylish layouts.2018-03-13T10:38:49-04:00tag:www.mjau-mjau.com,2018-03-13:pb3d4f0Intro VideoWoohoo!2018-03-13T10:38:49-04:00tag:www.mjau-mjau.com,2018-03-13:pda7a2cIntro ImageWhoa, cool! Who is she?2018-03-13T10:38:49-04:00tag:www.mjau-mjau.com,2018-03-13:p790df0Comparison SliderCompare two images side-by-side.2018-03-13T10:38:49-04:00tag:www.mjau-mjau.com,2018-03-13:p9256aeVarious EmbedDemonstrating various embedded elements in the page content.2018-03-13T10:38:49-04:00tag:www.mjau-mjau.com,2018-03-13:p72d27eAbout mjau-mjauInformation about website mjau-mjau.com and author Karl Ward.2018-03-13T10:38:49-04:00tag:www.mjau-mjau.com,2018-03-13:p8fd677EmailSend an email to mjau-mjau!2018-03-13T10:38:49-04:00