Web Development Blog
Web Design Blog


Web Development Blog

R

ead and contribute on what is new and trending in the web design and web development community. We hope you frequent this blog and comment as well as mention any trends you find interesting.

 Progressive Web Apps, Another Option in Development

The meaning of ‘Progressive web app’ is as follows:


A web app is called ‘progressive’ when it contains a set of characteristics making it mainly user friendly and platform independent:

Progressive - Works for all users, regardless of the users browser choice because they’re built with progressive enhancement as a core tenet.

Responsive - Fit for all devices: desktop, mobile, tablet, or forms yet to emerge.

Connectivity independent - Service workers allow the apps to work offline, or on low quality networks.

Feels like an App - Feel like an app to the user with app-style interactions and navigation.

Fresh - Always up-to-date thanks to the service worker update process.

Safe Built In - Served via HTTPS to prevent snooping and ensure content hasn’t been tampered with.

Discoverable - Are identifiable as “applications” thanks to W3C manifests and service worker registration scope allowing search engines to find them.

Re-engageable - Make re-engagement easy with features like push notifications.

Installable - Allow users to “keep” apps they find most useful on their home screen without the hassle of an app store.

Linkable - Easily shared via a URL and do not require complex installation.

PWAs are Progressive - These apps work for every end user, regardless of the browser that you are using or even where they are situated in the world! So whether you are using Chrome or Opera or Firefox or whether you are living in India, UK, Europe or even North Korea, it won't make a difference! Progressive Web Apps will work just as well because they’re built with progressive enhancement as a core tenet.
  
 
Posted by HWI on Monday, September 3, 2018 at 13:24 Comments

 Cross Domain or Same Domain iFrame Automatic Resizing based on Content

Cross Domain or Same Domain iFrame Automatic Resizing based on Content

The Myiframe.zip app contains what you need to get your iFrames to resize based on the content that is served within the content page(s). These scripts will work on same-domain, or cross-domain setups. iFrame-Test.html is the containing page that houses the iframes. There are 4 pages in this example that are linked content pages (frame.content.html, frame.content2.html, frame.content3.html, and frame.content4.html).


The script called "iframeSize.min.js" runs on the main container page iFrame-Test.html, and the scipt called "iframeContent.min.js" runs on all the content pages being served by the iFrame.


On the main iFrame-Test.html page towards the bottom of the page if you turn on the webconsole log by setting it to true you can use the console to walk through the code along with having the parameters written to the page.


The example at: http://www.christopherpadavick.com/iFrame-Test.html uses a cross-domain setup .


This mini iFrame app allows for automatic resizing of the height and width of both same domain and cross domain iFrames to scale to the contained content. PostMessage is used to pass messages between the host page and the iFrame and when available MutationObserver is used to detect DOM changes, with a fallback to setInterval for IE8-10, and it is fully responsive.

  
 
Posted by iFrame Resizing on Thursday, August 21, 2014 at 16:33 Comments

 Panda 4.0

New Algorithm Update Panda Four Point Ohh (4.0)



Well now here they go again....Google's new Panda algorithum 4.0 update has arrived.



Here are some good articles on what is new:

The Wrath of Panda: Google’s New Algorithm Update - http://www.sitepronews.com/2014/06/02/wrath-panda-googles-new-algorithm-update/

More Panda 4.0 Findings: Syndication, User Engagement, Indexation & Keyword Hoarding - http://searchenginewatch.com/article/2348110/More-Panda-4.0-Findings-Syndication-User-Engagement-Indexation-Keyword-Hoarding

Google Begins Rolling Out Panda 4.0 Now - http://searchengineland.com/google-begins-rolling-panda-4-0-now-192043

  
 
Posted by Web Site Design on Wednesday, June 4, 2014 at 15:26 Comments

 Responsive and Adaptive Web Site Design

Responsive and Adaptive Web Site Design

If you are going to be in the market for a new web site or a re-designed web site then consider using responsive and adaptive web design principles. Responsive and adaptive web design principles use a single code base. The technology has been around for some time but all browsers didn't support it. All major browsers do support it at this time, so it's a good time to consider using it.

With responsive and adaptive web design principles we can build your web site once and have it adapt to all devices. Each device will have their own specific look as if they were separately created sites. That's the beauty of it, it looks like you have built device specific sites. Devices like smartphones, tablets, and desktops will render their own version of your web site. You no longer need to build a separate web site for a mobile device, iPad, and tablet device or for a desktop. With responsive and adaptive web site design your one web site will handle all devices quickly and with style. The imagery on your web site will be fluid and liquid and will resize for smaller screen viewing while maintaining the integrity of the image. Building your web site with responsive design principles is a win / win as well as being a cost effective solution!

 

  
 
Posted by Responsive Web Site Design on Thursday, May 31, 2012 at 15:18 Comments

 Top Web Design Links of the Week #13

Top Web Design Links of the Week #13

What Web designers should be asking their clients
Application frameworks, HTML5 Showcases, CSS3 Resorces and more...
35 Useful Responsive Web Design Tools
8 Reasons Users Don’t Fill Out Sign Up Forms
Reason Why Your Conversion Rates Are Low
Startup Turns Home Page into Compelling Infographic
What is the Difference Between UI and UX?
Responsive design – harnessing the power of media queries
Monitor your website 24/7 (for free!)
A new take on online magazine design
Picozu - sharing creativity
Web Design Crossword Puzzle

