Skip to main content

Home/ Tools for web developers/ Group items tagged and

Rss Feed Group items tagged

Vernon Fowler

Website Error Checker: Accessibility & Link Checker - SortSite - 0 views

  •  
    "Checkpoints Accessibility - check WCAG and Section 508 guidelines against many file types: find flashing GIFs, untagged PDFs Broken Links - check for broken links and spelling errors Compatibility - check for HTML, script and image formats that don't work in common browsers Search Engine Optimization - check Google and Bing webmaster guidelines Privacy - check for compliance with EU and US law Web Standards - validate HTML and CSS Usability - check against Usability.gov guidelines"
Vernon Fowler

Pens picked by the Editors of CodePen - 0 views

  •  
    CodePen is an HTML, CSS, and JavaScript code editor right in your browser with instant previews of the code you see and write. It's great for showing off your work and seeing what amazing things other people are doing with the web. It's also great for troubleshooting problems and getting critique.
Vernon Fowler

Welcome To The 404 Checker - 0 views

  • Check the HTTP Status code being returned by a partcular webpage, image or document. Useful for checking that your custom error pages are returning the correct codes.
  • View the full header returned from a HTTP request. Useful for debugging, optimisation and for general interest. Click the icon next to each header directive for more information about that item.
  • The link checker will fetch all links on a page and check each in turn for their status. Useful for location broken links on a page.
  •  
    "404 Checker is a website full of webmaster tools and information about your website, internet connections and protocols. Please consult the list below for information about the tools available. The information section (accessable from the menu on the left) contains information about HTTP Status Codes, and also instructions about how you can customise your servers response to these codes. The references section contains information about where to get more information."
Vernon Fowler

Grumpicon. A Web app for the Grunticon workflow. - 0 views

  • To start, export SVG files for each of your images, drop those files onto the grumpy animal above, then click the 'Downlode it!" button to grab the files.
  • Once downloaded, check out preview.html to see a preview of your icons and their class names. To integrate in your site, you can drop the exported files into a folder on your site and paste the contents of grunticon.loader.txt into the head section of your HTML templates. Note: Be sure to replace the 4 [YOUR PATH HERE] parts of that text with the path to your own grunticon files (a root-relative path often works best across a whole site).
  •  
    Grunticon makes it easy to use HD-ready (retina) vector illustrations, icons, and background images in your web project without the hassles of spotty browser compatibility. The tool processes a set of SVG files, generates PNG fallback images for legacy browsers, and exports a demo page showing how to use the final icons.
  •  
    Grunticon makes it easy to use HD-ready (retina) vector illustrations, icons, and background images in your web project without the hassles of spotty browser compatibility. The tool processes a set of SVG files, generates PNG fallback images for legacy browsers, and exports a demo page showing how to use the final icons.
Sarah HL

Relearn CSS layout: Every Layout - 0 views

shared by Sarah HL on 02 Jul 20 - No Cached
  •  
    If you find yourself wrestling with CSS layout, it's likely you're making decisions for browsers they should be making themselves. Through a series of simple, composable layouts, Every Layout will teach you how to better harness the built-in algorithms that power browsers and CSS. Employing algorithmic layout design means doing away with @media breakpoints, "magic numbers", and other hacks, to create context-independent layout components. Your future design systems will be more consistent, terser in code, and more malleable in the hands of your users and their devices.
Vernon Fowler

