background preloader

Web Starter Kit

Web Starter Kit
Download Web Starter Kit (beta) What is Web Starter Kit? Web Starter Kit is an opinionated boilerplate for web development. Tools for building a great experience across many devices and performance oriented. Helping you to stay productive following the best practices outlined in Google's Web Fundamentals. A solid starting point for both professionals and newcomers to the industry. Features Quickstart Download the kit or clone the repository and build on what is included in the app directory. There are two HTML starting points, from which you can choose: index.html - the default starting point, containing Material Design layout.basic.html - no layout, but still includes our minimal mobile best-practices Be sure to look over the installation docs to verify your environment is prepared to run WSK. Web Performance Web Starter Kit strives to give you a high performance starting point out of the box. Browser Support ChromeEdgeFirefoxSafariOperaInternet Explorer 9+ Troubleshooting Docs and Recipes

https://developers.google.com/web/tools/starter-kit/

Related:  logiciel freeUser interface designWeb ToolsWebmasterDevelopment

plasq.com “4 Stars and Editors Choice.” MacUser Dec. 2013 "Awesome!... It's intuitive and it has a wider selection of title treatments and templates - love the retro look!" Chris Shoemaker, Co-Founder of Freshi Media Tutorial: Easy CSS Animations with Animate.css This is just a quick video tutorial on the basics of using Animate.css to quickly add some amazing animation effects with little to no effor at all! Then I will go over a few tips on how you can use a little bit of jQuery to really expand it's functionality by making animations hapen when you hover or click on a DOM element. Credits to Style Sheet Creator: Daniel EdenGitHub Repository function animationHover(element, animation){ element = $(element); element.hover( function() { element.addClass('animated ' + animation); }, function(){ //wait for animation to finish before removing classes window.setTimeout( function(){ element.removeClass('animated ' + animation); }, 2000); } );}; function animationClick(element, animation){ element = $(element); element.click( function() { element.addClass('animated ' + animation); //wait for animation to finish before removing classes window.setTimeout( function(){ element.removeClass('animated ' + animation); }, 2000); } );}; Good luck!

39 Blogging Tools to Help You Work Faster & Write Better When you’re finding amazing content to share on social media—the kind of thing that grabs attention and gets people to click, share, and comment—one of the most valuable, most original places to turn is your own blog and the content you personally create. So the questions become: How to create amazing content, how to put together blogposts strategically and efficiently, and how to get your content out to the masses. Writing tips are a good place to start. Smart Fixed Navigation A fixed navigation that allows your users to access the menu at any time while they are experiencing your website. It's smaller than a full-width fixed header, and replaces the back-to-top button with a smarter UX solution. Browser support ie Chrome Firefox Safari Opera 9+

Understanding the X-UA-Compatible meta tag These days, lots of web pages are using the <meta http-equiv=’X-UA-Compatible’ content=’IE=edge,chrome=1′ /> tag in the HTML source. I’ve asked many designers or developers that what’s the meaning of this? While few of them have explained me correctly, many others are “just using it”. So, I’ve thought of providing a small note on this. 54 Portrait Ideas: free downloadable posing guide Are you stuck for portrait ideas? Sometimes we’ve found that you can over-think these things. When you put so much thought into backdrops and colour schemes and following others’ portrait photography tips, you can overlook some of the fundamentals of portrait photography, such as your subject’s pose. We believe our posing guide below should help!

ADO.NET Entity Framework: What. How. Why. I recently caught up with some of the technical minds behind ADO.NET's Entity Framework: Architect Michael Pizzo, Technical Lead Pablo Castro and Director of Program Management Britt Johnston. What's an Entity Framework, you ask? Well, watch and learn all about this new ADO.NET development framework/paradigm. For the ADO developers out there, you'll be quite pleased with the architectural direction ADO has taken. Advanced Marketing Institute - Headline Analyzer Enter Your Headline Text Paste your headline in the text area below. The analysis engine will automatically cut your submission at 20 words, so we encourage you to do a word count before submitting!

SlickMap CSS: A Visual Sitemapping Tool for Web Developers — Astuteo™ Side Projects SlickMap CSS is a simple stylesheet for displaying finished site maps directly from HTML unordered list navigation. It’s suitable for most web sites – accommodating up to three levels of page navigation and additional utility links – and can easily be customized to meet your own individual needs, branding, or style preferences. The general idea of SlickMap CSS is to streamline the web design process by automating the illustration of site maps while at the same time allowing for the pre-development of functional HTML navigation. Eliminates the need for additional software Easily revised with clients on-the-fly Clickable anchors with visible URLs Design process results in working HTML code SlickMap CSS was created by Matt Everson of Astuteo – that’s me – and it’s entirely free for you to download and use, modify for your own applications, or otherwise make millions off of.

A Look Into: Firefox Developer Edition After a short tease, Mozilla has officially released Firefox Developer Edition. It’s a new browser aimed specifically at web developers. Although it hasn’t been announced officially, it looks like it will be replacing Firefox Aurora at some point. Judging from the name, the official announcements and the landing page it looks like Firefox Developer Edition is the first large browser built for development, not just supporting it. It contains a multitude of debuggers, panels and other utilities, plus it uses its own profile so it can be run alongside regular Firefox more easily.

Thinglink : 7 façons pour les journalistes d’utiliser l’image interactive Toute l'actualité amaytoisewww.lavenir.net Bloc Etat-Majorwww.lavenir.net Une salle de sport sera construite ici Bloc maintenance et instructionwww.lavenir.net Creating an Entity Framework Data Model The Contoso University sample web application demonstrates how to create ASP.NET MVC 5 applications using the Entity Framework 6 and Visual Studio 2013. This tutorial uses the Code First workflow. For information about how to choose between Code First, Database First, and Model First, see Entity Framework Development Workflows. The sample application is a web site for a fictional Contoso University.

New-Age Bullshit Generator Just click and the truth will manifest Click the Reionize electrons button at the top of the page to generate a full page of New Age poppycock. The inspiration for this idea came from watching philosophy debates involving Deepak Chopra. I wrote a blog post about it if you're interested. After sitting through hours of New Age rhetoric, I decided to have a crack at writing code to generate it automatically and speed things up a bit. I cobbled together a list of New Age buzzwords and cliché sentence patterns and this is the result.

Related: