Resource for your Next WordPress (Theme) Site

I don’t know How I left this Post pending in draft, While starting another project was searching for this post, and it was it Draft. In Jan 2018, when I was done with #WPMeta Website, I drafted this one.

Here are some resources I used to code #WPMeta Website.

1. Underscores (_s) – Starter theme
Underscore is starter theme with all latest standards of WordPress system. Components provide the choice of multiple structures.

2. Coolers – Color Scheme Generator
Not Being Designer, I have a bad taste in colour combinations. Last time I was coding a theme, I used Kuler by Adobe, pretty complicated to use., way to easy compared to Kuler.

3. Mixfont – Font Combination generator
Fonts combination is another UI part where I lack a lot. Mixfont is easy to go, test multiple Google fonts with each other.

4. Fontello – Icon fonts generator
Fontello is open source icon fonts generator. Remember the moment when you load font awesome library just for two icons. You are wasting your & users bandwidth. Just select your desired icons, build

Do let me know what tools you like to use for your custom theme development.


Moments I love to capture at any WordCamp

I’ve attended 21 WordCamp in India since 2013, Campers have spotted me with Camera in most of WordCamps, Sometimes as Photographer Volunteer or as an attendee who uses a camera as an excuse to peek into the different tracks or to escape Boring Sessions.

Since then many serial WordCamper started calling me as UnOfficial Photographer of WordCamps in India. My Camera has given me recognition in Indian WordPress Community, I can’t ignore that part.

I’m writing this blog post for all those who love to Capture Moments at any Conference. if you find anything new on your Capture list, please do share in Comment. Here is the list of Items I prefer to Capture in any conference

    • Pre Camp Preparations
    • Venue & Props
    • Registration Desks & Objects
    • Swag Counters & Objects
    • Breakfast / Lunch / Snacks items
    • People enjoying Food
    • People Networking
    • People having Selfie / Groupie
    • Speakers Preparing for Talks
    • Speakers while Presenting
    • Speaker Discussing offline
    • In Room QnA Photos
    • Sponsors Desk
    • Sponsors while Exhibiting
    • Companies Team Photos
    • Opening and Closing Ceremony

I often publish those photos on my FB Profile, you can check them here.


Developing WordPress Frontend with Chrome Developer Tools

This is a proposed outline for WordCamp Mumbai 2018 Speaker Application.

I’m yet to post about my talks at WordCamp Kanpur and Ahmedabad, both are in the draft along with a long list of heading items that need detailing. So Instead of putting topics in the draft and piling them, decided to publish and continue as a series of Blog posts.

Intended Audience: Designers / Developers
Level of Understanding: Beginner / Intermediate

The audience may already be familiar with the basic features of the Chrome Developer Tools: the DOM inspector, styles panel, and JavaScript console. But there are a number of lesser-known features that can dramatically improve workflows.

This session will be demo based, will cover DevTools demo around following Topics:

  • Console Tricks for Debugging
  • Event Listeners
  • Accessibility checks
  • Workspaces for quick local development
  • Network throttling for testing your web on low-speed users
  • Performance tuning of a web page
  • and some tricks from Animation, Sensors & Rendering Tabs of DevTools.

Whether stepping through JavaScript, Debugging CSS, Testing REST API calls, or auditing page performance, the window of Chrome’s DevTools is there to help.

Whether I’ll be speaking or not at WordCamp Mumbai is not sure as its always hard for Organizers to Select sessions amongst so many awesome topics maintaining Attendees Flow of learning. I’ll make sure to post these tricks here on my blog.

[Update – 06-04-2018]

I had One hour Session at WordCamp Mumbai 2018, it was great experience for me, Thanks to Organizing team and Attendees. I’m yet to write detailed post about these tricks but you can find code demonstrated at my Github Repo. Please refer Notepad Point.txt (it has the flow we used in session)and Codes folder (for actual codes).