Profile

Cover photo
8 followers|30,041 views
AboutPosts

Stream

 
Bar button W3C valid IE fix
*   Removed W3C <span disabled> invalid syntax
*   IE11 legacy fix with pointer-events
*   IE10 legacy fix by passing mouse events through layers http://www.vinylfox.com/forwarding-mouse-events-through-layers/
Anyone who has worked with web apps has likely created a masking element at some point, and the great thing about a masking element is that it intercepts user interaction, letting us create a pseudo-modal user interface. The masking element enables us to mask the entire screen, bringing focus to ...
1
Add a comment...

Laukstein.com

Shared publicly  - 
 
Meaningful UX, tons of updates
Less code, reasonable choices, cross-compatibility and accessibility

*   Simplified modular layout with less code
*   Fluid + responsive design
*   Small device compatibility, bar button with expandable navigation
*   Enlarged texts and spaces
*   Sharper color contrast
*   High contrast image scale rendering
*   Thumbnails with titles
*   Meaningful portfolio titles
*   4x smaller image assets
*   Removed repeating-linear-gradient to speed-up up to 20x faster rendering on Chrome mobile, Firefox and other screen readers
*   Microdata datePublished/dateModified for all pages
*   WayBackMachine for portfolio links that are down
*   Textarea autogrow
*   Removed jQuery
*   Removed Google+ button
*   Google Analytics without inject script
*   Removed "lang" from URL tree
*   Reasonable Content-Security-Policy header
*  Server generated Sitemap
*  and more...

Resources
Will-change property http://aerotwist.com/blog/bye-bye-layer-hacks/
Asynchronous scripts injection is harmful https://www.igvita.com/2014/05/20/script-injected-async-scripts-considered-harmful/ Sitemaps https://support.google.com/webmasters/answer/183668
1
Add a comment...

Laukstein.com

Shared publicly  - 
 
Client-side
*  Improved typography style
*  html background-color transparent replace with #fff on small screens
*  humans.txt update: MySQL changed to MySQLi, removed JSON

System
*  Updated iptables rule in order to stop w00tw00t.at.ISC.SANS. attacks http://spamcleaner.org/en/misc/w00tw00t.html
Linux : using iptables string-matching filter to block vulnerability scanners. Does "w00tw00t.at.ISC.SANS.DFind:)" sound familiar to you ? If you own one ore more servers, there are a lot of chances you found it in your logs and that it gave you headaches or even nightmares trying unsuccessfully ...
1
Add a comment...

Laukstein.com

Shared publicly  - 
 
Client-side
*  iOS 7 legacy issue for overflow scroll http://barrow.io/overflow-scrolling
*  Better compatibility for form elements
*  +Mozilla Firefox OS form element style reset
*  Updated +WHATWG @viewport zoom

Server-side
*  HTTP cache related to update date
*  Removed needless HTTP header Expires
*  humans.txt update: changed HTML5.1, CSS4, removed jQuery
*  Fixed prevention of XSS and SQL injection
*  Fixed RewriteRule issue for 404 custom page
*  Custom error page for error 403
*  Avoid existing file rewrite
*  "GET /w00tw00t.at.ISC.SANS." ban with CSF
*  +CentOS 6.5 update
1
Add a comment...

Laukstein.com

Shared publicly  - 
 
Added "position: sticky" fallback to relative (see attached issue).
About sticky position http://updates.html5rocks.com/2012/08/Stick-your-landings-position-sticky-lands-in-WebKit
1
Add a comment...

Laukstein.com

Shared publicly  - 
 