Hot Top 5 Mojoe Website Picks of the Week:
Mojoe is our internet popularity search engine. Use Mojoe to search for your search criteria and then vote for the sites that provided you with the most value for your search.

1.) RendezNew
2.) Songza
3.) Forkchop
4.) Find the Best
5.) Bitchin’ Kitchen

  
 
Posted by Web SIte Design on Saturday, May 5, 2012 at 08:41 Comments

 Top Web Design Links of the Week #12

Top Web Design Links of the Week #12

Browser Support Revealed
How to untangle your site's CSS and HTML
A Complete Review of the Apple.com Shopping Cart Experience
23 Inspiring Examples of Contact Pages
HTML5 Offers ‘Scoped’ CSS for Precision Styling
Heatmaps with HTML5canvas
See your website in 3D!
Free handcrafted goods from Creative Market
Web Design Crossword Puzzle
How to create a CSS3-powered slideshow
jQuery Mobile Framework

Hot Top 5 Mojoe Website Picks of the Week:
Mojoe is our internet popularity search engine. Use Mojoe to search for your search criteria and then vote for the sites that provided you with the most value for your search.

1.) Pearltrees
2.) Rear View Girls
3.) Zokos
4.) Spotflux
5.) Hoppit


  
 
Posted by Web Site Design on Sunday, April 29, 2012 at 09:48 Comments

 Top Web Design Links of the Week #11

Top Web Design Links of the Week #11

Designing a Mobile App? Don’t Make These 10 Mistakes
Brands on Pinterest: To $ or Not to $?
Mobile Site vs. Full Site
Does Website Design Impact The Bottom Line?
35 Beautiful Landing Page Design Examples
5 Highly Effective Landing Page Tips
Amazon advises AppStore developers on protecting code
Your Twitter feed may be costing, or landing, you a job
Pure CSS GUI icons

Hot Top 5 Mojoe Website Picks of the Week:

Mojoe is our internet popularity search engine. Use Mojoe to search for your search criteria and then vote for the sites that provided you with the most value for your search.

1.) Beautiful Life
2.) Fundhaus
3.) Gilt City Los Angeles
4.) Jibe Job Search
5.) Aquent Job Search

  
 
Posted by Web Site Design on Friday, April 20, 2012 at 15:11 Comments

 Top Web Design Links of the Week #10

Top Web Design Links of the Week #10

Old School Ping Pong
Gesture icons
8 Reasons Users Don’t Fill Out Sign Up Forms
Web sites that pay attention to the details
5 Most Important Brandable CSS/ HTML Elements
Design and sell your first iPhone game
HTML5 Bookmarks
Tooltip your images

Hot Top 5 Mojoe Website Picks of the Week:

Mojoe is our internet popularity search engine. Use Mojoe to search for your search criteria and then vote for the sites that provided you with the most value for your search.

1.) Pokki brings awesome apps to your desktop
2.) Flapcast
3.) Gesture icons
4.) Find a babysitter near you
5.) Jibe

  
 
Posted by LA Web Design on Friday, April 13, 2012 at 15:22 Comments

 Top Web Design Links of the Week #9

Top Web Design Links of the Week #9

Stop fretting about designing for specific devices
How much does it cost to develop an app?
Showcase of Interactive Websites Powered by jQuery
Interactive Typography Effects
7 Creative Ways to Use HTML5 Canvas
Top 22 Helpful Color Tools for Designers
Adobe Shadow - debugging the mobile experience
Mobile UI Design Patterns: 10+ Sites for Inspiration
Chico UI
Jigsoar Icons

Hot Top 5 Mojoe Website Picks of the Week:

Mojoe is our internet popularity search engine. Use Mojoe to search for your search criteria and then vote for the sites that provided you with the most value for your search.

1.) Gesture icons
2.) Declare Your Intentions on Gonna Try
3.) Pastebin.com is a website where you can store text
4.) Pause for Later
5.) Wind Map

  
 
Posted by Los Angeles Web SIte Design on Friday, April 6, 2012 at 10:53 Comments

 Top Web Design Links of the Week #8

Top Web Design Links of the Week #8

Super-size my iPad app please True? Most Likely
What's missing from HTML5
20 Examples of Landscape Themed Web Designs
Using Texture Tastefully in Web Designs
CSS Regions: Coming Soon to a Webpage Near You
Elements Of Good Navigation
Find, share, & request HTML5 code
20+ examples of beautiful and inspiring fonts
Why game developers are unimpressed by HTML5
SEO Crossword Puzzle

Hot Top 5 Mojoe Website Picks of the Week:

Mojoe is our internet popularity search engine. Use Mojoe to search for your search criteria and then vote for the sites that provided you with the most value for your search.

1.) Clik
2.) Intern Sushi
3.) Lake Nona
4.) Luxury life
5.) KeepRecipes

  
 
Posted by LA Web Design on Friday, March 23, 2012 at 13:09 Comments


View Blog Archive

To discuss your web design and marketing needs use our contact form or call us at 805-582-2081. Top

 

Related Pages