background preloader

Web development

Facebook Twitter

15 Must Read Articles for CSS Beginners. 21 Amazing CSS Techniques You Should Know. Cascading Style Sheets(CSS) is one of the building blocks of modern web design without which websites would have been ugly just like they were a decade ago. With time, the quality of CSS tutorials out there on the web has increased considerably. Here are 21 amazing CSS Techniques that you might not have thought could be done by CSS. 1. Cross Browser CSS SlideShow Amazing demonstration of how to create a cross browser image gallery using just CSS. 2. This tutorial demonstrates a crazy way to create an image map using just CSS. 3.

Create a lighbox using just CSS with no JavaScript required. 4. Replace the submit buttons with images using CSS, degrades back to submit button if CSS is disabled. 5. Amazing tutorial on how to create an animated navigation menu using just CSS. 6. Create a tree like navigation from nested lists of links. 7. Create eye-catching titles with nice gradient effect using just CSS. 8. 9. Amazing way to create a liquid layout using negative margins 10. 11. 12. 13. 14. 15. 10 best CSS hacks. Color Palette Generator. Swatch Book with CSS3 and jQuery. Collective. Nifty Modal Window Effects. Code Snippets - Snipplr Social Snippet Repository. 100+ Resources for Web Developers | BlogWell. Photo Credit: SMITHMag Update #1 – March 14, 2008 Update #2 – September 22, 2008 Translated into Italian at Geekissimo There is some amazing stuff out there on the Web–resources, tools, tricks, and tips.

Problem is, as a Web developer, you spend so much of your time just keeping up with new technologies – learning, playing – and this doesn’t leave much time to go hunting for the latest and greatest tool, or for a better way of doing things. So we’ve put together a list of over 100 resources to help make your life as a developer easier; where to find snippets of code, sites that automate processes, cheat sheets, lessons, useful tools and a couple of silly videos to give your brain a break if you make it through to the end. Code Photo Credit: Josh Lewis 1. 2. 3. 4. 5. 6. 7. 8. 9. 10. 11. .htaccess Creator Online tool to create .htaccess files 12. 13. 14. 15. 16. 17. 18. 19. jQuery jQuery is a fast, concise, JavaScript Library that simplifies how you write your web pages. Cool Online Tools 20. 21.

Browse All Content. Web Developer's Handbook | CSS, Web Development, Color Tools, SEO, Usability etc. Web Developer's Handbook | CSS, Web Development, Color Tools, SEO, Usability etc. Cool Kitten: A parallax scrolling responsive framework. Jalxob.com Buy this domain The owner of jalxob.com is offering it for sale for an asking price of 600 USD!

Related Searches This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation. CSS and JavaScript tools to take your website to the next level. Topcoat Topcoat is a very neat and clean library of CSS classes specialized in form elements: buttons, checkboxes, sliders, etc.

A super easy way to make your website or app look good in minutes. Demo/Download: Countable.js As you can guess, countable.js is a JavaScript function to add live paragraph, word and character counting to any HTML element. It is very small and do not rely on any JS framework. Demo/Download: iCheck Want super-looking checkboxes and radio buttons for your new web app? Demo/Download: CSS only responsive navigation Responsive layouts are very popular on the web right now, and this is definitely a good thing in my opinion. Demo/Download: Almost Flat UI Based on Foundation Framework, Almost Flat UI is a complete HTML/CSS/JS framework to build your site on.

Demo/Download: Chart.js PlaceIMG jQuery PanZoom. The 130 best free fonts | Typography. In this freshly updated free fonts for designers post, we bring you the world's best free fonts. We've filtered out the diamonds from the thousands of less perfectly designed free fonts available online, for you to use in your designs and illustrations.

Get Adobe Creative Cloud now This list represents the 55 best free fonts we've found in eight categories. You can use the drop-down menu at the top of the page, or the boxout, right, to jump to the section you want. Don't forget, we have many other articles covering specialist font types including handwriting fonts, kids' fonts, cursive fonts, beautiful fonts, web fonts, professional fonts and more. Most of the typeface collections listed here can be used in your projects for free, but please be sure to check the terms.

Serif fonts 01. This free serif display font takes inspiration from the late 18th century European Enlightenment and the work type designer John Baskerville. 02. Lora is a free font that has its roots in calligraphy. 03. Creative Button Styles. CODING FOR GOOD. 10 Web Apps for Developers. Web applications have become popular due to the ubiquity of web browsers, and the convenience of using a web browser as a client, sometimes called a thin client. The ability to update and maintain web applications without distributing and installing software on potentially thousands of client computers is a key reason for their popularity, as is the inherent support for cross-platform compatibility. Common web applications include webmail, online retail sales, online auctions, wikis and many other functions.

In practice, web interfaces, compared to thick clients, typically force significant sacrifice to user experience and basic usability. Web applications absolutely require compatible web browsers. When a browser vendor decides not to implement a certain feature, or abandons a particular platform or operating system version, this may affect a huge number of users; Browser applications are dependent on application files which are accessed on remote servers through the Internet. 1. 2. Performance & Organization - An Advanced Guide to HTML. Having the ability to write HTML and CSS with a solid understanding is a great expertise to have. As a website’s code base and traffic grows, a new skill set comes into play, one that is extremely important to both development time and user experience. Knowing the fundamentals of website performance and organization can go a long way.