How to Point Multiple Domain Names to One Website: And How to Avoid Search Engine Probl... - 0 views

  • The 3 sites, "example.com", "example.net" and "example.org", all point to the exact same page on the site's web host. It is done by hosting all three sites on the same web host, and arranging it so that they all resolve to the same account.
  • That is, there's a simple way to tell the search engines that all 3 domains point to the same site, and to add up all the links together and associate them with that site.
  • Next, you will also need to arrange with your web host to host all your domains so that they point to the same website.
  • ...3 more annotations...
  • After pointing all your domains to your website, you'll have to decide which of those domains is going to be your primary or main domain.
  • The kind of redirection employed above is recognised by search engines as an indication that all your different domains have moved permanently to your primary domain.
  • After setting the above, wait a couple of days for your changes to spread (or in the technical jargon for such things, "propagate") throughout the world, then test your secondary domains in your web browser.
  •  
    "A visitor recently asked me whether it was possible to point multiple domain names to one website, more or less the conceptual reverse of what I wrote about in "Can I Create Multiple Websites with One Domain Name?". This article discusses why a person might want to do this, how it can be accomplished, and provides a practical guide on the additional steps you need to take in order to avoid losing potential search engine ranking as a result of doing things this way."
rakhmad fitriadi

Kevin Durant and Monica Wright will Get Married Soon! - See - 0 views

  •  
    Good news came from the sensational couple Kevin Durant and Monica Wright. The couple will tie the knot any time soon. So, where would be the best place to celebrate their special moment? Well, since they are in Oklahoma right now, we have a few suggestions of the best places for their wedding. - See more at: http://jeuxtofemmes.com/kevin-durant-and-monica-wright-will-get-married-soon/
de Villamil Frédéric

iPhone and iPod Touch development - WebApp.Net - 0 views

  •  
    Bring the power of the iPhone and iPod Touch GUI designed by Apple in your own web applications and give the the best user experience to your visitors and customers.
Vernon Fowler

Microdata - Dive Into HTML5 - 0 views

  • a third option developed using lessons learned from microformats and RDFa, and designed to be integrated into HTML5 itself: microdata.
  • “Adding microdata” to your page is a matter of adding a few attributes to the HTML elements you already have.
  • So where is the real information? It’s in the <dd> element, so that’s where we need to put the itemprop attribute. Which property is it? It’s the name property. Where is the property value? It’s the text within the <dd> element. Does that need to be marked up? the HTML5 microdata data model says no, <dd> elements have no special processing, so the property value is just the text within the element.
  • ...7 more annotations...
  • This technique is also useful for microdata. There are two distinct pieces of information here: a title and an affiliation. If you wrap each piece in a dummy <span> element, you can declare that each <span> is a separate microdata property.
  • There are two major classes of applications that consume HTML, and by extension, HTML5 microdata: Web browsers Search engines
  • a handy tool to see how Google “sees” your microdata properties
  • Google supports microdata as part of their Rich Snippets program.
  • Just like associating a URL with a Person, you can associate a URL with an Organization. This could be the company’s home page, a contact page, product page, or anything else. If it’s a URL about, from, or belonging to the Organization, mark it up with an itemprop="url" attribute.
  • To handle edge cases like this, HTML5 provides a way to annotate invisible data. This technique should only be used as a last resort. If there is a way to display or render the data you care about, you should do so. Invisible data that only machines can read tends to “go stale” quickly. That is, someone will come along later and update the visible text but forget to update the invisible data. This happens more often than you think, and it will happen to you too.
  • itemscope says that this element is the enclosing element for a microdata item with its own vocabulary (given in the itemtype attribute). All the properties within this element are properties of http://data-vocabulary.org/Geo, not the surrounding http://data-vocabulary.org/Organization.
Vernon Fowler

Using Zapier and TinyPNG to automatically compress your images - Voormedia - 0 views

  • select Dropbox as the trigger app and choose the New file in directory trigger
  • configure the folder in which the images will be compressed
  • Select the File from step 1
  • ...3 more annotations...
  • add another action that saves the compressed image back to Dropbox. Choose Dropbox as the action app and pick Upload File
  • select the Output File from step 2
  • select File Extension from step 1 (prevents renaming JPEG to JPG)
  •  
    "In this blog post, we created Zap with this action that monitors a Dropbox folder and compresses newly uploaded images. A very similar approach can be used to integrate the API with other cloud services supported by Zapier, such as Google Drive, OneDrive or Box."
