cssdrive.com

VN:F [1.9.22_1171]
Rating: 7.5/10 (2 votes cast)

Web design gallery with handy tips and guide lines.

How to Setup your Desk as a Programmer

5 April 2021 @ 7:12 pm

As a programmer, your desk is the platform to everything you do. Every line of code you write, CSS you minify or updates you push out is done right there. See how to set up your desk for maximum productivity.

The Ultimate Guide to Office Color Psychology

20 January 2020 @ 10:08 pm

Skillful use of colors in the office can boost your productivity, health, and even happiness. Learn all about color psychology in this article.

3D Web Design- The New Frontier for Web Design

17 March 2019 @ 9:35 am

This post explores the emerging popularity of 3D for creating highly interactive web sites.

Best Developer Frontend Courses

8 November 2018 @ 1:49 am

See the best, most relevant frontend courses online to take to succeed as a frontend developer in 2019 and beyond.

Flex Cards Accordion script

29 August 2018 @ 9:21 pm

jQuery script that uses CSS flexbox to create cards that when clicked on expands to show copious amount of information in a compact, manageable manner.

8 Hand and Wrist Exercises for Computer Users

17 August 2018 @ 7:56 pm

Good exercises for web designers and programmers, which are at higher risk of developing carpal tunnel or RSI injuries.

Ken Burns Image Slideshow

12 July 2018 @ 10:02 pm

This image slideshow adds an awesome Ken Burns effect that brings each image to life during transition

Smooth Scrolling HTML Bookmarks using JavaScript

18 April 2018 @ 12:07 am

See how to use native JavaScript to create smooth scrolling HTML bookmark links inside the page, and for those that need legacy browser support, using jQuery instead.

How to Add a CSS and JavaScript Sticky Menu to Your Site

22 March 2018 @ 10:34 pm

See the two ways to add a sticky horizontal menu to your site, plus 7 beautiful examples of this pattern out in the wild.

Best WordPress Theme Clubs for Unlimited Sites

15 March 2018 @ 10:37 pm

Review and comparison of the best Wordpress theme clubs for unlimited domains.

ajaxian.com

VN:F [1.9.22_1171]
Rating: 7.5/10 (2 votes cast)

Ajax, JavaScript, PHP, ASP.net, jQuery – Expert Resources and Tutorials

jqueryfordesigners.com

VN:F [1.9.22_1171]
Rating: 7.0/10 (2 votes cast)

Useful snippets of javascript for designers in jquery

Simple use of Event Delegation

14 June 2011 @ 12:00 pm

Event delegation may be some techie term that you’d rather shy away from, but if you’ve not already used it, this example will show you a simple but powerful use of event delegation. Watch Watch Simple Event Delegation (Alternative flash version) QuickTime version is approximately 22Mb, flash version is streaming. View the demo used in [...]

Populate Select Boxes

11 February 2011 @ 12:00 pm

It’s the age old (well, in webby terms) issue of how to populate one select box based on another’s selection. It’s actually quite easy compared with the bad old days, and incredibly easy with jQuery and a dash of Ajax. Watch Watch Populate Select Boxes screencast (Alternative flash version) QuickTime version is approximately 60Mb, flash [...]

Scroll Linked Navigation

18 August 2010 @ 2:52 pm

There are a few websites I’ve seen lately that have a left hand navigation automatically updates it’s selection based on where you’ve scrolled to on the page. This tutorial will show you exactly how to achieve just that. Watch Watch Scroll Linked Navigation screencast (Alternative flash version) QuickTime version is approximately 50Mb, flash version is [...]

Debugging Tools

7 July 2010 @ 9:37 am

Most of us have to make our web pages work in The Big Five browsers, so I thought it was about time I introduce you to the debugging tools for each of those browsers with a couple of tips thrown in to the mix. Watch Watch Debuggers screencast (Alternative flash version) QuickTime version is approximately [...]

Enabling the Back Button

19 April 2010 @ 12:00 pm

As we build more and more Ajaxy applications, and our apps reside on a single page, the browser’s native back button can get more and more broken. This episode will show you how to re-enable the back button on your apps. Watch Watch Enabling the Back Button screencast (Alternative flash version) QuickTime version is approximately [...]

J4D update: My Book, Other Books, Workshops and talks

9 March 2010 @ 1:00 pm