The organization and architecture of a code base can greatly affect not only the speed of development, but also the speed at which pages render. Both of which can be sizeable concerns not only for developers but also users. Taking the time to design the right structure for a code base, and identify how all of the different components will work together, can speed up production and make for a better experience all around. Additionally, taking a few small steps to improve the performance of a website can pay off in dividends. Strategy & Structure Style Architecture Object Oriented CSS Separate structure from skin Separate content from container <! Favor Classes <! Stroll.js - CSS3 Scroll Effects. 20 Free E-books For Web Designers.

E-books are great way to learn more about web design. E-books can truly provide you a fountain of knowledge of information and there’s a lot to be learnt. The beauty of ebooks is that there short and insightful not as a long as a book but not as short as a blog post. This blog post we have collected a personal collection of well of thought out web design related ebooks, which can be downloaded and read all for free. If your a tablet owner i would certainly recommend putting them on your ebook to read. There’s not too many great ebooks currently out their which are available for free, you should certainly take advantages of this post and read one of the ebooks listed in the post. I hope you enjoy the blog post and we would love for you to share your favourite free ebook featured in are post, or recommend any good free ebooks which we may have missed out. 1. 2. Web Designer’s Success Guide is the definitive guide to starting your own freelance Web design business. 3. 4. 5. 6. 7. 8. 9. 10.

65 Best Free Fonts From 2012. Font compilation roundups always seem to go down a treat with our readers. This post we have been on a scavenger hunt all over internet, in search of all the best fonts which were created in 2012. The post includes over 65 fonts perfect to use in print and web design projects. Sit back and download some pretty sweet fonts.

I hope you enjoy the post, and would love for you to share some of your favorite fonts in the comments section below. 1. Infinty 2. 3. 4. 5. 6. 7. 8. 9. 10. 11. 12. 13. odstemplik 14. 15. 16. 17. 18. vezus 19. 20. 21. 22. 23. 24. 25. 27. 28. 29. 30. 31. 32. 33. 34. 35. 36. 37. 38. 40. sn Blinds 41. 42. 43. 44. 45. 46. 47. 48. 49. akadora 50. 25 Free Must Download Design Programs. 25 free must download design programs, the article features a range of different design programs including alternative programs for some of the most popular design programs such as Photoshop, flash and illustrator. A great collection of programs available for free which is perfect while currently suffering from a recession. Image Editing 1) Paint.net Paint.NET is free image and photo editing software for computers that run Windows.

It features an intuitive and innovative user interface with support for layers, unlimited undo, special effects, and a wide variety of useful and powerful tools. An active and growing online community provides friendly help, tutorials, and plugins. GIMP is the GNU Image Manipulation Program. 3) Xara Xtreme Xara Xtreme is quite simply the best value and fastest all-in-one graphics package you’ll find. 4) Active Pixels Great free app which is very similar to Photoshop. 5) PaintStar 6) Picasa 3.1 Build 71.43 7) Art weaver 8) VCW VicMan’s Photo Editor 9) Photo Pos Lite.

55+ Extremely Useful Online Generators for Designers. In 2008 when I launched my personal blog to share my experiences, I decided to call it Balkhis instead of using my full name (Syed Balkhi). As time passed on, I regretted that decision because it created a lot of confusion. People thought that my last name was Balkhis instead of Balkhi. I basically combined my last name with the first letter of my first name.I was @syedbalkhi across all social media platforms, so the brand wasn’t consistent.People didn’t know about my personal blog as much because they didn’t relate Balkhis with me.

Well as I focus more on my personal brand in 2015, I made the crucial move of switching domain names. As you noticed with this change, I got a new site design. I didn’t want to spend too much time creating a custom theme, so I used my friend Michael Hyatt’s theme which you too can buy if you like: GetNoticed. I did customize it to give it a bit of personal touch. The main reason why I chose this theme is because of all the amazing functionality it comes with. PHP for Beginners: Building Your First Simple CMS. The Magic of PHP + MySQL It’s safe to say that nearly every website that’s up-to-date these days is using some form of content management system (CMS). While there are a ton of great free options that provide us with a CMS to power a website (WordPress, Drupal, etc.), it doesn’t hurt to peek under the hood and get a feel for how these systems work.

To get our feet wet as back-end developers, we’ll be creating a simple PHP class that will: Create a databaseConnect to a databaseDisplay a form with two fieldsSave the form data in the databaseDisplay the saved data from the database Download Files This class is intended to give you a feel for how PHP and MySQL interact together, and to show the basics of a CMS.

