Import any XML or CSV File to WordPress
WP All Import has a four step import process and an intuitive drag & drop interface that makes complicated import tasks simple and fast. There are no special requirements that the elements in your file…
Category: web design
Automatically refresh and reload your code in your browser when your code changes
Restarting your HTTP server and refreshing your browser is annoying. Reload works in two different ways depending on if you're using it: In an existing Express application in which it creates a server side route…
jQuery Effects – Hide and Show
<!DOCTYPE html> <html> <head> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> <script> $(document).ready(function(){ $("#options").click(function(){ $("#optional").toggle(); }); }); </script> </head> <body> <p id="options">Click here to show options</p> <div id="optional" style="display:none;"> Toggle between hiding and showing the options. </div> </body> </html>
Enable gzip compression
Gzip is a method of compressing files so that it transfers fast for website visitors. Add this to .htaccess file <IfModule mod_deflate.c> # Compress HTML, CSS, JavaScript, Text, XML and fonts AddOutputFilterByType DEFLATE application/javascript AddOutputFilterByType…
Embedding rich third-party media into responsive web pages
embedresponsively.com helps build responsive embed codes for embedding rich third-party media into responsive web pages.You can make following media responsive using embedresponsively.comYouTubeVimeoDailymotionGoogle MapsGetty ImagesGeneric iFrame
Test Responsive Design from Mozilla Firefox using Responsive Design View mode
Responsive designs adapt to different screen sizes to provide a presentation that is suitable for different kinds of devices, such as mobile phones or tablets. The Responsive Design View makes it easy to see how…
Freepik: the free graphic resources browser/finder.
Freepik is a search engine that helps graphic and web designers to locate high quality photos, vectors, icons, illustrations and PSD files for their creative projects. It’s an awesome tool that tracks and locates free…
Pencil : An open-source GUI prototyping tool
Pencil is built for the purpose of providing a free and open-source GUI prototyping tool that people can easily install and use to create mockups in popular desktop platforms.Easy GUI PrototypingBuilt-in Shape CollectionsDiagram Drawing SupportExporting…
Designing for the web
Web Design Field Manual offers up a ton of useful links to information for how to design for the web, including inspiration, the design process, design workflow, and much more.http://webfieldmanual.com “When you’re a carpenter making…