It’s been a while since I’ve been in touch, so I wanted to let you know what’s going on in the jQuery for Designers world, what to look out for and what’s coming next. A personal update I realise I’ve neglected you again (there was a similar dip back in Feb 2009: I see a [...]

Adding Keyboard Navigation

12 January 2010 @ 12:44 pm

I was recently asked how keyboard navigation could be supported to move a slider backwards and forwards. I’ve created a few tutorials on how to create sliders and carousels but not mentioned keyboard supported navigation yet. Watch Watch Adding Keyboard Navigation screencast (Alternative flash version) QuickTime version is approximately 28Mb, flash version is streaming. View [...]

Fixed Floating Elements

23 October 2009 @ 1:17 pm

On visiting Apple’s web site an putting items in my shopping basket, I noticed (an old effect) where the shopping basket would follow me down the page. We’ll look at how to replicate the fixed floating sidebars or elements with very little jQuery. Watch Watch jQuery Fixed Floating Elements screencast (Alternative flash version) QuickTime version [...]

Want to learn more about JavaScript? Go Full Frontal!

29 September 2009 @ 3:45 pm

I’m sure you’re familiar with a bit of JavaScript now that you’ve subscribed to my screencasts and hacked and played around with jQuery. Earlier this year I decided that it was time there was a UK conference dedicated to learning JavaScript, and I called it Full Frontal. The conference is a one day event talking [...]

iPhone-like Sliding Headers

10 September 2009 @ 3:54 pm

The iPhone has a few unique UI features, one in particular are the static headings when you’re scrolling through a list, so you know the context of the content. We’ll see how to create this effect using jQuery. Watch Watch iPhone-like Sliding Headers screencast (Alternative flash version) QuickTime version is approximately 68Mb, flash version is [...]

jsbin.com

VN:F [1.9.22_1171]
Rating: 7.0/10 (1 vote cast)

Specifically designed to help JavaScript and CSS folk test snippets of code, within some context, and debug the code collaboratively.

jsfiddle.net

VN:F [1.9.22_1171]
Rating: 9.0/10 (2 votes cast)

A playground for web developers, use it as an online editor for snippets built from HTML, CSS and JavaScript. The code can then be shared with others, embedded on a blog, etc.

html5canvastutorials.com

VN:F [1.9.22_1171]
Rating: 7.0/10 (1 vote cast)

Everything you need to know about HTML5 Canvas by providing structured tutorials and creative labs.

The Future of Web Design: How Coding and Webflow Are Revolutionizing Digital Agencies

18 December 2023 @ 6:48 pm

In the ever-evolving world of web design, the emergence of tools like Webflow and the ever-growing importance of coding have marked a new era for digital agencies. The synergy of these two elements is not just reshaping how websites are built but is also redefining the very nature of web design. In this comprehensive exploration, […]

Crafting Tomorrow: The Symbiosis of Content Creation and Artificial Intelligence

14 December 2023 @ 5:38 pm

The rapid advancement of artificial intelligence (AI) is transforming numerous industries, including content creation. As AI capabilities grow, there is tremendous potential for AI and human creators to work symbiotically - each complementing the other's strengths. This symbiosis promises to shape the future of content creation, ushering in new levels of personalization, interactivity, and immersion. […]

The Digital Evolution of Art: From Pixels to Paint and Beyond

6 October 2023 @ 5:04 pm

Over time, art has undergone constant change, reflecting current events, popular culture, and, most importantly, technological development. Historically, the main avenues of expressing creativity have been via conventional art forms, including painting, sculpture, and graphics. However, a recent technical revolution has spawned an artistic process that the globe has witnessed. Electronics, software, and the Internet […]

JavaScript Design Lab: Exploring the Intersection of Art and Code

31 August 2023 @ 6:34 am

In the world of web development, JavaScript has become a powerhouse programming language, enabling developers to create dynamic and interactive web experiences. But JavaScript is not just about functionality and logic; it can also be a tool for artistic expression and creative design. In this article, we delve into the fascinating realm of JavaScript design, […]

Mastering Object-Oriented Programming (OOP) in PHP: Unveiling the Power of Code Reusability and Organization

25 August 2023 @ 4:44 pm

In the world of web development, where complexity and functionality continue to evolve, Object-Oriented Programming (OOP) stands as a cornerstone for creating organized, efficient, and maintainable code. With PHP being one of the most widely used server-side scripting languages, understanding and harnessing the power of OOP in PHP is essential for modern developers. In this […]

Which Online Marketing Strategies Are Best For Lead Generation?

6 May 2023 @ 4:37 pm

Any business owner will tell you (no matter what industry they are in), lead generation is the biggest ball ache of them all. It’s expensive, it’s time consuming, and it’s frustrating. However, there are far easier and more effective ways of attracting ‘ready to spend’ customers to your cause. If you’ve been struggling and need […]

The List Of Top 6 Cities To Live And Work As A Programmer

22 April 2023 @ 5:19 pm

As the world becomes increasingly digital and technology-focused, programming has become a highly sought-after skill. The demand for programmers has never been higher, and as a result, many cities around the world have established themselves as hubs for tech talent. These towns offer high-paying job opportunities and a luxurious standard of living for programmers. This […]

Website development best practices 2023

4 April 2023 @ 5:53 pm

Technology is captivating a vital role in our day-to-day life. From a local buyer who is paying through UPI to a big tech giant who is running a successful software company, who is deprived of the effect of technology. Nevertheless, everyone is looking for certain specific features to ease down their task. So, is the […]

5 Brilliant App Development ideas to build in 2023

4 April 2023 @ 3:55 pm

Great app development ideas: where do you find them? Almost 3 hours daily and a month and a half annually - that's exactly how much time an average American spends on the phone. Funny videos with cats don't account for all of it. What is more important is that people also spend money on apps. […]

How to Become a Scala Developer in 2023

17 March 2023 @ 5:35 am

Scala is a high-level language that aims to provide both object-oriented programming and functionality. Not surprising that it is becoming more and more popular among developers and companies. In 2023, the demand for Scala developers is high as ever before and if you still don’t know what language to choose, this might be your chance. […]

dabblet.com

VN:F [1.9.22_1171]
Rating: 7.0/10 (1 vote cast)

dabblet is an interactive playground for quickly testing snippets of CSS and HTML code.

colorh.com

VN:F [1.9.22_1171]
Rating: 7.0/10 (1 vote cast)

hex color (colour) picker, close matches and gradient colors

dirtymarkup.com

VN:F [1.9.22_1171]
Rating: 6.0/10 (1 vote cast)

Clean up dirty code (HTML, JS, CSS) online

bearcss.com

VN:F [1.9.22_1171]
Rating: 7.0/10 (1 vote cast)

Build a CSS foundation from your HTML template