Building the Class Our first step is to simply lay out the class in a file named ‘simpleCMS.php’ so we have a road map to work with. As you can see, we’re creating one class with four variables and five methods. The Variables Build the Database Connect to the Database Build the Form <! <? CSS Framework Custom Downloads | Gumby Framework. 40+ Free Responsive WordPress Themes. Not every blogger or site owner is code-literate or design-savvy, but everyone deserves to get a responsive design for their site. If you’re on WordPress, have we got a treat for you. Rather than bust your budget to hire a designer for a revamp, why not adopt one of these handpicked WordPress Themes that are available for free? These themes are built to resize and realign itself to cater to the different screen sizes of mobile devices, such as smartphones and tablets, i.e. they are responsive.

No more swiping around to find hidden sidebars, zooming in and out to make the text comfortable enough to read. There will definitely be more out there so if you have a favorite theme, do let us know in the comments below. Constellation [ Demo | Download ] Flexible [ Demo | Download ] Ari [ Demo | Download ] Designfolio [ Demo | Download ] Simple Grid [ Demo | Download ] Unique [ Demo | Download ] Gridly [ Demo | Download ] TumblePress [ Demo | Download ] Twenty Ten [ Demo | Download ] What’s next?

Iconmonstr. Free vectors, photos and PSD Downloads | Freepik. 45 Fresh and Free HTML5 And CSS3 Templates You Should See. CSS Design: Taming Lists. As early as July of 1999 I was pontificating on email lists about the virtues of style sheets. Some things never change. Article Continues Below What has changed is how I think about CSS, and the underlying structure of (X)HTML to which it is applied.

For example, I find that most pages on the web contain a menu of links in a navigation area. Of course the reason that we don’t mark them up in that way is that we don’t want a bullet in front of every link in our navigation area. In this article, I’ll demonstrate how to use CSS to bring unwieldy lists under control.

Setting the stage#section2 For purposes of this article, I am using unordered lists. <ul><li>Item 1</li><li>Item 2</li><li>Item 3</li><li>Item 4</li><li>Item 5 we'll make a bit longer so that it will wrap</li></ul> Each list is simply placed inside a different DIV, and the CSS is written so that the list’s behavior is determined by the DIV it is in. Item 1Item 2Item 3Item 4Item 5 we’ll make a bit longer so that it will wrap. Foundation: HTML Templates.

News or Magazine This template puts a focus on bold images, perfect for a magazine style site with eye catching content. Your stories are easy to find with large feature blocks. See Demo Real Estate or Travel Big thumbnails with a space for captions and descriptions along with an informative header make this the perfect template for real estate or hotel booking. See Demo Ecommerce Homepage Building an online store? See Demo Agency Bring your work to the forefront with this sleek template that's perfect for agencies or freelancers.

See Demo Blog w/ Sidebar Large images, an easy to navigate layout, and versatile sidebar will help you get your blog up and running. See Demo Blog Single Column This sleek, minimal approach can help your blog stand out by putting content front and center. See Demo Portfolio Show off your work and highlight what you do with this grid style thumbnail layout. See Demo Product Page Highlight your new product and educate potential customers with this classic template. See Demo. Protolize.org - Essential web tools in one place. Adding Custom Google Maps to Your Website | Stiern. 15 sites web developers and designers should know. 51 Form Element Resources and Tutorials Using CSS And Javascript. Script.aculo.us - web 2.0 javascript.

Code Snippets - Snipplr Social Snippet Repository. $fx - JavaScript animation library. List of Useful jQuery Plugins. 10 CSS Rules Every Web Designer Should Know. CSE 190 M, Summer 2010. Nurus on Web Design Served. CSS Drive- Categorized CSS gallery and examples. Web Design Process. The Toolbox: a directory of useful single-page sites and apps. Incredible Drop Down Menu Solution With CSS Only. 101 Most Useful Websites You Dont Know About. PHP Source Code , Development , Programming , Free source code. 22 Websites that are Beautiful and Useful. PSDharvest.com - free files for designers and web developers. 43 Must Read PHP Articles and Resources.

Pagina Web Gratis - Como Crear Una Pagina Web Facilmente | Wix.com. Icon Search Engine. 15 Most Popular jQuery Plugins of June 2012. Modernizr.com. PhpDesigner 8 - All-In-One PHP IDE & PHP Editor & HTML5 Editor & Web Editor | MPSOFTWARE. HTTrack Website Copier - Free Software Offline Browser (GNU GPL) Instant Eyedropper: Identify HTML-color code of any pixel on the screen with single-click and auto paste it to the clipboard.

Leading Enterprise Java Web Framework | ZK. Wufoo · Online Form Builder! How to Create Your First Web Page. 20 Methods for Upping Your Current Web Design Skills. The 101 Most Useful Websites on the Internet. Send Text Messages with PHP. CSS Techniques I Wish I Knew When I Started Designing Websites. jQuery Shadow Plugin. Primary CSS. Anatomy of a Web Design Client. Button Maker. 37 Tested PHP, Perl, and JavaScript Regular Expressions.

Blogs. 20 Useful PHP Components & Tutorials for Everyday Project. 78 jQuery Scenarios to Fall in Love. Welcome to Treehouse, Start Learning Today. All The Cheat Sheets That A Web Developer Needs. The Top 10 Web Design Skills You WILL Need!