Dev Work Flow
Upcoming SlideShare
Loading in...5
×
 

Dev Work Flow

on

  • 951 views

 

Statistics

Views

Total Views
951
Slideshare-icon Views on SlideShare
951
Embed Views
0

Actions

Likes
0
Downloads
2
Comments
0

0 Embeds 0

No embeds

Accessibility

Categories

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment
  • No one cares about your code as much as you do, so care about it.
  • Beyonce – Backup Backup BackupBack up your site before making any changes to your workflow and your code.
  • The series premiered on July 24, 2011 on CBS, however, after just 4 episodes, CBS pulled the low-rated series from its Sunday night line-up.All the functions in your Plugin need to have unique names that are different from functions in the WordPress core, other Plugins, and themes.Copying and Pasting leads to conflicts in the code.
  • My workflow is almost exclusively taking designs from photoshop, slicing and dicing using coda for PHP, HTML, CSS and then building a custom WordPress theme.
  • Name your layers nicely, and keep single elements to single layers, object oriented design.Design for interaction means design for flexible and / or responsive design, design for user interaction as well, this means hover and active states, as well as form elements, and potentially have some idea of the transitions you want to build.Slice it nicely means that you should try to slice out of the PSD as few images as possible, attempt to create as many elements as you can with CSS. Slicing fewer visual elements also reduces the amount of data served to the user, and thus the speed of the site.
  • CSS Hat turns Photoshop layer styles to CSS3 with a click.CSS HAT .com
  • Especially if everything is named correctly, then it can even build your classes for you, we are slowly approaching a dynamic automated process.Support for Less, scss, sass and more. Cross browser support with Mozilla prefixing, comments, and dimensions, and even a SUPER handy copy button.
  • Cross browsers clips are critical!When you see something like an opacity in the photoshop design, start thinking about how that will be implemented in CSS
  • Coda can make you better at everything – according to their website at least.Handles your server connections, and web assets, clips and files. Allows for rapid deployment and project management.
  • Small piece of code that can be rapidly deployed.
  • Prebuild your clips so that you can use short codes and quickly jump to insertion points.
  • Ptah Dunbar developed a wicked framework to base theme creation off of.Many frameworks have template codes and and shortcodes built in.Each of these framworks have a custom-functions.php file, where additional functions can be written.
  • Responsive frameworks help in flexible screen size dev.
  • Underscores is totally free of styling, strictly clean wordpress guts as John Sexton says.
  • Twitter Bootstrap goodness paired with WordPress!
  • WordPress Codex, the online manual for WordPress and a living repository for WordPress information and documentation.If it is not on the codex, or not referred to, don’t fret… there are so many collections of useful snippets online!‘But check the codex first, there are simple functions for pulling recent posts, querying users, picking custom post types, and much more!
  • The Loop is PHP code used by WordPress to display posts. Using The Loop, WordPress processes each post to be displayed on the current page, and formats it according to how it matches specified criteria within The Loop tags. Any HTML or PHP code in the Loop will be processed on each post.
  • The Loop is PHP code used by WordPress to display posts. Using The Loop, WordPress processes each post to be displayed on the current page, and formats it according to how it matches specified criteria within The Loop tags. Any HTML or PHP code in the Loop will be processed on each post.
  • Build a simple shortcode
  • Pull in tweets from an RSS feed.
  • Get Post Content Outside of the loopGet a permalinkGet the post meta field
  • Thumbnails of videos for a query of posts.
  • Get template urlRevise the top left logo of a site, with WP Framework Markup
  • List the post categories
  • Handling a loop inside a loop
  • Remove update notification for all users except for the administrators.
  • Get the post thumbnail, or a cat photo.
  • Snippets for everything.Changing the login screen, changing the header and footer in the admin area.
  • Testing of HTML,Javascript, CSS snippets in a live playground is a great way to learn what happens.
  • Testing of HTML,Javascript, CSS snippets in a live playground is a great way to learn what happens.
  • Many times the development of a plugin occurs in three phases… a clips or code snippet, to a custom function, to a full plugin. Obviously each increasing step generalizes the application.Here is a plugin that solves several key issues each time a serious bug is found.
  • Many times the development of a plugin occurs in three phases… a clips or code snippet, to a custom function, to a full plugin. Obviously each increasing step generalizes the application.Here is a plugin that solves several key issues each time a serious bug is found.

Dev Work Flow Dev Work Flow Presentation Transcript