background preloader

Web Design

Facebook Twitter

Turn.js: The page flip effect in HTML5. 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年的 網頁設計趨勢

而現在最流行的網頁風格反而是簡約的扁平化設計。 網頁設計趨勢 可以反映當時的技術、使用者習慣、裝置、美學與設計思維的不同,相當有趣並值得探討。 舉個最近流行的趨勢吧! 我們可以看到 響應式網頁設計(RWD)越來越流行,許多網站皆改為此方式來設計,除了對移動裝置用戶更友善外,甚至也影響 Google 的搜尋排行。 接著,就讓我們透過 UXPin 針對今年度所見的趨勢整理而成的文章,一起回顧今年的網頁設計風潮與展望明年可能會流行的趨勢囉~ 1. 我們可以發現,在響應式設計的風潮下,似乎每個網站看起來都一樣。 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. 前端工程日誌: 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. Www.patricktaylor.com | 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 For websites running on Apache web server (most websites do), a Mod_Rewrite module can be enabled to allow an .htaccess file to be installed in the root folder, containing rules on how web page requests should be rewritten 'behind the scenes' by the 'rewriting engine'. Rex Swain's HTTP Viewer. 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? 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.

"