HTML layout
*  Full HTML5 semantics validation
*  i18n <html> lang attribute http://www.w3.org/International/techniques/authoring-html#gscharset 
*  Prefetch portfolio large image in background after everything is downloaded http://www.whatwg.org/specs/web-apps/current-work/#link-type-prefetch 
*  Omitting optional tags http://www.whatwg.org/specs/web-apps/current-work/multipage/syntax.html#optional-tags 
*  Removed meta title prefix, inspirited by http://mashable.com 
*  Customized Google+ URL
*  Microdata scheme http://schema.org/ImageObject changed to http://schema.org/MediaObject and removed http://schema.org/Product since it represents the same type and more values
*  Added twitter_card 'summary' specification because of Twitterbot crawl issue
*  Facebook no more required meta og:image:secure_url
*  Upgrade to Universal Analytics
*  Removed script async to solve loading priorities
*  Deliver jQuery 1.X up to IE9 since jQuery 2.X cases issue on IE9

CSS design
*  Bunch of CSS stabilization and compatibility fixes, new UI standards
Header .nav implemented with position: sticky; and .nav:after fading
*  Scale design with font-size just on media query max-width: 320px and set their smaller font-sizes for headers

Server-side
*  Minimized PHP statements
*  header() HTTP 302 by default
*  Added ob_end_clean() before redirects
1
Add a comment...
In their circles
1 person
Have them in circles
8 people
José Luis Iñigo Blasco's profile photo
Walter AltamiranoHz's profile photo
Sendy Putra's profile photo
Pawan Paudel's profile photo
abdo AZIZ's profile photo
Binyamin Laukstein's profile photo

Laukstein.com

Shared publicly  - 
 
UI updates
*   Form and user-select accessibility issues
*   Better bar button compatibility, latest Firefox 34 and IE11 hacks
*   Increase selector specificity http://vimeo.com/100264064 by +Mathias Bynens [time 03:30]
*   will-change breaks pseudo-class position: fixed
1
Add a comment...

Laukstein.com

Shared publicly  - 
 
UX updates:
*  Improved typography, spaces
*  Reset margins with "0" and not "auto"
*  Portfolio layout fixes, spaces, float
*  Updated and restructured Web portfolio
*  Optimized images PNG images
*  Nav sticky position just for screen max-width: 540px
*  Removed abbreviation of name, year, width, height since it seems to be intuitive clear 
*  Smaller footer without unlinked links
*  Responsive youtube video iframe

New updated projects with demos:
*  laukstein.com/en/web/2013-appreciate-app
*  laukstein.com/en/web/2013-appreciate-landing-page
*  laukstein.com/en/web/2013-appreciate-ads
*  laukstein.com/en/web/2013-appoffers
1
Add a comment...

Laukstein.com

Shared publicly  - 
 
Unexpected +CloudFlare outages, 97% traffic down Nov 29 - Dec 2.
Server down in IL, NV, Denmark, Italy, France, Portugal, Netherlands.
Current status is fine.

Update: CloudFlare reported it as a slow response issue in Northern Europe.
1
Add a comment...

Laukstein.com

Shared publicly  - 
 
*   Disable double-tap-zoom on links "touch-action: none;" http://msdn.microsoft.com/en-us/library/windows/apps/Hh767313.aspx 
*   iOS 7 "overflow: auto;" issue "-webkit-overflow-scrolling: touch;" http://barrow.io/overflow-scrolling
*   Google I/O 2013 latest viewport optimization suggestion with disabled zoom "maximum-scale=1" https://developers.google.com/chrome/mobile/docs/webview/pixelperfect#viewport 
*   Do not perform "dns-prefetch" for serving one, two files.
Specifies whether and how a given region can be manipulated by the user (for instance, by panning or zooming). Note As of Internet Explorer 11, the Microsoft vendor prefixed version of this event (-ms-touch-action) is no longer supported and may be removed in a future release.
1
Add a comment...
1
Add a comment...
People
In their circles
1 person
Have them in circles
8 people
José Luis Iñigo Blasco's profile photo
Walter AltamiranoHz's profile photo
Sendy Putra's profile photo
Pawan Paudel's profile photo
abdo AZIZ's profile photo
Binyamin Laukstein's profile photo
Story
Tagline
Website laukstein.com recent updates
Introduction
This is an overview of updates on laukstein.com
New pages, applied updates, code issues and bugs.