background preloader

Web Design

Facebook Twitter

Make Material Design Websites with the Materialize CSS Framework. Materialize is a Responsive CSS Framework based on Google’s Material Design Language.

Make Material Design Websites with the Materialize CSS Framework

In this tutorial I will explain what material design is and then we will build a portfolio website using Materialize. I will also compare Materialize with other popular CSS frameworks like Foundation and Bootstrap. # What is Material Design? Material Design is a Design Language that challenges to create a visual language for users that synthesizes the classic principles of good design with the innovation and possibility of technology and science.

Other competitive design languages are flat design, metro design, realism design etc. In material design, everything should have a certain z-depth that determines how far raised or close to the page the element is. As the user interacts with the design, due to motion, the design transforms and reorganizes itself on a continuity fashion. # What is Materialize? Materialize provides all CSS and JS components that are provided by bootstrap and foundation. <! How to Create An Ajax-Based HTML5/CSS3 Contact Form. [series_html5css3] Contact form is deadly essential for any website, as it acts as a messenger which passes the opinion or enquiries of visitors to webmaster.

How to Create An Ajax-Based HTML5/CSS3 Contact Form

There have been countless contact forms on the web but unfortunately most of them do not explain to you the inner working parts, so here comes a detailed tutorial to teach you to build an advanced contact form from scratch based on the pop technology, HTML5 and CSS3. Pin it Considering the nature of a web-based e-mail contact form we are also required to dive into two separate application fields, which is the PHP backend code for sending email and jQuery functions for rich user interface. By the end we will be left with a fully dynamic and functional contact form written with later customization in mind. 開發網站不可不知:2015~16年的 網頁設計趨勢. 較資深的用戶或設計師應該都還記得,90年代大家特別喜歡使用繁複的 GIF 動態檔來裝飾網頁吧?

開發網站不可不知:2015~16年的 網頁設計趨勢

Free Ebook: Web Design Trends 2016. Effective Date: Oct 10, 2014 This Privacy Policy (“Policy”) describes how UXPin Sp. z o.o. a Polish company with business address at Abrahama Street No 37/8, 81 - 366 Gdynia, Poland, entered into commercial register of the Polish Court Register held by the District Court Gdańsk - North in Gdańsk No 0000400136, with share capital of 66,100.00 PLN, TAX ID NO: PL5862274376and its affiliates (“UXPin” or “we” or “our” or “us”) treats information collected or provided in connection with a customer’s (“you” or “your”) use of the UXPin software-as-a-service (the "Service") website located at (the “Site”).

Free Ebook: Web Design Trends 2016

Any customer intending to use the Site is requested to read this Policy carefully prior to any use of the Site, as this Policy shall apply to any use of the UXPin software-as-a-service located at the Site. If you shall not agree to any provisions of this Policy, please refrain from using the Site. Make Your Website - Alannah Moore. Codecourse. Downloads. 前端工程日誌: Responsive web design資源分享. ImageBot - Free Online Photo and Image Editor.

Word Press

Scott Parker Consultancy - web design and development. WPBeginner - Beginner's Guide for WordPress. Official Google Webmaster Central Blog. Mod_Rewrite – Hide index.php. | articles Published November 7th, 2007 An .htaccess file can be used to prevent search engines from indexing non-www web pages that contain exactly the same content as those with-www in front.

Mod_Rewrite – Hide index.php

By hiding the 'duplicate content' we avoid the risk of a 'downgrading' effect by Google and other search engines. Exactly the same principle applies to web page addresses like: when we want the content to be displayed only on: This can be done by using ModRewrite to permanently redirect (eg): The file index.php continues to exist on the website but there's no need for 'index.php' to appear in the page address for its content to be displayed. The .htaccess file. Rex Swain's HTTP Viewer. Web Fundamentals — Web Fundamentals. Web Push Notifications, a new way to engage users Web push notifications makes it easy to re-engage with users by showing relevant, timely, and contextual notifications to the user, even when the browser is closed!

Web Fundamentals — Web Fundamentals

Introducción a Academia para webmasters - Ayuda de Herramientas para webmasters de Google. ¿Te estás planteando crear un sitio web?

Introducción a Academia para webmasters - Ayuda de Herramientas para webmasters de Google

¡Estupendo! La Academia para webmasters tiene la información y las herramientas necesarias para aprender a crear un sitio y para que la Búsqueda de Google lo encuentre. ¿Quién debe participar en Academia para webmasters? Cualquiera que esté interesado en crear o mejorar su sitio web. Sea cual sea tu caso, tanto si tienes una empresa que quiere aumentar su presencia en la Web como si eres un fotógrafo que quiere mostrar su obra online, podemos ayudarte a ponerte en marcha. ¿Qué se incluye en los módulos? Consejos para crear un sitio estupendo Lecciones sobre el funcionamiento de la Búsqueda de Google y de Herramientas para webmasters de Google Test, vídeos, ejemplos (usando el sitio ficticio y recursos. RegExr: Learn, Build, & Test RegEx. Get Started — Webmaster's Mobile Guide. What are the top three things I should know when building a site for mobile devices?

Get Started — Webmaster's Mobile Guide

1. Make it easy for customers. Help your site’s visitors to complete their objectives. They may want to be entertained by your blog posts, get your restaurant’s address, or check reviews on your products. Walgreens GVP and Chief Technology Officer of eCommerce, Abhi Dhar, explains, "Our goal with everything we do on mobile is to make our customers’ lives easier. "