background preloader

Responsify.it - A responsive template generator (Build 20120601045813)

What is it? Responsify is a browser based tool, which allows you to create your own responsive template. Think of it as a foundation for you to build upon. You can customise the grid to suit your content, rather than trying to make the content fit the grid. Who is it for? Anyone who is creating a Responsive website.

http://responsify.it/

Responsive Design: 160 useful tools, plugins and resources Since many of you out there are still struggling to find it all in one spot, when all you may need is just one main source that answers all your questions on Responsive Web Design, here at webdesignshock.com we’ve summed a full collection of 160 Resources that cover all Web Responsive Design related topics sorted in categories that go from framework, grid, bookmarklet, typography, tutorial, media-centric, useful articles, WordPress and Google Chrome; so that whatever it is that you’re looking to find related to web responsive design you’ll find it here at webdesignshock.com. Because With the on growing production of alternate devices’ over the past couple of years, have grown the amount of web responsive resources on the web, and the demand of web designers for them. Responsive design went from being the new “it” word of the web design world, to becoming the biggest growing trend of web design in 2011, to now being the up most necessary implementation when designing a website.

22 sitios web que son hermosas y útiles Here at WDL, we like to keep you inspired by showing you beautifully designed websites every week with our web design inspirational lists. Today we decided to go a different route, and instead of picking a single “theme” of examples, we gathered examples of websites that are inspiring and useful for web designers. We gathered different tools and skill sharing websites to show you so you can be inspired and also discover a nice tool/service. From free lessons to learn how to code to monthly memberships to help you to learn more about design, in this post you will find here 22 examples of inspiring and useful websites. Make sure to visit all of them, enjoy!

Latest Tools for Web Designers and Developers in October 2013 · Web Design We've put together some of the latest trending web applications, IDE's, web design and development resources, along with some other cool goodies on top. To make sure your productivity is at its highest, it's always great to take some time to look into the latest available tools that could potentially save you copious amounts of time and effort. So lets begin. 70+ Best Photography Website Templates Free All best Photography templates are fully responsive HTML5 template that is ideal for photographers, agencies and creative freelancers. Do you know how to make your online debut really successful? Choose a perfect skin for your web presence and become noticeable in a crowd of competitors. Those templates for photographers is intended to present works at their best, and make people crave to cooperate with their creator. If you’re not a photographer and just need a good site for posting portfolio works, this design is what you need.

A better Photoshop grid for responsive web design Posted on 20 January 2012 • 90 comments In making the move to responsive web design, one of the potential hurdles is the rather awkward maths for calculating the percentage-based widths necessary for fluid layouts. If, for example, you’re designing with a 960px grid in Photoshop and you have six columns, each 140px wide, you divide 140 by 960 to get your percentage-based width: 14.583333%. Now, I don’t know about you, but numbers like that look a little scary. Javascript Online Rich Text Editors This comparison list the Javascript libraries that help developpers to integrate an online rich text editor in their website. Online rich text editors allow users to easily format text the way they want directly in a browser. Formatting is usually done in a very similar way as Word processors, using buttons or drop down menus to select the font style, sizes....

Website Templates (Page 1 of 226) Website templates are customizable, pre-designed website designs. They're (usually) made up of a few HTML files, stylesheets, pictures and images, and occasionally JS files (which provide interesting features like drop down menus and sliding banners). You'll generally need some understanding of HTML and CSS to get the most out of these, but WYSIWYG apps like Dreamweaver and BlueGriffon can definitely help you along the way. 9 Excellent Tools for Design Mockups So you've just taken some killer photos with your new DSLR, or you captured a great video with your iPhone — what's next? While it feels natural to just post media quickly to your Facebook Page, sometimes great photos or video need their own home in the form of a personal website. But on the other hand, it's not easy to make a website layout that complements rich media. In order to make a great website, professional web designers take advantage of mockup tools to analyze layout, design and functionality. Taking advantage of these applications (some of which are 100% free) is a wise move — especially if you're interested in creating a professional website for your photography or video.

Website editor showdown: CKEditor vs. TinyMCE Website editor showdown: CKEditor vs. TinyMCE What's the best WYSIWYG editor for your website? CKEditor and TinyMCE are two popular JavaScript-powered WYSIWYG editors that make editing text on your web pages simple. CKEditor is a powerful, robust editor, while TinyMCE is more of a lightweight, minimalist option. HTML Tag Reference - HTML 5 and Beyond See the HTML Cheat Sheet for a handy reference for coding HTML tags and attributes. Tags in HTML Grouped by Function HTML Tags By Category

Useful Web Apps For Prototyping and Wireframing Being able to create rapid prototypes or wireframes of web and mobile apps is crucial for improving efficiency and essentially the end product. Creating wireframes or prototypes will allow you to discuss and amend various different versions of the the project in deeper details with clients, designers and developers without the need to invest hours of staff time creating endless pixel perfect mockups. Wireframing tools will allow you to create initial mockups of your website or app, this will allow you to quickly create many different variations of the skeleton layout. By doing this you can decide which concept will work best for your requirements, this method has the added bonus of saving countless hours creating various Photoshop mockups. Prototyping is a little further down the build line compared to wireframing, with prototyping it is common to create a rough working concept of the final wireframe creation. Hot Gloo

Animated QR Code Generator Online Animated QR Code Generator This is a *free service to generate QR codes in colour with embedded animations online for social media and custom branding QR codes. Upload your animation and click on the 'Generate Animated QR Code' button. Note: Supported animation types are multi-frame gif animations only.

Related: