background preloader

ToolCollection

Facebook Twitter

SSL-check: crawl your HTTPS website and find unsecure content. This tool will crawl an HTTPS-website (entire website, recursively, following internal links) and search for non-secure images, scripts and css-files that will trigger a warning message in browsers.

SSL-check: crawl your HTTPS website and find unsecure content

The number of pages crawled is limited to 200 per website. The results are cached for 10 minutes. This tool has become pretty popular and started overloading our servers. But we still keep it completely free of charge. Please help us keep it that way and retweet this page. Why we built this As you might know Google has announced that going HTTPS will give you a minor ranking boost. This page accepts hash-parameters like this: feel free to use. Comments? 10 Code Snippets for Creating Responsive Navigation Menus. Whether you’re studying responsive design or looking for code snippets to use for your own layout, this collection is sure to please. 1.

10 Code Snippets for Creating Responsive Navigation Menus

Responsive Button Nav Nested menus are crucial for any detailed site with 10+ pages. This responsive menu supports nesting with rounded link button styles. As the page resizes the buttons hide behind a three-bar hamburger menu. 2. Square flat navigation is usually the most popular style to work with. The color scheme needs some work because it’s tough to tell the different menus apart from each other. 3. Fading navigation menus are popular with creative agencies and they’re really easy to create. CSS, Web Development, Color Tools, SEO, Usability etc. Vitaly Friedman's The Web Developer's Handbook creativity | css galleries & showcases | color tools | color schemes, palettes | color patterns | fashion: colors selection | color theory | royalty free photos | css daily reading | web design daily reading | css layouts | css navigation menus | css techniques | css: software & Firefox Extensions | css-web-tools & services | html-web-tools & services | accessibility checkers | miscellaneous tools | ajax | javascript | DOM | fonts | typography | RSS | CMS | blogging | specifications | usability & accessibility | add a link (free) | seo tools | seo references | howtogetthingsdone | freelancers resources | web2.0 | 2read Advertise here!

CSS, Web Development, Color Tools, SEO, Usability etc.

Creativity css: selected showcases css galleries & showcases color tools color schemes, palettes color patterns fashion: colors selection color theory royalty free photos. Best Web Design Tools - Resources for Webworker, -designer and developer. Top 50 CSS Libraries, Frameworks and Tools from 2016. With all of the changes and rapid advancements CSS has gone through the last few years, we should not be surprised at the huge volume of open-source resources and tools that are currently being released.

Top 50 CSS Libraries, Frameworks and Tools from 2016

These time-saving CSS libraries, frameworks, and tools have been built to make our lives that little bit easier and also offer a learning window into those CSS areas we may not fully understand. We have collected 50 of our favorite CSS libraries, frameworks, and tools that been released this past year, 2016. You may also like to take a look at our CSS collections from 2015, 2014 or 2013.

CSS Tools and Libraries Quick Jump: CSS Libraries, CSS Spinners, CSS Image Effects, CSS Utilities, Styleguide Tools, Responsive Newsletter Frameworks, Flexbox Tools & Frameworks, CSS Web Layout Frameworks and Material Design Frameworks. FreeStack - Collection of Free Design Tools & Resources for Graphic Designers.

Internet Curated: A collection of 100+ hand-picked curated resources & tools. Die besten Ressourcen für Webentwickler. Im September 2010 verlosten wir Karten für die WebTech.

Die besten Ressourcen für Webentwickler

Dazu fragten wir unsere Leser nach Linkempfehlungen für eine Webseite, die ihnen immer wieder gute Dienste und Informationen beim Entwickeln von Webseiten leistet. 66 Linktipps kamen in den Kommentaren zusammen. Auf dieser Seite präsentieren wir euch alle Linktipps thematisch gruppiert. Im September 2010 verlosten wir Karten für die WebTech. Dazu fragten wir unsere Leser nach Linkempfehlungen für eine Webseite, die ihnen immer wieder gute Dienste und Informationen beim Entwickeln von Webseiten leistet. 66 Linktipps kamen in den Kommentaren zusammen.

Auf dieser Seite präsentieren wir euch alle Linktipps thematisch gruppiert. Werkzeuge Nachschlagen Blogs, Tutorials, Tipps und Tricks [Hinweis der Redaktion: Diese Linklisten wollten wir schon vor einem Jahr für euch zusammenstellen, sie sind aber leider zwischen anderen Aktionen und Diskussionen untergegangen. Infografik, Cheat-Sheet. Usersnap. You’re an avid web designer or developer.

usersnap

It’s your thing; you love it, you breath it, you live it. If someone asked you what your passion was, you’d answer cool apps in a heartbeat. But, how do you design and develop them quickly? How do you make sure you get that sweet idea that’s been bouncing around in your head out to the waiting public, without wasting time? What toolchain do you have in place to let you (and your team) go from concept through to finished product — quickly? If we’re anything alike, there’s so many tools available for every single aspect of the process. So today I’ll show you 7 tools you can use to build an effective (and low cost) toolchain straight-away. 1. Let’s assume we want to make a video hosting site, similar to one you may know — let’s call it TechTube.com. In the screenshot above, you can see the mockup I made. How long did it take? 19 Useful Google Apps Scripts to Automate Google Drive.

Google Drive offers great features for storing and working with different types of files but it does lack at some features that are crucial for your work.

19 Useful Google Apps Scripts to Automate Google Drive

Google Apps Scripts is an easy-to-use scripting language to get things done, which are otherwise not available in Drive. 10 Free Apps To Help Automate Tasks On Your Android Device 10 Free Apps To Help Automate Tasks On Your Android Device One thing most people love about Android is the freedom to create that is open source identity affords…Read more There are scripts that can let you read/extract text from images, convert files, auto-backup social photos or store Gmail attachments. Let’s check out how to make use of Google Apps Scripts to fill the missing holes in Google Drive and do many more things without third-party tools. Prerequisite: How to Run Google Apps Scripts To create and run a script in Drive, follow these steps: Create/open a Google Doc or Sheet. Convert and Email Google Sheets What it does: Webdesignledger. Accessibility tools, web developer tools, wizards and markup generators. Accessibility Tools Updated Accessible Table Builder - Create an accessible table using scope, header and id attributes using a wizard to guide you through the process.

Accessibility tools, web developer tools, wizards and markup generators

Updated Quick Form Builder. CSS, Web Development, Color Tools, SEO, Usability etc. 75 of the Smartest Resources for Web Designers – cmd + T – Medium. A lot of these lists just cram everything and anything into the lineup.

75 of the Smartest Resources for Web Designers – cmd + T – Medium

So, we decided to pick our designers’ brains to bring you the best resources that we are using on a daily basis. Feel free to add other useful resources in the comments below :) Images + Video 1. Showbox Create studio-quality video from your browser. 2. Beautiful, free videos for your homepage. 3. One of the best tools to optimize video files online. 4. The best free stock photos (and videos), all in one place. 14 Web Design Tools to Familiarize Yourself with in 2016. In this collection of web design tools, you’ll find a range of apps and services that aim to simplify and speed up the way you work.

14 Web Design Tools to Familiarize Yourself with in 2016

Whether you’re a website owner who wants a better way to create mockups for sharing ideas with your front-end developer, or you’re a freelance web designer who is seeking a more efficient way to build prototypes for your clients, these web design tools should be able to make your life easier. Some of these web design tools are more towards the basic end of the spectrum, simply giving you an easy way to sketch out a rough design or create a style guide for a project. The more advanced tools in this collection allow you to add animations, interactive features, and much more to your prototypes. With some, you also have the option of exporting your mockups to a range of devices for live user testing.