de Villamil Frédéric

Designing Typography for the Modern Web | Tips - 1 views

  •  
    As web designers, it is our job to grow with the trends of the Internet. As new technology emerges, it's our position to jump on board and see where it can take us. This includes trends all over the web, typography being a major player. Many designers don't consider type as a field of interest or focus. Ironically, typography is possibly one of the most important parts of our dynamic web. It helps deliver a website's content to users from all over the world and it truly is an art to study. I'll be getting into a few concepts about typography for the modern web. Things haven't changed too much since the previous years of web design, however many new techniques are being utilized and shared amongst the design community.
Vernon Fowler

WebPagetest - Website Performance and Optimization Test - 0 views

  • Run a free website speed test from multiple locations around the globe using real browsers (IE and Chrome) and at real consumer connection speeds. You can run simple tests or perform advanced testing including multi-step transactions, video capture, content blocking and much more. Your results will provide rich diagnostic information including resource loading waterfall charts, Page Speed optimization checks and suggestions for improvements.
Vernon Fowler

Pineapple · Web Tutorials and Resources That Don't Suck - 0 views

  •  
    "A central hub of Tutorials, Tools and Assets for developers and designers"
Vernon Fowler

Grunt for People Who Think Things Like Grunt are Weird and Hard ◆ 24 ways - 0 views

  • You install Grunt on a per-project basis. Go to your project’s folder. It needs a file there named package.json at the root level. You can just create one and put it there.
  • The contents of that file should be this: { "name": "example-project", "version": "0.1.0", "devDependencies": { "grunt": "~0.4.1" } }
  • Once that package.json file is in place, go to the terminal and navigate to your folder.
  • ...3 more annotations...
  • This is a one-liner again. Just run this command in the terminal: npm install -g grunt-cli
  • Then run the command: npm install
  • You should close and reopen the terminal as well. That’s a generic good practice to make sure things are working right.
Vernon Fowler

iConvert Icons: Convert png, ico, and icns icons online for free - 0 views

  •  
    "Have you ever discovered the perfect icon set, only to find it wasn't available for your particular platform? iConvert solves the problem: With this free online icon converter, you can convert any icon or image into an icon specifically for your platform. iConvert allows you to easily convert PNG to ICO, Windows ico to Mac OS X icns, SVG icons to Windows icons, PNG icons to Mac OS X icons, JPG to ICO, and much more. Simply upload a file in one of the supported formats, and iConvert will do the rest!"
Vernon Fowler

Git Immersion - Brought to you by Neo - 0 views

  •  
    "Git is a powerful, sophisticated system for distributed version control. Gaining an understanding of its features opens to developers a new and liberating approach to source code management. The surest path to mastering Git is to immerse oneself in its utilities and operations, to experience it first-hand."
Vernon Fowler

Colour Contrast Check - snook.ca - 0 views

  •  
    "specify a foreground and a background colour and determine if they provide enough of a contrast"
Vernon Fowler

KSS · Knyle Style Sheets - 0 views

  •  
    "Documentation for any flavor of CSS that you'll love to write. Human readable, machine parsable, and easy to remember. Works great with CSS, SCSS, LESS, and much more."
Vernon Fowler

Google Tag Manager official website - 0 views

  •  
    Google Tag Manager lets you add or update your website tags and mobile applications, easily and for free, whenever you want, without bugging the IT folks.
de Villamil Frédéric

When Clients Take Too Much Design Control | Build Internet! - 0 views

  •  
    Have you ever dealt with a client who suddenly flipped on "design mode" mid-project? The expectation is that you are an expert, and you act as a filter between the client and a (successful) finished product. Web design is more than just coding a client's vision. You've spent the time honing skills. Now let's reclaim your artistic license while keeping professional.
1 - 20 of 82 Next › Last »
Showing 20 items per page